Added tablesorter plugin for consumers, users, metrics list view #24

This commit is contained in:
Sebastian Henschel 2017-05-21 19:19:19 +02:00
parent 3d5af459ac
commit bb1287a289
10 changed files with 32 additions and 5 deletions

View File

@ -108,3 +108,23 @@ footer a:hover, .footer a:focus {
div.filter {
display: inline;
}
table.tablesorter td {
min-width: 40px;
}
table.tablesorter thead tr .header {
background-image: url(../img/tablesorter/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../img/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../img/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #e6e6e6;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 B

View File

@ -1,2 +1,3 @@
$(document).ready(function($) {
$('table.tablesorter').tablesorter();
});

File diff suppressed because one or more lines are too long

View File

@ -75,8 +75,9 @@
</div>
</footer>
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.tablesorter.min.js' %}"></script>
<script src="{% static 'js/base.js' %}"></script>
{% block extrajs %}{% endblock extrajs %}
</body>

View File

@ -50,7 +50,7 @@
</ul>
<div class="table-responsive">
<table class="table table-hover" id="consumer-list">
<table class="table table-hover tablesorter" id="consumer-list">
<thead>
<th>ID</th>
<th>Name</th>
@ -92,6 +92,7 @@
<script type="text/javascript">
</script>
{% endcomment %}
{% endblock extrajs %}

View File

@ -130,7 +130,7 @@
</form>
<div class="table-responsive">
<table class="table table-hover" id="metrics-list">
<table class="table table-hover tablesorter" id="metrics-list">
<thead>
<tr>
<th>#</th>

View File

@ -47,7 +47,7 @@
</ul>
<div class="table-responsive">
<table class="table table-hover" id="users-list">
<table class="table table-hover tablesorter" id="users-list">
<thead>
<th>User Id</th>
<th>Username</th>