github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-20 11:00:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 https://github.com/siyuan-note/siyuan/issues/9860

Browse Source
This commit is contained in:
Vanessa 2023-12-18 10:54:23 +08:00
parent 4cfa9d355f
commit cd55b17eab
1 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/src/config/util/snippets.ts
View File

@ -9,6 +9,13 @@ export const renderSnippet = () => {
response.data.snippets.forEach((item: ISnippet) => { response.data.snippets.forEach((item: ISnippet) => {
const id = `snippet${item.type === "css" ? "CSS" : "JS"}${item.id}`; const id = `snippet${item.type === "css" ? "CSS" : "JS"}${item.id}`;
let exitElement = document.getElementById(id) as HTMLScriptElement; let exitElement = document.getElementById(id) as HTMLScriptElement;
if ((!window.siyuan.config.snippet.enabledCSS && item.type === "css") ||
(!window.siyuan.config.snippet.enabledJS && item.type === "js")) {
if (exitElement) {
exitElement.remove();
}
return;
}
if (!item.enabled) { if (!item.enabled) {
if (exitElement) { if (exitElement) {
exitElement.remove(); exitElement.remove();
@ -94,14 +101,6 @@ export const openSnippets = () => {
contentElement.textContent = item.content; contentElement.textContent = item.content;
}); });
const removeIds: string[] = []; const removeIds: string[] = [];
const toggleCSSElement = dialog.element.querySelector('.b3-switch[data-action="toggleCSS"]') as HTMLInputElement;
const toggleJSElement = dialog.element.querySelector('.b3-switch[data-action="toggleJS"]') as HTMLInputElement;
toggleCSSElement.addEventListener("change", (event) => {
toggleSnippet(toggleCSSElement, toggleJSElement);
});
toggleJSElement.addEventListener("change", (event) => {
toggleSnippet(toggleCSSElement, toggleJSElement);
});
dialog.element.addEventListener("click", (event) => { dialog.element.addEventListener("click", (event) => {
let target = event.target as HTMLElement; let target = event.target as HTMLElement;
while (target && !target.isSameNode(dialog.element)) { while (target && !target.isSameNode(dialog.element)) {
@ -181,6 +180,11 @@ const setSnippetPost = (dialog: Dialog, snippets: ISnippet[], removeIds: string[
rmElement.remove(); rmElement.remove();
} }
}); });
const toggleCSSElement = dialog.element.querySelector('.b3-switch[data-action="toggleCSS"]') as HTMLInputElement;
const toggleJSElement = dialog.element.querySelector('.b3-switch[data-action="toggleJS"]') as HTMLInputElement;
window.siyuan.config.snippet.enabledCSS = toggleCSSElement.checked;
window.siyuan.config.snippet.enabledJS = toggleJSElement.checked;
fetchPost("/api/setting/setSnippet", window.siyuan.config.snippet);
renderSnippet(); renderSnippet();
dialog.destroy({cancel: "true"}); dialog.destroy({cancel: "true"});
}); });
@ -209,9 +213,3 @@ const setSnippet = (dialog: Dialog, oldSnippets: ISnippet[], removeIds: string[]
} }
} }
}; };
const toggleSnippet = (toggleCSSElement: HTMLInputElement, toggleJSElement: HTMLInputElement) => {
window.siyuan.config.snippet.enabledCSS = toggleCSSElement.checked;
window.siyuan.config.snippet.enabledJS = toggleJSElement.checked;
fetchPost("/api/setting/setSnippet", window.siyuan.config.snippet)
}