##// 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
realtime.html
70 lines | 1.9 KiB | text/html | HtmlDjangoLexer
/ px / templates / realtime.html
History | Annotation | Raw |Copy content |Copy permalink
{% extends 'base.html' %} {% load static %} {% load bootstrap4 %}
{% block realtime-active%}active{%endblock%}
{% block content %}
<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>
<div class="col-auto">
<p class="text-left">Last update: {{last}}</p>
</div>
{% 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>
{% endblock %}
{% block script %}
<script>
$("#bt_Z").click(function() {
document.location = "{% url 'url_realtime' 'Z' %}";
});
$("#bt_V").click(function() {
document.location = "{% url 'url_realtime' 'V' %}";
});
var socket = new WebSocket('ws://' + window.location.host + '/px/');
socket.onopen = function open() {
console.log('WebSockets connection created.');
};
socket.onmessage = function message(event) {
var data = JSON.parse(event.data);
console.log(data.ok);
location.reload();
}
if (socket.readyState == WebSocket.OPEN) {
socket.onopen();
}
</script>
{% endblock %}