##// END OF EJS Templates
radarsys_met
RSS
Use of cards instead of tables in operation & experiment views...
Use of cards instead of tables in operation & experiment views git-svn-id: http://jro-dev.igp.gob.pe/svn/jro_hard/radarsys/trunk/webapp@239 aa17d016-51d5-4e8b-934c-7b2bbb1bbe71
Juan C. Espinoza - - Load All Authors

File last commit:

r216:b2dd58174160
r216:b2dd58174160
Show More
operation.html
96 lines | 3.3 KiB | text/html | HtmlDjangoLexer
/ apps / main / templates / operation.html
History | Annotation | Raw |Copy content |Copy permalink
{% 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 operation-active %}active{% endblock %}
{% block content-title %}{{title}}{% endblock %}
{% block content %}
{% bootstrap_form form layout='horizontal' size='medium' %}
<div style="clear: both;"></div>
{% if campaign %}
<div class="clearfix"></div>
<h3>Systems</h3>
<br>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" >
{% for location in locations %}
<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"}}]
<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">
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>
</button>
<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">
<span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
</button>
<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">
<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
</button>
</h3>
</div>
<div class="panel-body">
<div class="row">
{% for item in location.experiments %}
{% if location.name in item.location.name %}
<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>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% endblock %}
{% block extra-js%}
<script type="text/javascript">
//--------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');
});
//--------For REFRESH Button-------
$("#accordion").on("click", "button[name=bt_refresh]", function(){
document.location = $(this).data('url');
});
$("#id_campaign").change(function() {
document.location = "{% url 'url_operation'%}"+$(this).val();
});
</script>
{% endblock %}