##// END OF EJS Templates
realtime_web
RSS
New template, clean code, workig for realtime
New template, clean code, workig for realtime
Juan C. Espinoza - - Load All Authors

File last commit:

r21:dc5f8680b6e1
r21:dc5f8680b6e1
Show More
base.html
64 lines | 2.6 KiB | text/html | HtmlDjangoLexer
/ plotter / templates / base.html
History | Annotation | Raw |Copy content |Copy permalink
{% 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 CSS -->
{# % bootstrap_css % #}
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/style.css' %}" rel="stylesheet"> {%block extra-header%}{%endblock%}
<title>Realtime plots at JRO</title>
</head>
<body>
<!-- menu -->
<nav class="navbar navbar-expand-md navbar-light sticky-top box-shadow" style="background-color: #e3f2fd;">
<a class="navbar-brand" href="http://jro.igp.gob.pe">
<img src="{% static 'images/logo-igp.png' %}" height="40" alt="">
</a>
<button class="navbar-toggler text-dark" type="button" data-toggle="collapse" data-target="#navbars" aria-controls="navbars" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbars">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Control Panel</a>
</li>
</ul>
</div>
</nav>
<!-- menu end -->
<!-- Here we put the content depending which url the view.py program command us -->
<div class="container" style="min-height: 480px;">
{% block content %}{% endblock content %}
</div>
<div class="container">
<footer class="border-top pt-2">
<div class="row">
<div class="col-12 col-md">
<small class="d-block mb-3 text-muted">&copy; 2018</small>
</div>
</div>
</footer>
</div>
<!-- This part put block modal which is used to change parameters of my plot -->
{% block modal %}{% endblock modal %}
{% block debug %}<div class="container">{{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/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 -->
{% block script %}{% endblock script %}
</body>
</html>