##// END OF EJS Templates
radarsys
RSS
Task #487: Vista de Operation...
Fiorella Quino -
r83:db0090bb2f00
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,143 +1,142
1 1 {% extends "base.html" %}
2 2 {% load bootstrap3 %}
3 3 {% load static %}
4 4 {% load main_tags %}
5 5 {% block extra-head %}
6 6 <link href="{% static 'css/bootstrap-datetimepicker.min.css' %}" media="screen" rel="stylesheet">
7 7 {% endblock %}
8 8
9 9 {% block camp-active %}active{% endblock %}
10 10
11 11 {% block content-title %}{{title}}{% endblock %}
12 12 {% block content-suptitle %}{{suptitle}}{% endblock %}
13 13
14 14 {% block content %}
15 15
16 16 <!-- Not Empty-->
17 17 {% if details %}
18 18
19 19 <form class="form" method="post" action="">
20 20 {% csrf_token %}
21 21
22 22 {% bootstrap_form form layout='horizontal' size='medium' %}
23 23 <div style="clear: both;"></div>
24 24 <br>
25 25 <!-- For deep search -->
26 26 {% if search_button == True %}
27 27 <button id="button-1" type="button" class="btn btn-primary pull-right">{{button}}</button>
28 28 {% endif %}
29 29 <br>
30 30 <br>
31 31 </form>
32 32 <br>
33 33 <br>
34 34
35 35 {% endif %}
36 36
37 37 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" >
38 38
39 39 {% for location in locations %}
40 40
41 41 <div class="panel panel-default">
42 42 <div class="panel-heading" role="tab" id="headingTwo">
43 43 <h4 class="panel-title">
44
44 45 <a class="collapsed" role="button" data-toggle="collapse" href="#collapseTwo-{{ location.id }}" aria-expanded="false" aria-controls="collapseTwo">
45 46 {{location.name}}: Experiment List
46 47 <span>
47 48 </span>
48 49 </a>
49 <button id="play-{{ location.id }}" type="button" class="btn btn-primary pull-right btn-xs" aria-label="Left Align" style="margin-left: 10px">
50
51 <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">
50 52 <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
51 53 </button>
52 <button id="stop-{{ location.id }}" type="button" class="btn btn-primary pull-right btn-xs" aria-label="Left Align" style="margin-left: 10px">
54 <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">
53 55 <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
54 56 </button>
55
57
56 58 </h4>
57 59 </div>
58 60
59 61 <div id="collapseTwo-{{ location.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
60 62 <div class="panel-body">
61 63 <table class="table table-hover">
62 64 <tr>
63 65 <th>#</th>
64 66 {% for header in experiment_keys %}
65 67 <th>{{ header|title }}</th>
66 68 {% endfor%}
67 69 </tr>
68 70
69 71 {% for item in experiments %}
70 72 {% if location.name in item.location.name %}
71 73
72 74 <tr class="clickable-row" data-href="{% url 'url_experiment' item.id %}" >
73 75 <td>{{ forloop.counter }}</td>
74 76 {% for key in experiment_keys %}
75 <td>{{ item|value:key }}</td>
77 {% if 'status' in key %}
78 <td class="text-{{item.status_color}}">{{ item|value:key }}</td>
79 {% else %}
80 <td>{{ item|value:key }}</td>
81 {% endif %}
76 82 {% endfor %}
77 83 </tr>
78 84 {% endif %}
79 85 {% endfor %}
80 86 </table>
81 87 </div>
82 88 </div>
83 89 </div>
84 90 {% endfor %}
85 91 </div>
86 92
87 93
88 94
89 95 {% endblock %}
90 96
91 97
92 98
93 99 {% block extra-js%}
94 100 <script type="text/javascript">
95 //for (i = 0; i < locations.length; i++) {
96 // text += cars[i] + "<br>";
97 //}
98 //------For PLAY Button-------
99 {% for location in locations %}
100 $("#play-{{ location.id }}").click(function() {
101 //alert("Play-{{location}}");
102 var id_loc = {{location.id}}
103 //document.location =
104 });
105 {% endfor %}
106
107 //--------For STOP Button-------
108 {% for location in locations %}
109 $("#stop-{{ location.id }}").click(function() {
110 alert("Stop-{{location}}");
111 // document.location = "{% url 'url_operation' campaign.id %}";
112 });
113 {% endfor %}
101
102 //--------For PLAY Button-------
103 $("#accordion").on("click", "button[name=bt_play]", function(){
104 //alert($(this).data('url'));
105 document.location = $(this).data('url');
106 });
107
108 //--------For STOP Button-------
109 $("#accordion").on("click", "button[name=bt_stop]", function(){
110 //alert($(this).data('url'));
111 document.location = $(this).data('url');
112 });
114 113
115 114 $(".clickable-row").click(function() {
116 115 document.location = $(this).data("href");
117 116 });
118 117
119 118 {% if search_button == True %}
120 119 $(document).ready(function() {
121 120 $("#id_campaign").change(function() {
122 121 var id_camp = document.getElementById("id_campaign").value;
123 122 //alert(id_camp);
124 123 document.location = "{% url 'url_operation'%}"+String(id_camp);
125 124 });
126 125 });
127 126 {% else %}
128 127 $(document).ready(function() {
129 128 $("#id_campaign").change(function() {
130 129 var id_camp = document.getElementById("id_campaign").value;
131 130 //alert(id_camp);
132 131 document.location = "{% url 'url_operation_search'%}"+String(id_camp);
133 132 });
134 133 });
135 134 {% endif %}
136 135
137 136 $("#button-1").click(function() {
138 137 document.location = "{% url 'url_operation_search' %}";
139 138 });
140 139
141 140
142 141 </script>
143 142 {% endblock %} No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now