operation.html
129 lines
| 4.1 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 %} | ||||
Juan C. Espinoza
|
r172 | {% block operation-active %}active{% endblock %} | ||
|
Fiorella Quino
|
r50 | |||
| {% block content %} | ||||
|
Juan C. Espinoza
|
r172 | {% bootstrap_form form layout='horizontal' size='medium' %} | ||
| <div style="clear: both;"></div> | ||||
|
Fiorella Quino
|
r73 | |||
|
Juan C. Espinoza
|
r172 | {% if campaign %} | ||
|
Fiorella Quino
|
r74 | |||
|
Juan C. Espinoza
|
r138 | <div class="clearfix"></div> | ||
| <h2>Radar Systems</h2> | ||||
| <br> | ||||
|
Fiorella Quino
|
r50 | <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" > | ||
|
Juan C. Espinoza
|
r172 | |||
Miguel Urco
|
r53 | {% for location in locations %} | ||
|
Juan C. Espinoza
|
r172 | |||
|
Fiorella Quino
|
r50 | <div class="panel panel-default"> | ||
| <div class="panel-heading" role="tab" id="headingTwo"> | ||||
| <h4 class="panel-title"> | ||||
|
Juan C. Espinoza
|
r172 | |||
|
Miguel Urco
|
r53 | <a class="collapsed" role="button" data-toggle="collapse" href="#collapseTwo-{{ location.id }}" aria-expanded="false" aria-controls="collapseTwo"> | ||
|
Juan C. Espinoza
|
r172 | {{location.name}} | ||
|
Fiorella Quino
|
r52 | <span> | ||
| </span> | ||||
|
Fiorella Quino
|
r50 | </a> | ||
|
Juan C. Espinoza
|
r172 | |||
|
Fiorella Quino
|
r83 | <button type="button" name="bt_play" class="btn btn-primary pull-right btn-xs" data-url="{% url 'url_radar_play' campaign.id location.id %}" style="margin-left: 10px"> | ||
|
Fiorella Quino
|
r52 | <span class="glyphicon glyphicon-play" aria-hidden="true"></span> | ||
| </button> | ||||
|
Fiorella Quino
|
r83 | <button type="button" name="bt_stop" class="btn btn-primary pull-right btn-xs" data-url="{% url 'url_radar_stop' campaign.id location.id %}" aria-label="Left Align" style="margin-left: 10px"> | ||
|
Fiorella Quino
|
r52 | <span class="glyphicon glyphicon-stop" aria-hidden="true"></span> | ||
| </button> | ||||
|
Fiorella Quino
|
r88 | <button type="button" name="bt_refresh" class="btn btn-primary pull-right btn-xs" data-url="{% url 'url_radar_refresh' campaign.id location.id %}" aria-label="Left Align" style="margin-left: 10px"> | ||
|
Fiorella Quino
|
r87 | <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> | ||
| </button> | ||||
|
Fiorella Quino
|
r50 | </h4> | ||
| </div> | ||||
|
Juan C. Espinoza
|
r172 | |||
|
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> | ||||
|
Juan C. Espinoza
|
r172 | |||
| {% for item in location.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 %} | ||
|
Juan C. Espinoza
|
r175 | {% if 'name' in key %} | ||
| <td class="col-md-5">{{ item|value:key }}</td> | ||||
| {% elif 'status' in key %} | ||||
|
Fiorella Quino
|
r83 | <td class="text-{{item.status_color}}">{{ item|value:key }}</td> | ||
| {% else %} | ||||
| <td>{{ item|value:key }}</td> | ||||
| {% endif %} | ||||
|
Fiorella Quino
|
r82 | {% endfor %} | ||
|
Miguel Urco
|
r53 | </tr> | ||
|
Fiorella Quino
|
r62 | {% endif %} | ||
|
Fiorella Quino
|
r50 | {% endfor %} | ||
|
Juan C. Espinoza
|
r172 | </table> | ||
|
Fiorella Quino
|
r50 | </div> | ||
| </div> | ||||
| </div> | ||||
| {% endfor %} | ||||
| </div> | ||||
|
Juan C. Espinoza
|
r172 | {% endif %} | ||
|
Fiorella Quino
|
r71 | |||
|
Fiorella Quino
|
r50 | {% endblock %} | ||
| {% block extra-js%} | ||||
| <script type="text/javascript"> | ||||
|
Juan C. Espinoza
|
r172 | |||
| //--------For PLAY Button------- | ||||
|
Fiorella Quino
|
r83 | $("#accordion").on("click", "button[name=bt_play]", function(){ | ||
| //alert($(this).data('url')); | ||||
| document.location = $(this).data('url'); | ||||
| }); | ||||
|
Juan C. Espinoza
|
r172 | |||
| //--------For STOP Button------- | ||||
|
Fiorella Quino
|
r83 | $("#accordion").on("click", "button[name=bt_stop]", function(){ | ||
| //alert($(this).data('url')); | ||||
| document.location = $(this).data('url'); | ||||
| }); | ||||
|
Juan C. Espinoza
|
r172 | |||
| //--------For REFRESH Button------- | ||||
|
Fiorella Quino
|
r88 | $("#accordion").on("click", "button[name=bt_refresh]", function(){ | ||
| document.location = $(this).data('url'); | ||||
| }); | ||||
|
Juan C. Espinoza
|
r172 | |||
|
Fiorella Quino
|
r50 | $(".clickable-row").click(function() { | ||
| document.location = $(this).data("href"); | ||||
| }); | ||||
|
Juan C. Espinoza
|
r172 | |||
|
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() { | ||||
|
Juan C. Espinoza
|
r172 | $("#id_campaign").change(function() { | ||
| document.location = "{% url 'url_operation'%}"+$(this).val(); | ||||
|
Fiorella Quino
|
r69 | }); | ||
| }); | ||||
| {% endif %} | ||||
|
Juan C. Espinoza
|
r172 | |||
|
Fiorella Quino
|
r50 | </script> | ||
|
Juan C. Espinoza
|
r172 | {% endblock %} | ||