campaign.html
95 lines
| 3.0 KiB
| text/html
|
HtmlDjangoLexer
Miguel Urco
|
r13 | {% 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 %} | |||
| <table class="table table-bordered"> | |||
| {% for key in campaign_keys %} | |||
| <tr><th>{{key|title}}</th><td>{{campaign|attr:key}}</td></tr> | |||
| {% endfor %} | |||
| </table> | |||
| <hr> | |||
| <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | |||
| <div class="panel panel-default"> | |||
| <div class="panel-heading" role="tab" id="headingOne"> | |||
| <h4 class="panel-title"> | |||
| <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | |||
| Edit Campaign Details | |||
| </a> | |||
| </h4> | |||
| </div> | |||
| <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> | |||
| <div class="panel-body"> | |||
| <form class="form" method="post" action="{% url 'url_edit_campaign' campaign.id %}"> | |||
| {% csrf_token %} | |||
| {% bootstrap_form form layout='horizontal' size='medium' %} | |||
| <div style="clear: both;"></div> | |||
| <br> | |||
| <button type="submit" class="btn btn-primary pull-right" id="bt_update">Update</button> | |||
| </form> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="panel panel-default"> | |||
| <div class="panel-heading" role="tab" id="headingTwo"> | |||
| <h4 class="panel-title"> | |||
| <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | |||
| Experiment List | |||
| </a> | |||
| </h4> | |||
| </div> | |||
| <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> | |||
| <div class="panel-body"> | |||
| <table class="table table-hover"> | |||
| <tr> | |||
| <th>#</th> | |||
| {% for header in experiment_keys %} | |||
| <th>{{ header|title }}</th> | |||
| {% endfor%} | |||
| </tr> | |||
| {% for item in experiments %} | |||
| <tr class="clickable-row" data-href="{% url 'url_experiment' item.id %}"> | |||
| <td>{{ forloop.counter }}</td> | |||
| {% for key in experiment_keys %} | |||
| <td>{{ item|attr:key }}</td> | |||
| {% endfor %} | |||
| </tr> | |||
| {% endfor %} | |||
| </table> | |||
| <button class="btn btn-primary pull-right" id="bt_add">{{button}}</button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| {% endblock %} | |||
| {% block sidebar%} | |||
| {% include "sidebar_devices.html" %} | |||
| {% endblock %} | |||
| {% block extra-js%} | |||
| <script src="{% static 'js/moment.min.js' %}"></script> | |||
| <script src="{% static 'js/bootstrap-datetimepicker.min.js' %}"></script> | |||
| <script type="text/javascript"> | |||
| $('.input-group.date').datetimepicker({"format": "YYYY-MM-DD HH:mm"}); | |||
| $("#bt_add").click(function() { | |||
| document.location = "{% url 'url_add_experiment' campaign.id%}"; | |||
| }); | |||
| $(".clickable-row").click(function() { | |||
| document.location = $(this).data("href"); | |||
| }); | |||
| </script> | |||
| {% endblock %} |