rc_conf.html
80 lines
| 2.7 KiB
| text/html
|
HtmlDjangoLexer
|
r23 | {% extends "dev_conf.html" %} | |
{% load static %} | |||
{% load bootstrap3 %} | |||
|
r45 | {% load main_tags %} | |
|
r25 | ||
|
r23 | {% block extra-head %} | |
|
r45 | <link href="http://cdn.pydata.org/bokeh/release/bokeh-0.11.1.min.css" rel="stylesheet" type="text/css"> | |
|
r23 | {% endblock %} | |
|
r45 | ||
|
r23 | {% block content %} | |
<table class="table table-bordered"> | |||
|
r45 | <tr> | |
<th>Status</th> | |||
<td>{%if connected == True %} <span class="glyphicon glyphicon-ok-circle text-success" aria-hidden="true"></span> Connected {% else %} <span class="glyphicon glyphicon-remove-circle text-danger" aria-hidden="true"></span> Disconnected {% endif %}</td> | |||
</tr> | |||
{% for key in dev_conf_keys %} | |||
<tr> | |||
<th>{% get_verbose_field_name dev_conf key %}</th> | |||
<td>{{dev_conf|attr:key}}</td> | |||
</tr> | |||
|
r23 | {% endfor %} | |
</table> | |||
|
r45 | ||
<div class="clearfix"></div> | |||
<h2>RC Lines</h2><hr> | |||
|
r25 | <div class="panel-group" id="div_lines" role="tablist" aria-multiselectable="true"> | |
{% include "rc_lines.html" %} | |||
|
r23 | </div> | |
|
r25 | ||
|
r23 | <br> | |
|
r45 | <button class="btn btn-primary pull-right" style="margin-left: 10px" id="bt_export">Export</button> | |
<button class="btn btn-primary pull-right" style="margin-left: 10px" id="bt_import">Import</button> | |||
<button class="btn btn-primary pull-right" style="margin-left: 10px" id="bt_edit">Edit</button> | |||
|
r23 | ||
|
r45 | <button class="btn btn-primary pull-left" style="margin-left: 10px" id="bt_read">Read</button> | |
<button class="btn btn-primary pull-left" style="margin-left: 10px" id="bt_write">Write</button> | |||
<button class="btn btn-primary pull-left" style="margin-left: 10px" id="bt_pulses">Pulses</button> | |||
<div class="modal fade" id="pulsesModal" tabindex="-1" role="dialog"> | |||
<div class="modal-dialog modal-lg"> | |||
<div class="modal-content"> | |||
<div class="modal-header"> | |||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |||
<h4 class="modal-title">RC Pulses</h4> | |||
</div> | |||
<div class="modal-body"> | |||
<div id="div_plot"></div> | |||
<div id="div_script"></div> | |||
</div> | |||
</div><!-- /.modal-content --> | |||
</div><!-- /.modal-dialog --> | |||
</div><!-- /.modal --> | |||
{% endblock %} | |||
|
r23 | ||
{% block extra-js%} | |||
|
r45 | <script src="{% static 'js/jquery-ui.min.js' %}"></script> | |
<script src="{% static 'js/bokeh-0.11.1.min.js' %}"></script> | |||
|
r23 | <script type="text/javascript"> | |
|
r25 | ||
|
r45 | $("#bt_import").click(function() { | |
document.location = "{% url 'url_import_rc_conf' dev_conf.id %}"; | |||
}); | |||
|
r23 | $("#bt_edit").click(function() { | |
|
r25 | document.location = "{% url 'url_edit_rc_conf' dev_conf.id %}"; | |
|
r23 | }); | |
|
r45 | $("#bt_pulses").click(function() { | |
$.get( "plot/?json", {}, function(data){ | |||
$("#div_plot").html(data.div); | |||
$("#div_script").html(data.script); | |||
|
r25 | }); | |
|
r45 | $('#pulsesModal').modal(); | |
|
r25 | }); | |
|
r23 | ||
</script> | |||
{% endblock %} |