code.grnet.gr Git - flowspy/blob - templates/user_routes.html

   1 {% extends "base.html" %}
   2 {% load i18n %}
   3 {% block extrahead %}
   4 <script type="text/javascript" src="/static/js/jquery.dataTables.js"></script>
   5 <script type="text/javascript">
   6         $(document).ready( function(){
   7                 $('#create_dialog').dialog({
   8                         height: 400,
   9             width: 500,
  10                         modal: true,
  11                         autoOpen: false,
  12                 });
  13                         $('#routes_table').dataTable( {
  14                         "bJQueryUI": true,
  15                         "oLanguage": {
  16                                 "sLengthMenu": '{% trans "Display" %} <select><option value="25">25</option><option value="50">50</option><option value="-1">{% trans "All" %}</option></select> rules'
  17                         },
  18                         "iDisplayLength": 25,
  19         } );
  20         $( ".button_place #routebutton" ).button({
  21             icons: {
  22                 primary: "ui-icon-circle-plus"
  23             },
  24                         });
  25                 });
  26
  27
  28
  29
  30 </script>
  31 {% endblock %}
  32 {% block title %}{% trans "My routes" %}{% endblock %}
  33 {% block content %}
  34 <div style="float:left">
  35         <h3 style="margin-top: 0px;">{% trans "My routes" %}</h3>
  36 </div>
  37 <div class='button_place' style="float:right">
  38         <a href="{% url add-route %}" id="routebutton">Add Route</a>
  39 </div>
  40
  41 <table class="display" width="100%" id="routes_table">
  42 <thead>
  43 <tr>
  44         <th>{% trans "Name" %}</th>
  45         <th>{% trans "Match" %}</th>
  46         <th style="text-align: center;">{% trans "Then" %}</th>
  47         <th style="text-align: center;">{% trans "Status" %}</th>
  48         {% comment %}<th style="text-align: center;">{% trans "Details" %}</th>{% endcomment %}
  49         <th style="text-align: center;">{% trans "Expires" %}</th>
  50         <th style="text-align: center;">{% trans "Response" %}</th>
  51 </tr>
  52 </thead>
  53
  54 <tbody>
  55 {% for route in routes %}
  56
  57 <tr {% if route.is_online %} class="GradeA" {% else %} class="GradeX" {% endif %}>
  58         <td>{{ route.name }}</td>
  59         <td>{{ route.get_match|safe|escape }}</td>
  60         <td style="text-align: center;">{{route.get_then|safe|escape}}</td>
  61         <td style="text-align: center;">{% if route.is_online %}Online{% else %}Offline{% endif %}</td>
  62         {% comment %}<td style="text-align: center;">{{ route.response }}</td>{% endcomment %}
  63         <td style="text-align: center;">{{ route.expires }}</td>
  64         <td style="text-align: center;">{{ route.response }}</td>
  65 </tr>
  66
  67 {% endfor %}
  68 </tbody>
  69 </table>
  70
  71 <div id="create_dialog" title="Add a new Route">
  72         KOKO
  73         </div>
  74
  75 {% endblock %}