mirror of
https://github.com/netbox-community/netbox.git
synced 2024-05-10 07:54:54 +00:00
122 lines
4.1 KiB
HTML
122 lines
4.1 KiB
HTML
{# Base template for (almost) all NetBox pages #}
|
|
{% load static %}
|
|
{% load helpers %}
|
|
<!DOCTYPE html>
|
|
<html
|
|
lang="en"
|
|
data-netbox-url-name="{{ request.resolver_match.url_name }}"
|
|
data-netbox-base-path="{{ settings.BASE_PATH }}"
|
|
{% with preferences|get_key:'ui.colormode' as color_mode %}
|
|
{% if color_mode == 'dark'%}
|
|
data-netbox-color-mode="dark"
|
|
{% elif color_mode == 'light' %}
|
|
data-netbox-color-mode="light"
|
|
{% else %}
|
|
data-netbox-color-mode="unset"
|
|
{% endif %}
|
|
{% endwith %}
|
|
>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, viewport-fit=cover"
|
|
/>
|
|
|
|
{# Page title #}
|
|
<title>{% block title %}Home{% endblock %} | NetBox</title>
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="{% static 'setmode.js' %}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=setmode.js'">
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
(function () {
|
|
initMode()
|
|
})();
|
|
window.CSRF_TOKEN = "{{ csrf_token }}";
|
|
</script>
|
|
|
|
{# Static resources #}
|
|
<link
|
|
rel="stylesheet"
|
|
href="{% static 'netbox-external.css'%}?v={{ settings.VERSION }}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=netbox-external.css'"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="{% static 'netbox-light.css'%}?v={{ settings.VERSION }}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=netbox-light.css'"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="{% static 'netbox-dark.css'%}?v={{ settings.VERSION }}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=netbox-dark.css'"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
media="print"
|
|
href="{% static 'netbox-print.css'%}?v={{ settings.VERSION }}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=netbox-print.css'"
|
|
/>
|
|
<link rel="icon" type="image/png" href="{% static 'netbox.ico' %}" />
|
|
<link rel="apple-touch-icon" type="image/png" href="{% static 'netbox_touch-icon-180.png' %}" />
|
|
|
|
{# Javascript #}
|
|
<script
|
|
type="text/javascript"
|
|
src="{% static 'netbox.js' %}?v={{ settings.VERSION }}"
|
|
onerror="window.location='{% url 'media_failure' %}?filename=netbox.js'">
|
|
</script>
|
|
|
|
{# Additional <head> content #}
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
<script type="text/javascript">
|
|
function checkSideNav() {
|
|
// Check localStorage to see if the sidebar should be pinned.
|
|
var sideNavRaw = localStorage.getItem('netbox-sidenav');
|
|
// Determine if the device has a small screeen. This media query is equivalent to
|
|
// bootstrap's media-breakpoint-down(lg) breakpoint mixin, which is what the sidenav's
|
|
// CSS uses.
|
|
var isSmallScreen = window.matchMedia('(max-width: 991.98px)').matches;
|
|
if (typeof sideNavRaw === 'string') {
|
|
var sideNavState = JSON.parse(sideNavRaw);
|
|
if (sideNavState.pinned === true && !isSmallScreen) {
|
|
// If the sidebar should be pinned and this is not a small screen, set the appropriate
|
|
// body attributes prior to the rest of the content rendering. This prevents
|
|
// jumpy/glitchy behavior on page reloads.
|
|
document.body.setAttribute('data-sidenav-pinned', '');
|
|
document.body.setAttribute('data-sidenav-show', '');
|
|
document.body.removeAttribute('data-sidenav-hidden');
|
|
} else {
|
|
document.body.removeAttribute('data-sidenav-pinned');
|
|
document.body.setAttribute('data-sidenav-hidden', '');
|
|
}
|
|
}
|
|
}
|
|
window.addEventListener('resize', function(){ checkSideNav() });
|
|
checkSideNav();
|
|
</script>
|
|
|
|
{# Page layout #}
|
|
{% block layout %}{% endblock %}
|
|
|
|
{# Additional Javascript #}
|
|
{% block javascript %}{% endblock %}
|
|
|
|
{# User messages #}
|
|
{% include 'inc/messages.html' %}
|
|
|
|
{# Data container #}
|
|
<div id="netbox-data" style="display: none!important; visibility: hidden!important">
|
|
{% block data %}{% endblock %}
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|