nopaque/web/app/templates/admin/index.html.j2

{% extends "nopaque.html.j2" %}

{% set full_width = True %}

{% block page_content %}
<div class="col s12">
  <div class="card">
    <div class="card-content" id="users">
      <span class="card-title">User list</span>
      <div class="input-field">
        <i class="material-icons prefix">search</i>
        <input id="search-user" class="search" type="search"></input>
        <label for="search-user">Search user</label>
      </div>
      <ul class="pagination paginationTop"></ul>
      {{ table }}
      <ul class="pagination paginationBottom"></ul>
    </div>
  </div>
</div>

<script>
  var options = {page: 10,
                 pagination: [
                 {
                   name: "paginationTop",
                   paginationClass: "paginationTop",
                   innerWindow: 8,
                   outerWindow: 1
                 },
                 {
                    paginationClass: "paginationBottom",
                    innerWindow: 8,
                    outerWindow: 1
                  }
                 ],
                 valueNames: ['username', 'email', 'role', 'confirmed', 'id']};
  var userList = new List('users', options);
</script>
{% endblock %}