Meik/PostTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

tabs in beiträgen gemerget

Browse Source
This commit is contained in:
Meik
2025-11-21 13:47:19 +01:00
parent b7a9091183
commit e55f17f0c8
4 changed files with 100 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/index.html
View File

@@ -20,10 +20,10 @@
<h1>📋 Post Tracker</h1>
</div>
<div class="site-nav">
<button type="button" class="site-nav__btn" data-view-target="posts">📝 Beiträge</button>
<button type="button" class="site-nav__btn" data-view-target="dashboard">📊 Dashboard</button>
<button type="button" class="site-nav__btn" data-view-target="settings">⚙️ Einstellungen</button>
<button type="button" class="site-nav__btn" data-view-target="bookmarks">🔖 Bookmarks</button>
<a class="site-nav__btn" data-view-target="posts" href="posts.html">📝 Beiträge</a>
<a class="site-nav__btn" data-view-target="dashboard" href="dashboard.html">📊 Dashboard</a>
<a class="site-nav__btn" data-view-target="settings" href="settings.html">⚙️ Einstellungen</a>
<a class="site-nav__btn" data-view-target="bookmarks" href="bookmarks.html">🔖 Bookmarks</a>
</div>
</div>
</div>
@@ -82,11 +82,14 @@
<div class="tabs-section">
<div class="tabs">
<button class="tab-btn active" data-tab="pending">Offene Beiträge</button>
<button class="tab-btn" data-tab="expired">Abgelaufen/Abgeschlossen</button>
<button class="tab-btn" data-tab="all">Alle Beiträge</button>
</div>
<div class="search-container">
<input type="text" id="searchInput" class="search-input" placeholder="Beiträge durchsuchen...">
<label class="search-filter-toggle" for="includeExpiredToggle">
<input type="checkbox" id="includeExpiredToggle">
<span>Abgelaufene/abgeschlossene anzeigen</span>
</label>
</div>
</div>
@@ -663,7 +666,11 @@
buttons.forEach((button) => {
const isActive = button.dataset.viewTarget === view;
button.classList.toggle('nav-active', isActive);
button.setAttribute('aria-pressed', isActive ? 'true' : 'false');
if (isActive) {
button.setAttribute('aria-current', 'page');
} else {
button.removeAttribute('aria-current');
}
});
if (options.updateHistory) {
@@ -683,7 +690,11 @@
}
buttons.forEach((button) => {
button.addEventListener('click', () => {
button.addEventListener('click', (event) => {
if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
return;
}
event.preventDefault();
setView(button.dataset.viewTarget);
});
});