habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: fix pagination not working correctly sometimes, fix pagination not showing when changing pages

Browse Source
This commit is contained in:
Jens Langhammer
2021-02-04 10:08:57 +01:00
parent 178417fe67
commit 9ca9e67ffa
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/elements/table/Table.ts
View File

@ -117,7 +117,6 @@ export abstract class Table<T> extends LitElement {
return;
}
this.isLoading = true;
this.data = undefined;
this.apiEndpoint(this.page).then((r) => {
this.data = r;
this.page = r.pagination.current;
@ -225,7 +224,7 @@ export abstract class Table<T> extends LitElement {
<ak-table-pagination
class="pf-c-toolbar__item pf-m-pagination"
.pages=${this.data?.pagination}
.pageChangeHandler=${(page: number) => {this.page = page; }}>
.pageChangeHandler=${(page: number) => { this.page = page; this.fetch(); }}>
</ak-table-pagination>
</div>
</div>
@ -236,13 +235,13 @@ export abstract class Table<T> extends LitElement {
${this.columns().map((col) => col.render(this))}
</tr>
</thead>
${this.data ? this.renderRows() : this.renderLoading()}
${(this.isLoading || !this.data) ? this.renderLoading() : this.renderRows()}
</table>
<div class="pf-c-pagination pf-m-bottom">
<ak-table-pagination
class="pf-c-toolbar__item pf-m-pagination"
.pages=${this.data?.pagination}
.pageChangeHandler=${(page: number) => { this.page = page; }}>
.pageChangeHandler=${(page: number) => { this.page = page; this.fetch(); }}>
</ak-table-pagination>
</div>`;
}