|
|
<!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 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"-->
|
|
|
<!-- <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>
|
|
|
{% block extra-head %}{% endblock %}
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
{% 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 %}
|
|
|
<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/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%}
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|
