base.html
131 lines
| 4.5 KiB
| text/html
|
HtmlDjangoLexer
|
r0 | <!DOCTYPE html> | ||
|
r337 | {% load static %} | ||
{% load bootstrap4 %} | ||||
|
r0 | <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=""> | ||||
r335 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
|
r0 | {# bootstrap_css #} | ||
r335 | ||||
<link href="{% static 'css/fontawesome.css' %}" rel="stylesheet"> | ||||
<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 rel="shortcut icon" href="{% static 'images/favicon.ico' %}" /> | ||||
<!--link href="{% static '' %}css/bootstrap-{{theme}}.min.css" media="all" rel="stylesheet"--> | ||||
|
r337 | <!-- <link href="{% static 'css/bootcards-desktop.min.css' %}" media="all" rel="stylesheet"> --> | ||
r335 | <link href="{% static 'css/font-awesome.min.css' %}" media="all" rel="stylesheet"--> | |||
|
r216 | <!--link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"--> | ||
r335 | ||||
|
r216 | <!-- Bootcards CSS for iOS: > | ||
|
r337 | <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/css/bootcards-ios.min.css"--> | ||
|
r216 | |||
<!-- 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"--> | ||||
r335 | ||||
|
r337 | <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> | ||||
|
r338 | <script src="{% static 'js/jquery.min.js' %}"></script> | ||
|
r337 | {% block extra-head %}{% endblock %} | ||
|
r0 | </head> | ||
r335 | ||||
|
r337 | <body> | ||
r335 | ||||
{% include "header_igp.html" %} | ||||
<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 %} | ||||
|
r337 | |||
<div class="page-header"> | ||||
<h1>{% block content-title %}{% endblock %} <small>{% block content-suptitle %}{% endblock %}</small></h1> | ||||
r360 | <br> | |||
|
r337 | </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 %} | ||||
r335 | ||||
{% block content %} | ||||
|
r23 | {% endblock %} | ||
|
r162 | |||
|
r337 | </div> | ||
|
r162 | |||
r335 | </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/moment.min.js' %}"></script> | ||||
<script src="{% static 'js/bootstrap.min.js' %}"></script> | ||||
<script src="{% static 'js/plotly-latest.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 extra-js %} | ||||
{% endblock%} | ||||
|
r162 | |||
|
r0 | |||
</body> | ||||
</html> | ||||