<script type="text/javascript" src="/static/js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready( function(){
+ $('#create_dialog').dialog({
+ height: 400,
+ width: 500,
+ modal: true,
+ autoOpen: false,
+ });
$('#routes_table').dataTable( {
"bJQueryUI": true,
"oLanguage": {
},
"iDisplayLength": 25,
} );
+ $( ".button_place #routebutton" ).button({
+ icons: {
+ primary: "ui-icon-circle-plus"
+ },
+ });
});
+
+
+
+
</script>
{% endblock %}
{% block title %}{% trans "My routes" %}{% endblock %}
{% block content %}
-<h3>{% trans "My routes" %}</h3>
+<div style="float:left">
+ <h3 style="margin-top: 0px;">{% trans "My routes" %}</h3>
+</div>
+<div class='button_place' style="float:right">
+ <a href="{% url add-route %}" id="routebutton">Add Route</a>
+</div>
<table class="display" width="100%" id="routes_table">
<thead>
<th style="text-align: center;">{% trans "Status" %}</th>
{% comment %}<th style="text-align: center;">{% trans "Details" %}</th>{% endcomment %}
<th style="text-align: center;">{% trans "Expires" %}</th>
+ <th style="text-align: center;">{% trans "Response" %}</th>
</tr>
</thead>
<td style="text-align: center;">{% if route.is_online %}Online{% else %}Offline{% endif %}</td>
{% comment %}<td style="text-align: center;">{{ route.response }}</td>{% endcomment %}
<td style="text-align: center;">{{ route.expires }}</td>
+ <td style="text-align: center;">{{ route.response }}</td>
</tr>
{% endfor %}
</tbody>
</table>
+<div id="create_dialog" title="Add a new Route">
+ KOKO
+ </div>
+
{% endblock %}