Mirrors/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2026-05-22 17:24:41 +02:00
Code Issues Activity

add storage event handling

Browse Source
This commit is contained in:
silverwind 2025-12-17 20:59:54 +01:00
parent 439bf5a21a
commit f45185dcae
No known key found for this signature in database
GPG Key ID: 2E62B41C93869443
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web_src/js/features/comp/ComboMarkdownEditor.ts
View File

@ -52,12 +52,14 @@ function isMonospaceEnabled() {
return localStorage?.getItem('markdown-editor-monospace') === 'true'; return localStorage?.getItem('markdown-editor-monospace') === 'true';
} }
/** Apply font to the provided or all textareas on the page */ /** Apply font to the provided or all textareas on the page and optionally save on localStorage */
function applyFont(monospaceEnabled: boolean, textarea?: HTMLTextAreaElement) { function applyMonospace(monospaceEnabled: boolean, {textarea, save}: {textarea?: HTMLTextAreaElement, save?: boolean}) {
for (const el of textarea ? [textarea] : document.querySelectorAll('.markdown-text-editor')) { for (const el of textarea ? [textarea] : document.querySelectorAll('.markdown-text-editor')) {
el.classList.toggle('tw-font-mono', monospaceEnabled); el.classList.toggle('tw-font-mono', monospaceEnabled);
} }
localStorage.setItem('markdown-editor-monospace', String(monospaceEnabled)); if (save) {
localStorage.setItem('markdown-editor-monospace', String(monospaceEnabled));
}
} }
type Heights = { type Heights = {
@ -155,19 +157,26 @@ export class ComboMarkdownEditor {
const monospaceButton = this.container.querySelector('.markdown-switch-monospace')!; const monospaceButton = this.container.querySelector('.markdown-switch-monospace')!;
const monospaceEnabled = isMonospaceEnabled(); const monospaceEnabled = isMonospaceEnabled();
applyFont(monospaceEnabled, this.textarea); applyMonospace(monospaceEnabled, {textarea: this.textarea, save: false});
const monospaceText = monospaceButton.getAttribute(monospaceEnabled ? 'data-disable-text' : 'data-enable-text')!; const monospaceText = monospaceButton.getAttribute(monospaceEnabled ? 'data-disable-text' : 'data-enable-text')!;
monospaceButton.setAttribute('data-tooltip-content', monospaceText); monospaceButton.setAttribute('data-tooltip-content', monospaceText);
monospaceButton.setAttribute('aria-checked', String(monospaceEnabled)); monospaceButton.setAttribute('aria-checked', String(monospaceEnabled));
monospaceButton.addEventListener('click', (e) => { monospaceButton.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
const enabled = !isMonospaceEnabled(); const enabled = !isMonospaceEnabled();
applyFont(enabled); applyMonospace(enabled, {save: true});
const text = monospaceButton.getAttribute(enabled ? 'data-disable-text' : 'data-enable-text')!; const text = monospaceButton.getAttribute(enabled ? 'data-disable-text' : 'data-enable-text')!;
monospaceButton.setAttribute('data-tooltip-content', text); monospaceButton.setAttribute('data-tooltip-content', text);
monospaceButton.setAttribute('aria-checked', String(enabled)); monospaceButton.setAttribute('aria-checked', String(enabled));
}); });
// apply setting was changed in another tab
window.addEventListener('storage', (e) => {
if (e.key === 'markdown-editor-monospace') {
applyMonospace(isMonospaceEnabled(), {save: false});
}
});
if (this.supportEasyMDE) { if (this.supportEasyMDE) {
const easymdeButton = this.container.querySelector('.markdown-switch-easymde')!; const easymdeButton = this.container.querySelector('.markdown-switch-easymde')!;
easymdeButton.addEventListener('click', async (e) => { easymdeButton.addEventListener('click', async (e) => {