Fix tables and add bottom paginatio nto all tables

This commit is contained in:
Stephan Porada 2020-09-22 11:18:34 +02:00
parent 9523568211
commit 61658410b2
3 changed files with 17 additions and 7 deletions

View File

@ -145,11 +145,20 @@ RessourceList.dataMappers = {
RessourceList.options = { RessourceList.options = {
// common list.js options for 4 rows per page etc. // common list.js options for 4 rows per page etc.
common: { common: {
page: 4, page: 5,
pagination: { pagination: [
innerWindow: 8, {
outerWindow: 1, name: "paginationTop",
}, paginationClass: "paginationTop",
innerWindow: 4,
outerWindow: 1
},
{
paginationClass: "paginationBottom",
innerWindow: 4,
outerWindow: 1,
},
],
}, },
// extended list.js options for 10 rows per page etc. // extended list.js options for 10 rows per page etc.
extended: { extended: {

View File

@ -27,6 +27,7 @@
<input id="search-corpus" class="search" type="search"></input> <input id="search-corpus" class="search" type="search"></input>
<label for="search-corpus">Search corpus</label> <label for="search-corpus">Search corpus</label>
</div> </div>
<ul class="pagination paginationTop"></ul>
<table> <table>
<thead> <thead>
<tr> <tr>
@ -41,7 +42,7 @@
</thead> </thead>
<tbody class="list"></tbody> <tbody class="list"></tbody>
</table> </table>
<ul class="pagination"></ul> <ul class="pagination paginationBottom"></ul>
</div> </div>
<div class="card-action right-align"> <div class="card-action right-align">
<a class="btn corpus-analysis-color darken waves-effect waves-light" href="{{ url_for('corpora.add_corpus') }}">New corpus<i class="material-icons right">add</i></a> <a class="btn corpus-analysis-color darken waves-effect waves-light" href="{{ url_for('corpora.add_corpus') }}">New corpus<i class="material-icons right">add</i></a>

View File

@ -10,7 +10,7 @@ results. -->
<th style="width: 3%">Title</th> <th style="width: 3%">Title</th>
<th style="width: 25%">Left context</th> <th style="width: 25%">Left context</th>
<th style="width: 35%">Match</th> <th style="width: 35%">Match</th>
<th style="width: 10%">Actions</th> <th style="width: 10%">{# Actions #}</th>
<th style="width: 25%">Right Context</th> <th style="width: 25%">Right Context</th>
</tr> </tr>
</thead> </thead>