|
|
<!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>
|
|
|
|
