_base.html 4.0 KB

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