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