OpenDroneMap-WebODM/app/templates/app/base.html

170 wiersze
6.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
{% load i18n cache static settings plugins %}
<!--
WebODM - User-friendly, commercial grade software for processing aerial imagery.
Copyright (C) 2020 WebODM Authors
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="WebODM Contributors">
<link rel="icon" type="image/png" href="{% settings_image_url 'app_logo_favicon' %}" sizes="32x32">
<link rel="stylesheet" type="text/css" href="{% static 'app/css/bootstrap.min.css' %}" />
<link href="{% static 'app/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'app/css/metisMenu.min.css' %}" rel="stylesheet">
<link href="{% static 'app/css/sb-admin-2.css' %}" rel="stylesheet">
{% block extra-headers %}{% endblock %}
<script src="{% static 'app/js/vendor/modernizr-2.8.3.min.js' %}"></script>
<script src="{% static 'app/js/vendor/es6-shim.min.js' %}"></script>
<script src="{% static 'app/js/vendor/jquery-1.11.2.min.js' %}"></script>
<script src="{% static 'app/js/vendor/system.js' %}"></script>
<script src="{% url 'javascript-catalog' %}"></script>
{% block headers-before-bundle %}{% endblock %}
{% load render_bundle from webpack_loader %}
{% render_bundle 'main' %}
{% autoescape off %}
{% get_plugins_js_includes %}
{% get_plugins_css_includes %}
{% endautoescape %}
<title>{{title|default:"Login"}} - {{ SETTINGS.app_name }}</title>
{% cache 3600 theme_css %}
<style type="text/css">
{% include "theme.css" %}
</style>
{% endcache %}
{% is_desktop_mode as desktop_mode %}
{% if desktop_mode %}
<!-- Hide top nav bar -->
<style type="text/css">
.navbar-header { display: none; }
#navbar-top .navbar-default.sidebar{ top: 0; position: fixed; margin-top: 1px; }
#navbar-top { height: 0; min-height: 0; }
.map-view { height: calc(100% + 30px) !important; }
.model-view { height: calc(100% + 50px) !important; }
</style>
{% endif %}
<style type="text/css">
{{ SETTINGS.theme.css|safe }}
</style>
</head>
<body data-admin-utc-offset="{% now "Z" %}">
{% if desktop_mode %}
<div class='topLine' style="background: #e7e7e7; position: absolute; left: 0; right: 0; height: 1px;"></div>
{% endif %}
{% block body %}
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="wrapper">
{{ SETTINGS.theme.html_before_header|safe }}
<nav id="navbar-top" class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% block navbar-top-links %}{% endblock %}
{% if '/public/task/' in request.path and request.user.is_anonymous and SETTINGS.organization_website %}
<a class="navbar-brand" href="{{ SETTINGS.organization_website }}"><img src="{% settings_image_url 'app_logo_36' %}" alt="{{ SETTINGS.app_name }}" /></a>
<a class="navbar-link" href="{{ SETTINGS.organization_website }}"><p class="navbar-text">{{ SETTINGS.app_name }}</p></a>
{% else %}
<a class="navbar-brand" href="/"><img src="{% settings_image_url 'app_logo_36' %}" alt="{{ SETTINGS.app_name }}" /></a>
<a class="navbar-link" href="/"><p class="navbar-text">{{ SETTINGS.app_name }}</p></a>
{% endif %}
</div>
{% block navbar-sidebar %}{% endblock %}
</nav>
{% block page-wrapper %}{{ SETTINGS.theme.html_after_header|safe }}{% endblock %}
</div>
{% autoescape off %}
{% get_footer %}
{% endautoescape %}
{% endblock %}
</body>
<script src="{% static 'app/js/vendor/metisMenu.min.js' %}"></script>
<script>
{% task_options_docs_link as to_link %}
window.__taskOptionsDocsLink = "{{ to_link|safe }}";
$(function(){
$('#side-menu').metisMenu();
$(window).bind("load resize", function() {
{% if desktop_mode %}
var topOffset = 0;
{% else %}
var topOffset = 50;
{% endif %}
var width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
if (width < 768) {
$('div.navbar-collapse').addClass('collapse');
{% if not desktop_mode %}
topOffset = 100; // 2-row-menu
{% endif %}
} else {
$('div.navbar-collapse').removeClass('collapse');
}
var height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
height = height - topOffset;
if (height < 1) height = 1;
if (height > topOffset) {
$("#page-wrapper").css("min-height", (height) + "px");
}
});
var url = window.location;
var element = $('ul.nav a').filter(function() {
return this.href == url;
}).addClass('active').parent();
while(true){
if (element.is('li')){
element = element.parent().addClass('in');
} else {
break;
}
}
if (element.parent().is('li')) element.parent().addClass('active');
});
</script>
<script src="{% static 'app/js/vendor/bootstrap.min.js' %}"></script>
{{ SETTINGS.theme.html_after_body|safe }}
</html>