daily bookmarks

This commit is contained in:
2025-12-04 12:56:32 +01:00
parent 839bd24309
commit 37badea913
6 changed files with 485 additions and 31 deletions

View File

@@ -35,6 +35,10 @@
<option value="15">15</option>
<option value="20">20</option>
</select>
<label class="auto-open-toggle">
<input type="checkbox" id="autoOpenToggle">
<span>Auto öffnen</span>
</label>
<button class="secondary-btn" id="bulkOpenBtn" type="button">Öffnen & abhaken</button>
</div>
<button class="primary-btn" id="openCreateBtn" type="button">+ Bookmark</button>
@@ -45,6 +49,20 @@
</div>
</header>
<div id="autoOpenOverlay" class="auto-open-overlay" hidden>
<div class="auto-open-overlay__panel" id="autoOpenOverlayPanel">
<div class="auto-open-overlay__badge">Auto-Öffnen startet gleich</div>
<div class="auto-open-overlay__timer">
<span id="autoOpenCountdown" class="auto-open-overlay__count">0.0</span>
<span class="auto-open-overlay__unit">Sek.</span>
</div>
<p class="auto-open-overlay__text">
Die nächste Runde deiner gefilterten Bookmarks öffnet automatisch. Abbrechen, falls du noch warten willst.
</p>
<p class="auto-open-overlay__hint">Klicke irgendwo in dieses Panel, um abzubrechen.</p>
</div>
</div>
<main class="panel list-panel">
<header class="panel__header panel__header--row">
<div>
@@ -64,13 +82,19 @@
<th class="col-marker">
<button type="button" class="sort-btn" data-sort-key="marker">Marker</button>
</th>
<th class="col-created">
<button type="button" class="sort-btn" data-sort-key="created_at">Erstelldatum</button>
</th>
<th class="col-last">
<button type="button" class="sort-btn" data-sort-key="last_completed_at">Letzte Erledigung</button>
</th>
<th>Aktionen</th>
</tr>
<tr class="table-filter-row">
<th></th>
<th>
<label class="visually-hidden" for="urlFilter">Nach URL filtern</label>
<input id="urlFilter" type="search" placeholder="URL filtern">
</th>
<th>
<label class="visually-hidden" for="markerFilter">Nach Marker filtern</label>
<select id="markerFilter">
@@ -78,9 +102,10 @@
<option value="__none">Ohne Marker</option>
</select>
</th>
<th colspan="2" class="filter-hint">
<span>Filter & Sortierung werden gespeichert</span>
<button type="button" class="ghost-btn ghost-btn--tiny" id="resetViewBtn">Zurücksetzen</button>
<th></th>
<th></th>
<th class="filter-hint">
<button type="button" class="ghost-btn ghost-btn--tiny" id="resetViewBtn" aria-label="Filter und Sortierung zurücksetzen"></button>
</th>
</tr>
</thead>