operation.html
142 lines
| 4.0 KiB
| text/html
|
HtmlDjangoLexer
Fiorella Quino
|
r50 | {% 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 camp-active %}active{% endblock %} | |||
| {% block content-title %}{{title}}{% endblock %} | |||
| {% block content-suptitle %}{{suptitle}}{% endblock %} | |||
| {% block content %} | |||
|
Fiorella Quino
|
r78 | <!-- Not Empty--> | |
| {% if details %} | |||
|
Fiorella Quino
|
r73 | ||
|
Fiorella Quino
|
r50 | <form class="form" method="post" action=""> | |
| {% csrf_token %} | |||
|
Fiorella Quino
|
r74 | ||
|
Fiorella Quino
|
r50 | {% bootstrap_form form layout='horizontal' size='medium' %} | |
| <div style="clear: both;"></div> | |||
| <br> | |||
|
Fiorella Quino
|
r69 | <!-- For deep search --> | |
| {% if search_button == True %} | |||
|
Fiorella Quino
|
r62 | <button id="button-1" type="button" class="btn btn-primary pull-right">{{button}}</button> | |
|
Fiorella Quino
|
r69 | {% endif %} | |
|
Fiorella Quino
|
r50 | <br> | |
| <br> | |||
| </form> | |||
| <br> | |||
Miguel Urco
|
r53 | <br> | |
|
Fiorella Quino
|
r50 | ||
|
Fiorella Quino
|
r74 | {% endif %} | |
|
Fiorella Quino
|
r71 | ||
|
Fiorella Quino
|
r50 | <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" > | |
|
Miguel Urco
|
r53 | {% for location in locations %} | |
|
Fiorella Quino
|
r50 | ||
| <div class="panel panel-default"> | |||
| <div class="panel-heading" role="tab" id="headingTwo"> | |||
| <h4 class="panel-title"> | |||
|
Miguel Urco
|
r53 | <a class="collapsed" role="button" data-toggle="collapse" href="#collapseTwo-{{ location.id }}" aria-expanded="false" aria-controls="collapseTwo"> | |
| {{location.name}}: Experiment List | |||
|
Fiorella Quino
|
r52 | <span> | |
| </span> | |||
|
Fiorella Quino
|
r50 | </a> | |
|
Fiorella Quino
|
r62 | <button id="play-{{ location.id }}" type="button" class="btn btn-primary pull-right btn-xs" aria-label="Left Align" style="margin-left: 10px"> | |
|
Fiorella Quino
|
r52 | <span class="glyphicon glyphicon-play" aria-hidden="true"></span> | |
| </button> | |||
|
Fiorella Quino
|
r62 | <button id="stop-{{ location.id }}" type="button" class="btn btn-primary pull-right btn-xs" aria-label="Left Align" style="margin-left: 10px"> | |
|
Fiorella Quino
|
r52 | <span class="glyphicon glyphicon-stop" aria-hidden="true"></span> | |
| </button> | |||
|
Fiorella Quino
|
r50 | </h4> | |
| </div> | |||
|
Fiorella Quino
|
r56 | <div id="collapseTwo-{{ location.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> | |
|
Fiorella Quino
|
r50 | <div class="panel-body"> | |
| <table class="table table-hover"> | |||
| <tr> | |||
|
Fiorella Quino
|
r62 | <th>#</th> | |
|
Fiorella Quino
|
r50 | {% for header in experiment_keys %} | |
| <th>{{ header|title }}</th> | |||
| {% endfor%} | |||
| </tr> | |||
|
Fiorella Quino
|
r62 | ||
|
Fiorella Quino
|
r50 | {% for item in experiments %} | |
|
Fiorella Quino
|
r62 | {% if location.name in item.location.name %} | |
| <tr class="clickable-row" data-href="{% url 'url_experiment' item.id %}" > | |||
| <td>{{ forloop.counter }}</td> | |||
|
Miguel Urco
|
r53 | {% for key in experiment_keys %} | |
|
Fiorella Quino
|
r62 | <td>{{ item|value:key }}</td> | |
|
Miguel Urco
|
r53 | {% endfor %} | |
| </tr> | |||
|
Fiorella Quino
|
r62 | {% endif %} | |
|
Fiorella Quino
|
r50 | {% endfor %} | |
| </table> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| {% endfor %} | |||
| </div> | |||
|
Fiorella Quino
|
r74 | ||
|
Fiorella Quino
|
r71 | ||
|
Fiorella Quino
|
r50 | {% endblock %} | |
| {% block extra-js%} | |||
| <script type="text/javascript"> | |||
|
Fiorella Quino
|
r62 | //for (i = 0; i < locations.length; i++) { | |
| // text += cars[i] + "<br>"; | |||
| //} | |||
| //------For PLAY Button------- | |||
| {% for location in locations %} | |||
| $("#play-{{ location.id }}").click(function() { | |||
| //alert("Play-{{location}}"); | |||
| var id_loc = {{location.id}} | |||
| //document.location = | |||
| }); | |||
| {% endfor %} | |||
| //--------For STOP Button------- | |||
| {% for location in locations %} | |||
| $("#stop-{{ location.id }}").click(function() { | |||
| alert("Stop-{{location}}"); | |||
| // document.location = "{% url 'url_operation' campaign.id %}"; | |||
| }); | |||
| {% endfor %} | |||
|
Fiorella Quino
|
r50 | ||
| $(".clickable-row").click(function() { | |||
| document.location = $(this).data("href"); | |||
| }); | |||
|
Fiorella Quino
|
r69 | {% if search_button == True %} | |
|
Fiorella Quino
|
r50 | $(document).ready(function() { | |
| $("#id_campaign").change(function() { | |||
| var id_camp = document.getElementById("id_campaign").value; | |||
| //alert(id_camp); | |||
| document.location = "{% url 'url_operation'%}"+String(id_camp); | |||
| }); | |||
| }); | |||
|
Fiorella Quino
|
r69 | {% else %} | |
| $(document).ready(function() { | |||
| $("#id_campaign").change(function() { | |||
| var id_camp = document.getElementById("id_campaign").value; | |||
| //alert(id_camp); | |||
| document.location = "{% url 'url_operation_search'%}"+String(id_camp); | |||
| }); | |||
| }); | |||
| {% endif %} | |||
|
Fiorella Quino
|
r50 | ||
|
Fiorella Quino
|
r62 | $("#button-1").click(function() { | |
| document.location = "{% url 'url_operation_search' %}"; | |||
| }); | |||
|
Fiorella Quino
|
r50 | ||
| </script> | |||
| {% endblock %} |