News hub: add working pagination that respects the type filter

Client-side paginator (9 per page) reusing the site's pagination styling; page numbers with dots for long lists, Previous/Next with disabled states, resets to page 1 on filter change and hides when a single page.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-07-31 23:56:42 +02:00
1 parent ea9acc4968
commit 5b14cc2189
8 files changed
+105 -10

No files matched your search

+1 -1
View File
@@ -258,7 +258,7 @@
</div>
</section>
<section class="latest-news-section">
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>What is new at MSOS, from events and projects to blog stories and announcements.</p>
+5
View File
@@ -349,6 +349,11 @@
</div>
</article>
</div>
<nav class="pagination newshub-pagination" data-page-size="9" hidden>
<button type="button" class="pagination-arrow" data-nav="prev"><i class="fas fa-arrow-left" aria-hidden="true"></i> Previous</button>
<div class="pagination-numbers"></div>
<button type="button" class="pagination-arrow" data-nav="next">Next <i class="fas fa-arrow-right" aria-hidden="true"></i></button>
</nav>
</section>
</main>