Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-09-03 17:52:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: also use custom stirling-pdf tooltips in bookmark editor

Browse Source
This commit is contained in:
Lukas 2025-08-07 14:15:20 +02:00
parent 72a4e0f6d3
commit 8d943313a0
No known key found for this signature in database
1 changed files with 2 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/core/src/main/resources/static/js/pages/edit-table-of-contents.js
View File

@ -316,9 +316,7 @@ document.addEventListener("DOMContentLoaded", function () {
updateBookmarkData(); updateBookmarkData();
// Initialize tooltips for dynamically added elements // Initialize tooltips for dynamically added elements
if (typeof $ !== "undefined") { window.tooltipSetup();
$('[data-bs-toggle="tooltip"]').tooltip();
}
} }
// Create the main bookmark element with collapsible interface // Create the main bookmark element with collapsible interface
@ -390,8 +388,6 @@ document.addEventListener("DOMContentLoaded", function () {
childCount.style.fontSize = "0.7rem"; childCount.style.fontSize = "0.7rem";
childCount.style.padding = "0.2em 0.5em"; childCount.style.padding = "0.2em 0.5em";
childCount.textContent = bookmark.children.length; childCount.textContent = bookmark.children.length;
childCount.setAttribute("data-bs-toggle", "tooltip");
childCount.setAttribute("data-bs-placement", "top");
childCount.title = `${bookmark.children.length} child bookmark${bookmark.children.length > 1 ? "s" : ""}`; childCount.title = `${bookmark.children.length} child bookmark${bookmark.children.length > 1 ? "s" : ""}`;
toggleContainer.appendChild(childCount); toggleContainer.appendChild(childCount);
} else { } else {
@ -577,10 +573,6 @@ document.addEventListener("DOMContentLoaded", function () {
button.type = "button"; button.type = "button";
button.className = `btn ${className} btn-bookmark-action`; button.className = `btn ${className} btn-bookmark-action`;
button.innerHTML = `<span class="material-symbols-rounded">${icon}</span>`; button.innerHTML = `<span class="material-symbols-rounded">${icon}</span>`;
// Use Bootstrap tooltips
button.setAttribute("data-bs-toggle", "tooltip");
button.setAttribute("data-bs-placement", "top");
button.title = title; button.title = title;
button.addEventListener("click", clickHandler); button.addEventListener("click", clickHandler);
@ -601,10 +593,6 @@ document.addEventListener("DOMContentLoaded", function () {
// Update the add bookmark button appearance with clear visual cue // Update the add bookmark button appearance with clear visual cue
addBookmarkBtn.innerHTML = '<span class="material-symbols-rounded">add</span> Add Top-level Bookmark'; addBookmarkBtn.innerHTML = '<span class="material-symbols-rounded">add</span> Add Top-level Bookmark';
addBookmarkBtn.className = "btn btn-primary btn-add-bookmark top-level"; addBookmarkBtn.className = "btn btn-primary btn-add-bookmark top-level";
// Use Bootstrap tooltips
addBookmarkBtn.setAttribute("data-bs-toggle", "tooltip");
addBookmarkBtn.setAttribute("data-bs-placement", "top");
addBookmarkBtn.title = "Add a new top-level bookmark"; addBookmarkBtn.title = "Add a new top-level bookmark";
// Add icon to empty state button as well // Add icon to empty state button as well
@ -612,14 +600,10 @@ document.addEventListener("DOMContentLoaded", function () {
const emptyStateBtn = document.querySelector(".btn-add-first-bookmark"); const emptyStateBtn = document.querySelector(".btn-add-first-bookmark");
if (emptyStateBtn) { if (emptyStateBtn) {
emptyStateBtn.innerHTML = '<span class="material-symbols-rounded">add</span> Add First Bookmark'; emptyStateBtn.innerHTML = '<span class="material-symbols-rounded">add</span> Add First Bookmark';
emptyStateBtn.setAttribute("data-bs-toggle", "tooltip");
emptyStateBtn.setAttribute("data-bs-placement", "top");
emptyStateBtn.title = "Add first bookmark"; emptyStateBtn.title = "Add first bookmark";
// Initialize tooltips for the empty state button // Initialize tooltips for the empty state button
if (typeof $ !== "undefined") { window.tooltipSetup();
$('[data-bs-toggle="tooltip"]').tooltip();
}
} }
}; };