Add bookmark management UI and logic

Introduces UI buttons for adding bookmarks and current page bookmarks in bigpicture.html. Implements bookmark creation, editing, and saving logic in bigpicture.js, including OSK integration for bookmark input, persistent storage support, and improved rendering of bookmark tiles.
This commit is contained in:
2026-01-19 14:55:37 +13:00
parent ee548b2053
commit de64ae21c0
2 changed files with 170 additions and 8 deletions
+10
View File
@@ -143,6 +143,16 @@
<h1 class="section-title">Bookmarks</h1>
<p class="section-subtitle">Your saved websites</p>
</div>
<div class="section-actions">
<button class="action-btn" id="addBookmarkBtn" data-focusable tabindex="0">
<span class="material-symbols-outlined">bookmark_add</span>
<span>Add Bookmark</span>
</button>
<button class="action-btn" id="addCurrentBookmarkBtn" data-focusable tabindex="0">
<span class="material-symbols-outlined">bookmark</span>
<span>Add Current Page</span>
</button>
</div>
<div class="tile-grid large" id="bookmarksGrid">
<!-- Bookmarks will be populated dynamically -->
</div>