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

add visual feedback on successful bookmark import/export

Browse Source
This commit is contained in:
Lukas 2025-08-01 18:25:43 +02:00
parent b595a9b8c3
commit 1c11c76081
No known key found for this signature in database
2 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/core/src/main/resources/static/css/edit-table-of-contents.css
View File

@ -274,3 +274,25 @@
--bg-empty: var(--md-sys-color-surface-container-low, #24282e); --bg-empty: var(--md-sys-color-surface-container-low, #24282e);
--border-empty: var(--md-sys-color-outline, #495057); --border-empty: var(--md-sys-color-outline, #495057);
} }
.success-flash {
position: relative;
}
.success-flash::after {
content: "✓";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 1.2em;
color: white;
opacity: 0;
animation: fadeOut 1s ease-in-out;
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}

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

@ -598,7 +598,19 @@ document.addEventListener('DOMContentLoaded', function() {
} }
// Add import/export bookmarks to clipboard functionality // Add import/export bookmarks to clipboard functionality
function flashButtonSuccess(button) {
const originalClass = button.className;
button.classList.remove('btn-outline-primary');
button.classList.add('btn-success', 'success-flash');
setTimeout(() => {
button.className = originalClass;
}, 1000);
}
async function importBookmarkStringFromClipboard() { async function importBookmarkStringFromClipboard() {
const button = document.getElementById('importBookmarksBtn');
try { try {
const newBookmarkDataString = await navigator.clipboard.readText(); const newBookmarkDataString = await navigator.clipboard.readText();
const newBookmarkData = JSON.parse(newBookmarkDataString); const newBookmarkData = JSON.parse(newBookmarkDataString);
@ -610,15 +622,18 @@ document.addEventListener('DOMContentLoaded', function() {
bookmarks = newBookmarkData.map(convertExtractedBookmark); bookmarks = newBookmarkData.map(convertExtractedBookmark);
updateBookmarksUI(); updateBookmarksUI();
flashButtonSuccess(button);
} catch (error) { } catch (error) {
throw new Error(`Failed to import bookmarks: ${error.message}`); throw new Error(`Failed to import bookmarks: ${error.message}`);
} }
} }
async function exportBookmarkStringToClipboard() { async function exportBookmarkStringToClipboard() {
const button = document.getElementById('exportBookmarksBtn');
const bookmarkData = bookmarkDataInput.value; const bookmarkData = bookmarkDataInput.value;
try { try {
await navigator.clipboard.writeText(bookmarkData); await navigator.clipboard.writeText(bookmarkData);
flashButtonSuccess(button);
} catch (error) { } catch (error) {
throw new Error(`Failed to export bookmarks: ${error.message}`); throw new Error(`Failed to export bookmarks: ${error.message}`);
} }