##// END OF EJS Templates
realtime_px
RSS
Working realtime & database
Working realtime & database
jespinoza - - Load All Authors

File last commit:

r0:550d5a042943
r0:550d5a042943
Show More
database.html
79 lines | 2.3 KiB | text/html | HtmlDjangoLexer
/ px / templates / database.html
History | Annotation | Raw |Copy content |Copy permalink
{% extends 'base.html' %} {% load static %} {% load bootstrap4 %}
{% block database-active%}active{%endblock%}
{% block content %}
{% if figures %}
<div id="carousel" class="carousel" data-ride="false" data-interval=2000>
<div class="carousel-inner">
{% for fig in figures %}
{% if forloop.last %}
<div class="carousel-item active">
{% else %}
<div class="carousel-item">
{% endif %}
<img class="d-block w-100 h-100" src="{% static '' %}plots/{{fig}}">
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
{% endif %}
{% endblock %}
{% block sidebar %}
<div class="card mb-4">
<div class="card-block">
<h3 class="card-title">Available plots</h3>
<button type="button" id="bt_Z" class="btn btn-success btn-sm">
Z-Reflectivity
</button>
<button type="button" id="bt_V" class="btn btn-warning btn-sm">
V-Velocity
</button>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<h3 class="card-title">Select Date</h3>
<form class="form-inline">
<div class="input-group mr-sm-2">
<input id="calendar" type="text" class="form-control input-md" placeholder="Select date"/>
</div>
<button class="btn btn-outline-primary" id="bt_search" type="button">Search</button>
</form>
</div>
</div>
{% endblock %}
{% block script %}
<script>
var dates = JSON.parse("{{dates}}".replace(/&quot;/g,'"'))
$('#calendar').datetimepicker({
format: "DD/MM/YYYY HH:mm",
stepping: 30,
enabledDates: dates,
});
$('#calendar').val("{{dt|date:'d/m/Y H:i'}}");
console.log(dates);
$("#bt_Z").click(function() {
document.location = "{% url 'url_database' 'Z' %}"+"?date="+$("#calendar").val();
});
$("#bt_V").click(function() {
document.location = "{% url 'url_database' 'V' %}"+"?date="+$("#calendar").val();
});
$("#bt_search").click(function() {
document.location = "{% url 'url_database' %}"+"?date="+$("#calendar").val();
});
</script>
{% endblock%}