Add pagination with 'Näytä lisää' button (24 posts per page)
Shows 24 posts initially, loads 24 more each click. Resets on filter/search change. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -30,7 +30,7 @@
|
||||
<section class="controls" id="posts">
|
||||
<div class="container">
|
||||
<div class="search-row">
|
||||
<input type="text" id="search" data-i18n-ph="search_ph" oninput="filterPosts()" />
|
||||
<input type="text" id="search" data-i18n-ph="search_ph" oninput="visibleCount=POSTS_PER_PAGE;filterPosts()" />
|
||||
<button class="likes-filter-btn" id="likesFilterBtn" onclick="toggleLikesFilter()">❤️ Tykkäämäni</button>
|
||||
</div>
|
||||
<div class="filters" id="categoryFilters"></div>
|
||||
@@ -44,6 +44,9 @@
|
||||
<div class="container">
|
||||
<div class="recipe-grid" id="postGrid"></div>
|
||||
<p class="no-results" id="noResults" style="display:none;" data-i18n="no_results"></p>
|
||||
<div id="loadMoreWrap" style="text-align:center;margin:24px 0;display:none">
|
||||
<button id="loadMoreBtn" onclick="loadMore()" style="padding:10px 32px;font-size:1rem;border:2px solid #c4956a;background:#fff;color:#8b5e3c;border-radius:24px;cursor:pointer;font-weight:600">Näytä lisää</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user