operation.html
126 lines
| 4.0 KiB
| text/html
|
HtmlDjangoLexer
|
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 %} | ||||
|
r172 | {% block operation-active %}active{% endblock %} | ||
|
r50 | |||
|
r196 | {% block content-title %}{{title}}{% endblock %} | ||
|
r50 | |||
{% block content %} | ||||
|
r306 | <div class="clearfix"></div> | ||
{% if campaigns %} | ||||
<h3>Current Campaigns</h3> | ||||
<br> | ||||
<div class="bootcards-list"> | ||||
<div class="panel panel-default"> | ||||
<div class="list-group"> | ||||
{% for item in campaigns %} | ||||
<a class="list-group-item" href="{{item.pk}}"> | ||||
<div class="row"> | ||||
<div class="col-sm-6"> | ||||
<i class="fa fa-3x fa-calendar pull-left"></i> | ||||
<h4 class="list-group-item-heading">{{item.name}}</h4> | ||||
<p class="list-group-item-text">Radar: {% for radar in item.get_experiments_by_radar %}{{radar.name}},{% endfor %}</p> | ||||
</div> | ||||
<div class="col-sm-6"> | ||||
<p class="list-group-item-text">From: {{item.start_date}}</p> | ||||
<p class="list-group-item-text">To: {{item.end_date}}</p> | ||||
</div> | ||||
</div> | ||||
</a> | ||||
{% endfor %} | ||||
</div> | ||||
</div> | ||||
</div> | ||||
{% endif %} | ||||
|
r73 | |||
|
r172 | {% if campaign %} | ||
|
r74 | |||
|
r196 | <h3>Systems</h3> | ||
|
r138 | <br> | ||
|
r50 | <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" > | ||
|
r172 | |||
|
r53 | {% for location in locations %} | ||
|
r172 | |||
|
r216 | <div class="panel panel-default bootcards-summary"> | ||
<div class="panel-heading" role="tab"> | ||||
<h3 class="panel-title"> | ||||
{{location.name}} [{{campaign.start_date|date:"Y/m/d"}} - {{campaign.end_date|date:"Y/m/d"}}] | ||||
|
r196 | <button type="button" name="bt_play" class="btn btn-primary pull-right btn-xs" data-url="{% url 'url_radar_start' campaign.id location.id %}" style="margin-left: 10px"> | ||
|
r52 | <span class="glyphicon glyphicon-play" aria-hidden="true"></span> | ||
</button> | ||||
|
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"> | ||
|
r52 | <span class="glyphicon glyphicon-stop" aria-hidden="true"></span> | ||
</button> | ||||
|
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"> | ||
|
r87 | <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> | ||
</button> | ||||
|
r216 | </h3> | ||
</div> | ||||
|
r50 | <div class="panel-body"> | ||
|
r216 | <div class="row"> | ||
|
r172 | {% for item in location.experiments %} | ||
|
r62 | {% if location.name in item.location.name %} | ||
|
r216 | <div class="col-xs-6 col-sm-3" > | ||
<a class="bootcards-summary-item" href="{{item.get_absolute_url}}"> | ||||
<i class="fa fa-2x fa-cogs"></i> | ||||
<h4>{{item.name}}<br><small>{{item.start_time}}-{{item.end_time}}</small> | ||||
<span class="label label-{{item.status_color}}">{{item.get_status_display}}</span> | ||||
</h4> | ||||
</a> | ||||
</div> | ||||
|
r62 | {% endif %} | ||
|
r50 | {% endfor %} | ||
|
r216 | </div> | ||
|
r50 | </div> | ||
</div> | ||||
|
r216 | |||
|
r50 | {% endfor %} | ||
</div> | ||||
|
r172 | {% endif %} | ||
|
r71 | |||
|
r50 | {% endblock %} | ||
{% block extra-js%} | ||||
<script type="text/javascript"> | ||||
|
r172 | |||
//--------For PLAY Button------- | ||||
|
r83 | $("#accordion").on("click", "button[name=bt_play]", function(){ | ||
//alert($(this).data('url')); | ||||
document.location = $(this).data('url'); | ||||
}); | ||||
|
r172 | |||
//--------For STOP Button------- | ||||
|
r83 | $("#accordion").on("click", "button[name=bt_stop]", function(){ | ||
//alert($(this).data('url')); | ||||
document.location = $(this).data('url'); | ||||
}); | ||||
|
r172 | |||
//--------For REFRESH Button------- | ||||
|
r88 | $("#accordion").on("click", "button[name=bt_refresh]", function(){ | ||
document.location = $(this).data('url'); | ||||
}); | ||||
|
r172 | |||
|
r216 | $("#id_campaign").change(function() { | ||
document.location = "{% url 'url_operation'%}"+$(this).val(); | ||||
}); | ||||
|
r172 | |||
|
r50 | </script> | ||
|
r172 | {% endblock %} | ||