Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix paging on events

Browse Source
This commit is contained in:
Kobe
2025-05-31 12:18:52 +02:00
parent e0be56a7f4
commit 4bb776f801
5 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/settings/settings.html
View File

@@ -73,7 +73,7 @@
<!-- Events Tab -->
<div class="tab-pane fade {% if active_tab == 'events' %}show active{% endif %}" id="events" role="tabpanel" aria-labelledby="events-tab">
{{ events_tab(events, csrf_token, users) }}
{{ events_tab(events, csrf_token, users, total_pages, current_page) }}
</div>
<!-- Debugging Tab -->

18
templates/settings/tabs/events.html
View File

@@ -1,4 +1,4 @@
{% macro events_tab(events, csrf_token, users) %}
{% macro events_tab(events, csrf_token, users, total_pages=0, current_page=1) %}
<div class="card shadow-sm">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
@@ -156,9 +156,21 @@
<div class="d-flex justify-content-between align-items-center mt-3">
<div>
<button id="prevPage" class="btn btn-outline-primary btn-sm" {% if current_page == 1 %}disabled{% endif %}>Previous</button>
<button id="prevPage" class="btn btn-outline-primary btn-sm"
style="border-color:var(--primary-color); color:var(--primary-color);"
onmouseover="this.style.backgroundColor='var(--primary-color)'; this.style.color='white'"
onmouseout="this.style.backgroundColor='transparent'; this.style.color='var(--primary-color)'"
{% if current_page == 1 %}disabled{% endif %}>
<i class="fas fa-chevron-left me-1"></i>Previous
</button>
<span class="mx-2">Page <span id="currentPage">{{ current_page }}</span> of <span id="totalPages">{{ total_pages }}</span></span>
<button id="nextPage" class="btn btn-outline-primary btn-sm" {% if current_page == total_pages %}disabled{% endif %}>Next</button>
<button id="nextPage" class="btn btn-outline-primary btn-sm"
style="border-color:var(--primary-color); color:var(--primary-color);"
onmouseover="this.style.backgroundColor='var(--primary-color)'; this.style.color='white'"
onmouseout="this.style.backgroundColor='transparent'; this.style.color='var(--primary-color)'"
{% if current_page == total_pages %}disabled{% endif %}>
Next<i class="fas fa-chevron-right ms-1"></i>
</button>
</div>
</div>
</div>