Make admin user list sortable.

This commit is contained in:
Stephan Porada
2019-09-09 15:02:17 +02:00
parent dc975935ca
commit 7775954123
3 changed files with 98 additions and 10 deletions

View File

@ -1,8 +1,46 @@
{% extends "base.html.j2" %}
{% block page_content %}
<style media="screen">
.sort {
cursor: pointer;
}
.sort:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
content:"";
position: relative;
top:-10px;
right:-5px;
}
.sort.asc:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
content:"";
position: relative;
top:13px;
right:-5px;
}
.sort.desc:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
content:"";
position: relative;
top:-10px;
right:-5px;
}
</style>
<div class="col s12">
<div class="card large">
<div class="card">
<div class="card-content">
<span class="card-title">User list</span>
<div id="users">
@ -19,8 +57,8 @@
</div>
<script type="text/javascript">
var options = {
valueNames: ['username', 'email', 'role', 'confirmed'],
page: 3,
valueNames: ['username', 'email', 'role', 'confirmed', 'id'],
page: 10,
pagination: true
};
var userList = new List('users', options);