sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-04-08 10:14:23 +00:00
Code Issues Projects Releases Wiki Activity

Add pagination and search to dashboard.

Browse Source
This commit is contained in:
Patrick Jentsch 2019-08-08 15:28:15 +02:00
parent f415d4ea9c
commit 14b64f86ba
1 changed files with 88 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
app/templates/main/dashboard.html.j2
View File

@ -7,21 +7,27 @@
</div> </div>
<div class="col s12 m8"> <div class="col s12 m8">
<ul class="collection"> <div id="corpus-list">
<li class="collection-item"> <div class="card">
<div class="card-content">
<div class="row"> <div class="row">
<div class="col s12 m8"> <div class="col s12 m8">
<div class="input-field"> <div class="input-field">
<i class="material-icons prefix">search</i> <i class="material-icons prefix">search</i>
<input id="search-corpus" type="search"></input> <input id="search-corpus" class="search" type="text"></input>
<label for="search-corpus">Search corpus</label> <label for="search-corpus">Search corpus</label>
</div> </div>
</div> </div>
<div class="col s12 m4"> <div class="col s12 m4">
<p><a data-target="new-corpus-modal" class="waves-effect waves-light btn modal-trigger right"><i class="material-icons left">add</i>New corpus</a></p> <p><a data-target="new-corpus-modal" class="waves-effect waves-light btn modal-trigger right"><i class="material-icons left">add</i>New corpus</a></p>
</div> </div>
<div class="col s12">
<ul class="pagination"></ul>
</div> </div>
</li> </div>
</div>
</div>
<ul class="collection list">
{% for corpus in current_user.corpora.all() %} {% for corpus in current_user.corpora.all() %}
<li class="collection-item avatar"> <li class="collection-item avatar">
<i class="material-icons circle">book</i> <i class="material-icons circle">book</i>
@ -31,7 +37,16 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div>
</div> </div>
<script>
corpusListOptions = {
valueNames: ['title'],
page: 4,
pagination: true
};
corpusList = new List("corpus-list", corpusListOptions);
</script>
<div class="col s12"> <div class="col s12">
<p>&nbsp;</p> <p>&nbsp;</p>
@ -43,21 +58,27 @@
</div> </div>
<div class="col s12 m8"> <div class="col s12 m8">
<ul class="collection"> <div id="job-list">
<li class="collection-item"> <div class="card">
<div class="card-content">
<div class="row"> <div class="row">
<div class="col s12 m8"> <div class="col s12 m8">
<div class="input-field"> <div class="input-field">
<i class="material-icons prefix">search</i> <i class="material-icons prefix">search</i>
<input id="search-job" type="search"></input> <input id="search-job" class="search" type="text"></input>
<label for="search-job">Search job</label> <label for="search-job">Search job</label>
</div> </div>
</div> </div>
<div class="col s12 m4"> <div class="col s12 m4">
<p><a id="new-job" class="dropdown-trigger waves-effect waves-light btn right no-autoinit" href="#" data-target="new-job-dropdown"><i class="material-icons left">add</i>New job</a></p> <p><a id="new-job" class="dropdown-trigger waves-effect waves-light btn right no-autoinit" href="#" data-target="new-job-dropdown"><i class="material-icons left">add</i>New job</a></p>
</div> </div>
<div class="col s12">
<ul class="pagination"></ul>
</div> </div>
</li> </div>
</div>
</div>
<ul class="collection list">
{% for job in current_user.jobs.all() %} {% for job in current_user.jobs.all() %}
{% if job.service == 'nlp' %} {% if job.service == 'nlp' %}
{% set service_icon = 'format_textdirection_l_to_r' %} {% set service_icon = 'format_textdirection_l_to_r' %}
@ -83,7 +104,16 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div>
</div> </div>
<script>
jobListOptions = {
valueNames: ['title'],
page: 4,
pagination: true
};
jobList = new List("job-list", jobListOptions);
</script>
<div id="new-corpus-modal" class="modal"> <div id="new-corpus-modal" class="modal">
<div class="modal-content"> <div class="modal-content">