_base.html 3.6 KB

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