bruno
f753b27542
CI / build (push) Failing after 6m2s
Introduce a Node build system for minified CSS/JS with content hashes, add PWA support, i18n helpers, accessibility improvements, and more translatable strings. Move theme configuration from bookmarks to localStorage, add Playwright tests, and set up CI workflows.
96 lines
3.6 KiB
JavaScript
96 lines
3.6 KiB
JavaScript
// =====================================================================
|
|
// Navigation helpers for Shaarli Pro:
|
|
// - Add note/todo shortcut buttons in the sidebar.
|
|
// - Mobile sidebar toggle.
|
|
// =====================================================================
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
'use strict';
|
|
|
|
// ===== Add Note Button Handler (Android convention) =====
|
|
const addNoteBtn = document.querySelector('.sidebar-add-note');
|
|
if (addNoteBtn) {
|
|
addNoteBtn.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
if (!window.ShaarItRules) {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('[shaarit] ShaarItRules not available, cannot generate note URL');
|
|
return;
|
|
}
|
|
const basePath = addNoteBtn.getAttribute('data-base-path') || '';
|
|
const noteUrl = window.ShaarItRules.generateNoteUrl();
|
|
const redirectUrl = `${basePath}/admin/shaare?post=${encodeURIComponent(noteUrl)}&tags=note`;
|
|
window.location.href = redirectUrl;
|
|
});
|
|
}
|
|
|
|
// ===== Add Todo Button Handler (Android convention) =====
|
|
const addTodoBtn = document.querySelector('.sidebar-add-todo');
|
|
if (addTodoBtn) {
|
|
addTodoBtn.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
if (!window.ShaarItRules) {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('[shaarit] ShaarItRules not available, cannot generate todo URL');
|
|
return;
|
|
}
|
|
const basePath = addTodoBtn.getAttribute('data-base-path') || '';
|
|
const todoUrl = window.ShaarItRules.generateTodoUrl();
|
|
const redirectUrl = `${basePath}/admin/shaare?post=${encodeURIComponent(todoUrl)}&tags=todo&title=%E2%9C%85%20`;
|
|
window.location.href = redirectUrl;
|
|
});
|
|
}
|
|
|
|
// ===== Mobile Sidebar Toggle =====
|
|
const sidebar = document.getElementById('sidebar');
|
|
const sidebarOverlay = document.getElementById('sidebar-overlay');
|
|
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
|
|
|
function isMobileViewport() {
|
|
return window.matchMedia('(max-width: 1100px)').matches;
|
|
}
|
|
|
|
function openSidebar() {
|
|
if (!sidebar || !sidebarOverlay) return;
|
|
sidebar.classList.add('show');
|
|
sidebarOverlay.classList.add('show');
|
|
mobileMenuBtn?.setAttribute('aria-expanded', 'true');
|
|
sidebarOverlay.setAttribute('aria-hidden', 'false');
|
|
if (isMobileViewport()) {
|
|
document.body.style.overflow = 'hidden';
|
|
}
|
|
}
|
|
|
|
function closeSidebar() {
|
|
if (!sidebar || !sidebarOverlay) return;
|
|
sidebar.classList.remove('show');
|
|
sidebarOverlay.classList.remove('show');
|
|
mobileMenuBtn?.setAttribute('aria-expanded', 'false');
|
|
sidebarOverlay.setAttribute('aria-hidden', 'true');
|
|
document.body.style.overflow = '';
|
|
}
|
|
|
|
function toggleSidebar() {
|
|
if (sidebar?.classList.contains('show')) {
|
|
closeSidebar();
|
|
return;
|
|
}
|
|
openSidebar();
|
|
}
|
|
|
|
mobileMenuBtn?.addEventListener('click', toggleSidebar);
|
|
sidebarOverlay?.addEventListener('click', closeSidebar);
|
|
sidebar?.querySelectorAll('a').forEach((link) => {
|
|
link.addEventListener('click', () => {
|
|
if (isMobileViewport()) {
|
|
closeSidebar();
|
|
}
|
|
});
|
|
});
|
|
|
|
window.addEventListener('resize', () => {
|
|
if (!isMobileViewport()) {
|
|
closeSidebar();
|
|
}
|
|
});
|
|
});
|