_base.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. {% load static %}
  2. {% load helpers %}
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <title>{% block title %}Home{% endblock %} - NetBox</title>
  7. <link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
  8. <link rel="stylesheet" href="{% static 'font-awesome-4.7.0/css/font-awesome.min.css' %}">
  9. <link rel="stylesheet" href="{% static 'jquery-ui-1.12.1/jquery-ui.css' %}">
  10. <link rel="stylesheet" href="{% static 'select2-4.0.5/css/select2.min.css' %}">
  11. <link rel="stylesheet" href="{% static 'select2-bootstrap-0.1.0-beta.10/select2-bootstrap.min.css' %}">
  12. <link rel="stylesheet" href="{% static 'flatpickr-4.6.3/themes/light.css' %}">
  13. <link rel="stylesheet" href="{% static 'css/base.css' %}?v{{ settings.VERSION }}">
  14. <link rel="icon" type="image/png" href="{% static 'img/netbox.ico' %}" />
  15. <meta charset="UTF-8">
  16. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  17. </head>
  18. <body>
  19. {% include 'inc/nav_menu.html' %}
  20. <div class="container wrapper">
  21. {% if settings.BANNER_TOP %}
  22. <div class="alert alert-info text-center" role="alert">
  23. {{ settings.BANNER_TOP|safe }}
  24. </div>
  25. {% endif %}
  26. {% if settings.MAINTENANCE_MODE %}
  27. <div class="alert alert-warning text-center" role="alert">
  28. <h4><i class="fa fa-exclamation-triangle"></i> Maintenance Mode</h4>
  29. <p>NetBox is currently in maintenance mode. Functionality may be limited.</p>
  30. </div>
  31. {% endif %}
  32. {% for message in messages %}
  33. <div class="alert alert-{{ message.tags }} alert-dismissable" role="alert">
  34. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  35. <span>&times;</span>
  36. </button>
  37. {{ message }}
  38. </div>
  39. {% endfor %}
  40. {% block header %}{% endblock %}
  41. {% block content %}{% endblock %}
  42. <div class="push"></div>
  43. {% if settings.BANNER_BOTTOM %}
  44. <div class="alert alert-info text-center banner-bottom" role="alert">
  45. {{ settings.BANNER_BOTTOM|safe }}
  46. </div>
  47. {% endif %}
  48. </div>
  49. <footer class="footer">
  50. <div class="container">
  51. <div class="row">
  52. <div class="col-xs-4">
  53. <p class="text-muted">{{ settings.HOSTNAME }} (v{{ settings.VERSION }})</p>
  54. </div>
  55. <div class="col-xs-4 text-center">
  56. <p class="text-muted">{% now 'Y-m-d H:i:s T' %}</p>
  57. </div>
  58. <div class="col-xs-4 text-right noprint">
  59. <p class="text-muted">
  60. <i class="fa fa-fw fa-book text-primary"></i> <a href="http://netbox.readthedocs.io/">Docs</a> &middot;
  61. <i class="fa fa-fw fa-cloud text-primary"></i> <a href="{% url 'api_docs' %}">API</a> &middot;
  62. <i class="fa fa-fw fa-code text-primary"></i> <a href="https://github.com/netbox-community/netbox">Code</a> &middot;
  63. <i class="fa fa-fw fa-support text-primary"></i> <a href="https://github.com/netbox-community/netbox/wiki">Help</a>
  64. </p>
  65. </div>
  66. </div>
  67. </div>
  68. </footer>
  69. <script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
  70. <script src="{% static 'jquery-ui-1.12.1/jquery-ui.min.js' %}"></script>
  71. <script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
  72. <script src="{% static 'select2-4.0.5/js/select2.min.js' %}"></script>
  73. <script src="{% static 'flatpickr-4.6.3/flatpickr.min.js' %}"></script>
  74. <script src="{% static 'clipboard-2.0.4.min.js' %}"></script>
  75. <script src="{% static 'js/forms.js' %}?v{{ settings.VERSION }}"></script>
  76. <script type="text/javascript">
  77. var netbox_api_path = "/{{ settings.BASE_PATH }}api/";
  78. var loading = $(".loading");
  79. $(document).ajaxStart(function() {
  80. loading.show();
  81. }).ajaxStop(function() {
  82. loading.hide();
  83. });
  84. </script>
  85. {% block javascript %}{% endblock %}
  86. </body>
  87. </html>