base - mod.html
188 lines
| 8.1 KiB
| text/html
|
HtmlDjangoLexer
r338 | <!DOCTYPE html> | |||
{% load static %} | ||||
{% load bootstrap4 %} | ||||
<html lang="en"> | ||||
<head> | ||||
<meta charset="utf-8"> | ||||
<title>{% block title %}Jicamarca Integrated Radar System:::::{% endblock %}</title> | ||||
<meta name="description" content=""> | ||||
<meta name="author" content=""> | ||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||||
{# bootstrap_css #} | ||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" | ||||
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> | ||||
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"> | ||||
<link href="{% static 'css/style.css' %}" rel="stylesheet"> | ||||
<link href="{% static 'css/header.css' %}" rel="stylesheet"> | ||||
<link href="{% static 'css/footer.css' %}" rel="stylesheet"> | ||||
<!--link href="{% static '' %}css/bootstrap-{{theme}}.min.css" media="all" rel="stylesheet"--> | ||||
<!-- <link href="{% static 'css/bootcards-desktop.min.css' %}" media="all" rel="stylesheet"> --> | ||||
<link href="{% static 'css/font-awesome.min.css' %}" media="all" rel="stylesheet"--> | ||||
<!--link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"--> | ||||
<!-- Bootcards CSS for iOS: > | ||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/css/bootcards-ios.min.css"> | ||||
<!-- Bootcards CSS for Android: > | ||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/css/bootcards-android.min.css"--> | ||||
<!-- Bootcards CSS for desktop: > | ||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/css/bootcards-desktop.min.css"--> | ||||
<style type="text/css"> | ||||
.logo {padding-top: 5px; height: 50px} | ||||
.clickable-row {cursor: pointer;} | ||||
.col-no-padding { padding-left:0;} | ||||
.gi-2x{font-size: 2em;} | ||||
.gi-3x{font-size: 3em;} | ||||
.gi-4x{font-size: 4em;} | ||||
.gi-5x{font-size: 5em;} | ||||
</style> | ||||
<script src="{% static 'js/jquery.min.js' %}"></script> | ||||
{% block extra-head %} | ||||
{% endblock %} | ||||
</head> | ||||
<body> | ||||
{% include "header_igp.html" %} | ||||
<nav class="navbar navbar-expand-lg navbar-light bg-light" > | ||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||||
<span class="navbar-toggler-icon"></span> | ||||
</button> | ||||
<a class="navbar-brand" href="{% url 'index' %}" style="padding-top:0"><img class="logo" alt="JRO" src="{% static "images/sir.png" %}"></a> | ||||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||||
<ul class="navbar-nav mr-auto"> | ||||
<li class="nav-item {{menu_operation}}"> | ||||
<a class="nav-link" href="{% url 'url_operation'%}">Operation</a> | ||||
</li> | ||||
<li class="nav-item {{menu_campaigns}}"> | ||||
<a class="nav-link" href="{% url 'url_campaigns'%}">Campaigns</a> | ||||
</li> | ||||
<li class="nav-item {{menu_experiments}}"> | ||||
<a class="nav-link" href="{% url 'url_experiments'%}">Experiments</a> | ||||
</li> | ||||
<li class="nav-item {{menu_configurations}}"> | ||||
<a class="nav-link" href="{% url 'url_dev_confs'%}">Configurations</a> | ||||
</li> | ||||
<li class="nav-item {{menu_devices}}"> | ||||
<a class="nav-link" href="{% url 'url_devices'%}">Devices</a> | ||||
</li> | ||||
</ul> | ||||
<ul class="nav navbar-nav navbar-right"> | ||||
<li class="nav-divider"></li> | ||||
{% if user.is_authenticated %} | ||||
<li class="dropdown"> | ||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Theme<span class="caret"></span></a> | ||||
<ul class="dropdown-menu" role="menu"> | ||||
<li class="{{cosmo_active}}"><a href="{% url 'url_theme' 'cosmo' %}">Cosmo</a></li> | ||||
<li class="{{custom_active}}"><a href="{% url 'url_theme' 'custom' %}">Custom</a></li> | ||||
<li class="{{flatly_active}}"><a href="{% url 'url_theme' 'flatly' %}">Flatly</a></li> | ||||
<li class="{{journal_active}}"><a href="{% url 'url_theme' 'journal' %}">Journal</a></li> | ||||
<li class="{{lumen_active}}"><a href="{% url 'url_theme' 'lumen' %}">Lumen</a></li> | ||||
<li class="{{sandstone_active}}"><a href="{% url 'url_theme' 'sandstone' %}">Sandstone</a></li> | ||||
<li class="{{simplex_active}}"><a href="{% url 'url_theme' 'simplex' %}">Simplex</a></li> | ||||
<li class="{{slate_active}}"><a href="{% url 'url_theme' 'slate' %}">Slate</a></li> | ||||
<li class="{{spacelab_active}}"><a href="{% url 'url_theme' 'spacelab' %}">SpaceLab</a></li> | ||||
<li class="{{united_active}}"><a href="{% url 'url_theme' 'united' %}">United</a></li> | ||||
<li class="{{yeti_active}}"><a href="{% url 'url_theme' 'yeti' %}">Yeti</a></li> | ||||
</ul> | ||||
</li> | ||||
<li class="dropdown"> | ||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Hi, {{ user.first_name }}<span class="caret"></span></a> | ||||
<ul class="dropdown-menu" role="menu"> | ||||
<li><a href="/admin" target="_blank">Control Panel</a></li> | ||||
<li><a href="{% url 'url_logout' %}">Logout</a></li> | ||||
</ul> | ||||
</li> | ||||
{% else %} | ||||
<li class="nav-item"><a class="nav-link" href="{% url 'url_login' %}?next={{request.get_full_path}}">Login</a></li> | ||||
{% endif %} | ||||
</ul> | ||||
</div> | ||||
</nav> | ||||
<div style="clear: both;"></div> | ||||
<div class="container"> | ||||
<div id="page" class="row" style="min-height:600px"> | ||||
{% if no_sidebar %} | ||||
<div class="col-md-0 hidden-xs hidden-sm" role="complementary"></div> | ||||
{% else %} | ||||
<div class="col-md-3 hidden-xs hidden-sm" role="complementary"> | ||||
<br><br> | ||||
<div id="sidebar"> | ||||
{% block sidebar%} | ||||
{% include "sidebar_devices.html" %} | ||||
{% endblock %} | ||||
</div> | ||||
</div> | ||||
{% endif %} | ||||
{% if no_sidebar %} | ||||
<div class="col-md-12 col-xs-12" role="main"> | ||||
{% else %} | ||||
<div class="col-md-9 col-xs-12" role="main"> | ||||
{% endif %} | ||||
<div class="page-header"> | ||||
<h1>{% block content-title %}{% endblock %} <small>{% block content-suptitle %}{% endblock %}</small></h1> | ||||
</div> | ||||
{% block messages %} | ||||
{% if messages %} | ||||
{% for message in messages %} | ||||
<div class="alert alert-{% if message.tags %}{% if 'error' in message.tags %}danger{% else %}{{ message.tags }}{% endif %}{% else %}info{% endif %} alert-dismissible" role="alert"> | ||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> | ||||
<strong>{{message.tags|title}}!</strong> {{ message }} | ||||
</div> | ||||
{% endfor %} | ||||
{% endif %} | ||||
{% endblock %} | ||||
{% block content %} | ||||
{% endblock %} | ||||
</div> | ||||
</div><!--/row--> | ||||
</div> <!-- container --> | ||||
{% include "footer_igp.html" %} | ||||
<!-- This part put block modal which is used to change parameters of my plot --> | ||||
{% block modal %}{% endblock modal %} | ||||
{% block debug %}<div class="row">{{debug}}</div>{% endblock debug %} | ||||
<!-- Optional JavaScript --> | ||||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | ||||
{# % bootstrap_javascript jquery='slim' % #} | ||||
<script src="{% static 'js/jquery-3.3.1.slim.min.js' %}"></script> | ||||
<script src="{% static 'js/popper.min.js' %}"></script> | ||||
<script src="{% static 'js/bootstrap.min.js' %}"></script> | ||||
<script src="{% static 'js/bootcards.min.js' %}"></script> | ||||
<script src="{% static 'js/plotly-latest.min.js' %}"></script> | ||||
<script src="{% static 'js/moment.min.js' %}"></script> | ||||
<!-- Here we put the script from the type of plot that we recibe --> | ||||
<script> | ||||
$("#menu-toggle").click(function (e) { | ||||
e.preventDefault(); | ||||
$("#wrapper").toggleClass("toggled"); | ||||
}); | ||||
</script> | ||||
{% block script %}{% endblock script %} | ||||
{% block extra-js %} | ||||
{% endblock%} | ||||
</body> | ||||
</html> | ||||