experiment.html
82 lines
| 2.5 KiB
| text/html
|
HtmlDjangoLexer
|
r6 | {% extends "base.html" %} | |
{% load bootstrap3 %} | |||
{% load static %} | |||
{% load main_tags %} | |||
{% block extra-head %} | |||
<link href="{% static 'css/bootstrap-datetimepicker.min.css' %}" media="screen" rel="stylesheet"> | |||
{% endblock %} | |||
{% block exp-active %}active{% endblock %} | |||
|
r13 | {% block content-title %}{{title}}{% endblock %} | |
|
r6 | {% block content-suptitle %}{{suptitle}}{% endblock %} | |
{% block content %} | |||
<table class="table table-bordered"> | |||
{% for key in experiment_keys %} | |||
<tr><th>{{key|title}}</th><td>{{experiment|attr:key}}</td></tr> | |||
{% endfor %} | |||
</table> | |||
|
r13 | <button class="btn btn-primary pull-right" id="bt_edit_experiment">Edit Experiment</button> | |
<br></br> | |||
<br></br> | |||
|
r6 | ||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | |||
|
r13 | ||
|
r6 | <div class="panel panel-default"> | |
<div class="panel-heading" role="tab" id="headingTwo"> | |||
<h4 class="panel-title"> | |||
|
r13 | <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseThree"> | |
|
r6 | Experiment's Devices | |
</a> | |||
</h4> | |||
</div> | |||
|
r13 | <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> | |
|
r6 | <div class="panel-body"> | |
<table class="table table-hover"> | |||
<tr> | |||
<th>#</th> | |||
|
r13 | {% for key in configuration_keys %} | |
<th>{{ key|title }}</th> | |||
|
r6 | {% endfor%} | |
</tr> | |||
|
r13 | {% for item in configurations %} | |
<tr class="clickable-row" data-href="/{{item.device__device_type__name}}/{{item.id}}/"> | |||
|
r6 | <td>{{ forloop.counter }}</td> | |
|
r13 | {% for key in configuration_keys %} | |
|
r6 | <td>{{ item|attr:key }}</td> | |
{% endfor %} | |||
</tr> | |||
{% endfor %} | |||
</table> | |||
|
r13 | <button class="btn btn-primary pull-right" id="bt_add_conf">{{button}}</button> | |
|
r6 | </div> | |
</div> | |||
</div> | |||
</div> | |||
{% endblock %} | |||
{% block sidebar%} | |||
{% include "sidebar_devices.html" %} | |||
{% endblock %} | |||
{% block extra-js%} | |||
<script src="{% static 'js/moment.min.js' %}"></script> | |||
<script src="{% static 'js/bootstrap-datetimepicker.min.js' %}"></script> | |||
<script type="text/javascript"> | |||
$('.input-group.date').datetimepicker({"format": "YYYY-MM-DD HH:mm"}); | |||
$(".clickable-row").click(function() { | |||
document.location = $(this).data("href"); | |||
}); | |||
|
r13 | $("#bt_edit_experiment").click(function() { | |
document.location = "{% url 'url_edit_experiment' experiment.id%}"; | |||
}); | |||
|
r6 | ||
|
r13 | $("#bt_add_conf").click(function() { | |
document.location = "{% url 'url_add_dev_conf' experiment.id%}"; | |||
|
r6 | }); | |
|
r13 | ||
|
r6 | </script> | |
{% endblock %} |