base_list.html
87 lines
| 2.8 KiB
| text/html
|
HtmlDjangoLexer
|
r138 | {% 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 content-title %}{{title}}{% endblock %} | ||||
{% block content-suptitle %}{{suptitle}}{% endblock %} | ||||
{% block content %} | ||||
{% block content-filter %} | ||||
{% if form %} | ||||
<form class="form" method="get"> | ||||
{% bootstrap_form form layout='horizontal' size='medium' %} | ||||
<div class="pull-right"> | ||||
|
r316 | <br> | ||
|
r196 | <button type="button" class="btn btn-primary btn-sm" onclick="window.location.replace('?');"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button> | ||
<button type="submit" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> | ||||
|
r316 | {% if add_url %} | ||
<a class="btn btn-sm btn-info" href="{{add_url}}"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a> | ||||
{% endif %} | ||||
</div> | ||||
|
r196 | </form> | ||
|
r138 | {% endif %} | ||
{% endblock %} | ||||
|
r196 | <div style="clear: both;"></div> | ||
<br> | ||||
|
r138 | <table class="table table-hover"> | ||
<tr> | ||||
<th>#</th> | ||||
{% for key in keys %} | ||||
|
r320 | {% if key == 'location'%} | ||
<th>System</th> | ||||
{% else %} | ||||
|
r138 | <th>{{ key|title }}</th> | ||
|
r320 | {% endif %} | ||
|
r138 | {% endfor%} | ||
</tr> | ||||
{% for object in objects %} | ||||
<tr class="clickable-row" data-href="{{object.get_absolute_url}}"> | ||||
<td>{{ forloop.counter|add:offset }}</td> | ||||
{% for key in keys %} | ||||
|
r316 | {% if key == 'actions' %} | ||
<td> | ||||
<a class="btn btn-sm btn-danger" href="{{object.get_absolute_url_delete}}"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a> | ||||
<a class="btn btn-sm btn-primary" href="{{object.get_absolute_url_edit}}"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a> | ||||
</td> | ||||
{% else %} | ||||
|
r138 | <td>{{ object|attr:key }}</td> | ||
|
r316 | {% endif %} | ||
|
r138 | {% endfor %} | ||
</tr> | ||||
{% endfor %} | ||||
</table> | ||||
<div class="pagination"> | ||||
<span class="step-links"> | ||||
{% if objects.has_previous %} | ||||
<a href="?page={{ objects.previous_page_number }}&{{q}}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a> | ||||
{% endif %} | ||||
<span class="current"> | ||||
Page {{ objects.number }} of {{ objects.paginator.num_pages }}. | ||||
</span> | ||||
{% if objects.has_next %} | ||||
<a href="?page={{ objects.next_page_number }}&{{q}}"><span class="glyphicon glyphicon-menu-right aria-hidden="true"></span></a> | ||||
{% endif %} | ||||
</span> | ||||
</div> | ||||
{% 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"}); | ||||
$(".clickable-row").click(function() { | ||||
document.location = $(this).data("href"); | ||||
}); | ||||
</script> | ||||
{% endblock %} | ||||