radarsys Files · apps/main/templates/operation.html

Task 487: Operation View gets status from database and radar_refresh button updates status...

Task 487: Operation View gets status from database and radar_refresh button updates status git-svn-id: http://jro-dev.igp.gob.pe/svn/jro_hard/radarsys/trunk/webapp@109 aa17d016-51d5-4e8b-934c-7b2bbb1bbe71

Fiorella Quino - - Load All Authors

File last commit:

r88:35eccea3581b


                r88:35eccea3581b

Download file

             operation.html
        
                    148 lines
            
             | 4.6 KiB
            
                | text/html
            
             |
                HtmlDjangoLexer
            
             / apps / main / templates / operation.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Fiorella Quino
    
Task #487: Vista de Operacion...

              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
    
Task #487: Vista de Operation...

              r78
            
      <!-- Not Empty-->

      {% if details %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r73
            
        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      <form class="form" method="post" action="">

        {% csrf_token %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r74
            
        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
        {% bootstrap_form form layout='horizontal' size='medium' %}

        <div style="clear: both;"></div>

        <br>

        Fiorella Quino
    
Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....

              r69
            
        <!-- For deep search -->

        {% if search_button == True %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r62
            
        <button id="button-1" type="button" class="btn btn-primary pull-right">{{button}}</button>

        Fiorella Quino
    
Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....

              r69
            
        {% endif %}

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
        <br>

        <br>

      </form>

      <br>

        Miguel Urco
    
Models changed:...

              r53
            
      <br>

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
        Fiorella Quino
    
Task #487: Vista de Operation...

              r74
            
      {% endif %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r71
            
        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" >

        Miguel Urco
    
Models changed:...

              r53
            
      	  {% for location in locations %}

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      	  <div class="panel panel-default">

      	    <div class="panel-heading" role="tab" id="headingTwo">

      	      <h4 class="panel-title">

        Fiorella Quino
    
Task #487: Vista de Operation...

              r83
            
        Miguel Urco
    
Models changed:...

              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
    
Task #487: Vista de Operacion...

              r52
            
      	          <span>

      	          </span>

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      	        </a>

        Fiorella Quino
    
Task #487: Vista de Operation...

              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
    
Task #487: Vista de Operacion...

              r52
            
                      <span class="glyphicon glyphicon-play" aria-hidden="true"></span>

                  </button>

        Fiorella Quino
    
Task #487: Vista de Operation...

              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
    
Task #487: Vista de Operacion...

              r52
            
                      <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>

                  </button>

        Fiorella Quino
    
Task 487: Operation View gets status from database and radar_refresh button updates status...

              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
    
Task # 487: Operation View: bt_refresh...

              r87
            
                      <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>

                  </button>

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      	      </h4>

      	    </div>

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r56
            
      	    <div id="collapseTwo-{{ location.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      	      <div class="panel-body">

      	      <table class="table table-hover">

      			<tr>

        Fiorella Quino
    
Task #487: Vista de Operation...

              r62
            
      			   <th>#</th>

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      			  {% for header in experiment_keys %}

      			  <th>{{ header|title }}</th>

      			  {% endfor%}

      			</tr>

        Fiorella Quino
    
Task #487: Vista de Operation...

              r62
            
        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      			{% for item in experiments %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              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
    
Models changed:...

              r53
            
      			        	{% for key in experiment_keys %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r83
            
      			        	    {% if 'status' in key %}

      			        	        <td class="text-{{item.status_color}}">{{ item|value:key }}</td>

      			        	    {% else %}

      			        	        <td>{{ item|value:key }}</td>

      			        	    {% endif %}

        Fiorella Quino
    
Task #487: Vista de Operation...

              r82
            
      			           {% endfor %}

        Miguel Urco
    
Models changed:...

              r53
            
      					</tr>

        Fiorella Quino
    
Task #487: Vista de Operation...

              r62
            
      			     {% endif %}

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      			{% endfor %}

      		  </table>  

      	      </div>

      	    </div>

      	  </div>

      	  {% endfor %}

      </div>

        Fiorella Quino
    
Task #487: Vista de Operation...

              r74
            
        Fiorella Quino
    
Task #487: Vista de Operation...

              r71
            
        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      {% endblock %}

      {% block extra-js%}

      <script type="text/javascript">

        Fiorella Quino
    
Task #487: Vista de Operation...

              r83
            
        //--------For PLAY Button-------  

          $("#accordion").on("click", "button[name=bt_play]", function(){

          	//alert($(this).data('url'));

          	document.location = $(this).data('url');

          });

        //--------For STOP Button-------  

          $("#accordion").on("click", "button[name=bt_stop]", function(){

          	//alert($(this).data('url'));

          	document.location = $(this).data('url');

          });

        Fiorella Quino
    
Task 487: Operation View gets status from database and radar_refresh button updates status...

              r88
            
        //--------For REFRESH Button-------  

          $("#accordion").on("click", "button[name=bt_refresh]", function(){

          	document.location = $(this).data('url');

          });

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
        $(".clickable-row").click(function() {

            document.location = $(this).data("href");

        });

        Fiorella Quino
    
Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....

              r69
            
        {% if search_button == True %}

        Fiorella Quino
    
Task #487: Vista de Operacion...

              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
    
Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....

              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
    
Task #487: Vista de Operacion...

              r50
            
        Fiorella Quino
    
Task #487: Vista de Operation...

              r62
            
        $("#button-1").click(function() {

            document.location = "{% url 'url_operation_search' %}";

        });

        Fiorella Quino
    
Task #487: Vista de Operacion...

              r50
            
      </script>

      {% endblock %}

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Fiorella Quino Task #487: Vista de Operacion...	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 Task #487: Vista de Operation...	r78	<!-- Not Empty-->
		{% if details %}
Fiorella Quino Task #487: Vista de Operation...	r73
Fiorella Quino Task #487: Vista de Operacion...	r50	<form class="form" method="post" action="">
		{% csrf_token %}
Fiorella Quino Task #487: Vista de Operation...	r74
Fiorella Quino Task #487: Vista de Operacion...	r50	{% bootstrap_form form layout='horizontal' size='medium' %}
		<div style="clear: both;"></div>
		<br>
Fiorella Quino Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....	r69	<!-- For deep search -->
		{% if search_button == True %}
Fiorella Quino Task #487: Vista de Operation...	r62	<button id="button-1" type="button" class="btn btn-primary pull-right">{{button}}</button>
Fiorella Quino Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....	r69	{% endif %}
Fiorella Quino Task #487: Vista de Operacion...	r50	<br>
		<br>
		</form>
		<br>
Miguel Urco Models changed:...	r53	<br>
Fiorella Quino Task #487: Vista de Operacion...	r50
Fiorella Quino Task #487: Vista de Operation...	r74	{% endif %}
Fiorella Quino Task #487: Vista de Operation...	r71
Fiorella Quino Task #487: Vista de Operacion...	r50	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" >

Miguel Urco Models changed:...	r53	{% for location in locations %}
Fiorella Quino Task #487: Vista de Operacion...	r50
		<div class="panel panel-default">
		<div class="panel-heading" role="tab" id="headingTwo">
		<h4 class="panel-title">
Fiorella Quino Task #487: Vista de Operation...	r83
Miguel Urco Models changed:...	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 Task #487: Vista de Operacion...	r52	<span>
		</span>
Fiorella Quino Task #487: Vista de Operacion...	r50	</a>
Fiorella Quino Task #487: Vista de Operation...	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 Task #487: Vista de Operacion...	r52	<span class="glyphicon glyphicon-play" aria-hidden="true"></span>
		</button>
Fiorella Quino Task #487: Vista de Operation...	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 Task #487: Vista de Operacion...	r52	<span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
		</button>
Fiorella Quino Task 487: Operation View gets status from database and radar_refresh button updates status...	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 Task # 487: Operation View: bt_refresh...	r87	<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
		</button>
Fiorella Quino Task #487: Vista de Operacion...	r50	</h4>
		</div>

Fiorella Quino Task #487: Vista de Operacion...	r56	<div id="collapseTwo-{{ location.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
Fiorella Quino Task #487: Vista de Operacion...	r50	<div class="panel-body">
		<table class="table table-hover">
		<tr>
Fiorella Quino Task #487: Vista de Operation...	r62	<th>#</th>
Fiorella Quino Task #487: Vista de Operacion...	r50	{% for header in experiment_keys %}
		<th>{{ header\|title }}</th>
		{% endfor%}
		</tr>
Fiorella Quino Task #487: Vista de Operation...	r62
Fiorella Quino Task #487: Vista de Operacion...	r50	{% for item in experiments %}
Fiorella Quino Task #487: Vista de Operation...	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 Models changed:...	r53	{% for key in experiment_keys %}
Fiorella Quino Task #487: Vista de Operation...	r83	{% if 'status' in key %}
		<td class="text-{{item.status_color}}">{{ item\|value:key }}</td>
		{% else %}
		<td>{{ item\|value:key }}</td>
		{% endif %}
Fiorella Quino Task #487: Vista de Operation...	r82	{% endfor %}
Miguel Urco Models changed:...	r53	</tr>
Fiorella Quino Task #487: Vista de Operation...	r62	{% endif %}
Fiorella Quino Task #487: Vista de Operacion...	r50	{% endfor %}
		</table>
		</div>
		</div>
		</div>
		{% endfor %}
		</div>

Fiorella Quino Task #487: Vista de Operation...	r74
Fiorella Quino Task #487: Vista de Operation...	r71
Fiorella Quino Task #487: Vista de Operacion...	r50	{% endblock %}



		{% block extra-js%}
		<script type="text/javascript">
Fiorella Quino Task #487: Vista de Operation...	r83
		//--------For PLAY Button-------
		$("#accordion").on("click", "button[name=bt_play]", function(){
		//alert($(this).data('url'));
		document.location = $(this).data('url');
		});

		//--------For STOP Button-------
		$("#accordion").on("click", "button[name=bt_stop]", function(){
		//alert($(this).data('url'));
		document.location = $(this).data('url');
		});
Fiorella Quino Task 487: Operation View gets status from database and radar_refresh button updates status...	r88
		//--------For REFRESH Button-------
		$("#accordion").on("click", "button[name=bt_refresh]", function(){
		document.location = $(this).data('url');
		});
Fiorella Quino Task #487: Vista de Operacion...	r50
		$(".clickable-row").click(function() {
		document.location = $(this).data("href");
		});

Fiorella Quino Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....	r69	{% if search_button == True %}
Fiorella Quino Task #487: Vista de Operacion...	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 Task #487: Operation View. Se puede seleccionar una de las 5 ultimas Campañas o se puede buscar entre todas las existentes....	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 Task #487: Vista de Operacion...	r50
Fiorella Quino Task #487: Vista de Operation...	r62	$("#button-1").click(function() {
		document.location = "{% url 'url_operation_search' %}";
		});

Fiorella Quino Task #487: Vista de Operacion...	r50
		</script>
		{% endblock %}