##// END OF EJS Templates
Working realtime & database
Working realtime & database

File last commit:

r0:550d5a042943
r0:550d5a042943
Show More
base.html
93 lines | 3.7 KiB | text/html | HtmlDjangoLexer
{% load static %} {% load bootstrap4 %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap -->
<link href="{% static 'dist/css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/bootstrap-datetimepicker.min.css' %}" rel="stylesheet">
<!-- Icons -->
<link href="{% static 'css/font-awesome.css' %}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<title>PX-1000 Radar</title>
</head>
<body>
<div class="container-fluid" id="wrapper">
{% bootstrap_messages %}
<div class="row">
<nav class="sidebar col-xs-12 col-sm-4 col-lg-3 col-xl-2 bg-faded sidebar-style-1">
<h1 class="site-title">
<a href="http://portal.igp.gob.pe">
<img class="logo" alt="JRO" src="{% static 'images/logo-igp.png' %}">
</a>
</h1>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">
<em class="fa fa-bars"></em>
</a>
<ul class="nav nav-pills flex-column sidebar-nav">
<li class="nav-item">
<a class="nav-link {%block home-active%}{%endblock%}" href="{% url 'url_home' %}">
<em class="fa fa-dashboard"></em> Home</a>
</li>
<li class="nav-item">
<a class="nav-link {%block realtime-active%}{%endblock%}" href="{% url 'url_realtime' %}">
<em class="fa fa-bar-chart"></em> Realtime</a>
</li>
<li class="nav-item">
<a class="nav-link {%block database-active%}{%endblock%}" href="{% url 'url_database' %}">
<em class="fa fa-calendar-o"></em> Database</a>
</li>
<li class="nav-item">
<a class="nav-link {%block contact-active%}{%endblock%}" href="{% url 'url_contact' %}">
<em class="fa fa-address-card"></em> Contact us</a>
</li>
</ul>
</nav>
<main class="col-xs-12 col-sm-8 offset-sm-4 col-lg-9 offset-lg-3 col-xl-10 offset-xl-2 pt-3 pl-4">
<header class="page-header row">
<div class="col-md-6 col-lg-8">
<h1 class="float-left text-center text-md-left">PX1000 Radar <small> </small> </h1>
</div>
<div class="clear"></div>
</header>
<section class="row">
<div class="col-sm-12">
<section class="row">
<div class="col-md-12 col-lg-8">
{% block content %}{% lorem %}{%endblock%}
</div>
<div class="col-md-12 col-lg-4">
{%block sidebar%}{%endblock%}
</div>
</section>
<section class="row">
{%block footer%}{%endblock%}
</section>
</div>
</section>
</section>
</main>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
<script src="{% static 'dist/js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/chart.min.js' %}"></script>
<script src="{% static 'js/chart-data.js' %}"></script>
<script src="{% static 'js/easypiechart.js' %}"></script>
<script src="{% static 'js/easypiechart-data.js' %}"></script>
<script src="{% static 'js/moment-with-locales.js' %}"></script>
<script src="{% static 'js/bootstrap-datetimepicker.min.js' %}"></script>
<script src="{% static 'js/custom.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
crossorigin="anonymous"></script>
{% block script %}{% endblock %}
</body>
</html>