Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-19 16:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 fix https://github.com/siyuan-note/siyuan/issues/9604

Browse source
This commit is contained in:
Vanessa 2023-11-09 10:07:39 +08:00
parent f67061d6cf
commit 9167323ce7
6 changed files with 53 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

70
app/src/config/util/snippets.ts
View file

@ -1,6 +1,8 @@
import {fetchPost} from "../../util/fetch";
import {hasClosestByClassName} from "../../protyle/util/hasClosest";
import {Dialog} from "../../dialog";
import {objEquals} from "../../util/functions";
import {confirmDialog} from "../../dialog/confirmDialog";
export const renderSnippet = () => {
fetchPost("/api/snippet/getSnippet", {type: "all", enabled: 2}, (response) => {
@ -73,7 +75,13 @@ export const openSnippets = () => {
<div class="b3-dialog__action">
<button class="b3-button b3-button--cancel">${window.siyuan.languages.cancel}</button><div class="fn__space"></div>
<button class="b3-button b3-button--text">${window.siyuan.languages.confirm}</button>
</div>`
</div>`,
destroyCallback: (options) => {
if (options?.cancel === "true") {
return;
}
setSnippet(dialog, response.data.snippets, removeIds, true);
}
});
response.data.snippets.forEach((item: ISnippet) => {
const nameElement = (dialog.element.querySelector(`[data-id="${item.id}"] input`) as HTMLInputElement);
@ -94,30 +102,11 @@ export const openSnippets = () => {
return;
}
if (target.classList.contains("b3-button--cancel")) {
dialog.destroy();
dialog.destroy({cancel: "true"});
return;
}
if (target.classList.contains("b3-button--text")) {
const snippets: ISnippet[] = [];
dialog.element.querySelectorAll("[data-id]").forEach((item) => {
snippets.push({
id: item.getAttribute("data-id"),
name: item.querySelector("input").value,
type: item.getAttribute("data-type"),
content: item.querySelector("textarea").value,
enabled: (item.querySelector(".b3-switch") as HTMLInputElement).checked
});
});
fetchPost("/api/snippet/setSnippet", {snippets}, () => {
removeIds.forEach(item => {
const rmElement = document.querySelector(item);
if (rmElement) {
rmElement.remove();
}
});
renderSnippet();
dialog.destroy();
});
setSnippet(dialog, response.data.snippets, removeIds);
return;
}
const tabElement = hasClosestByClassName(target, "item");
@ -161,3 +150,40 @@ const genSnippet = (options: ISnippet) => {
<textarea class="fn__block b3-text-field" placeholder="${window.siyuan.languages.codeSnippet}" style="resize: vertical;font-family:var(--b3-font-family-code)" spellcheck="false"></textarea>
</div><div class="fn__hr--b"></div>`;
};
const setSnippetPost = (dialog: Dialog, snippets: ISnippet[], removeIds: string[]) => {
fetchPost("/api/snippet/setSnippet", {snippets}, () => {
removeIds.forEach(item => {
const rmElement = document.querySelector(item);
if (rmElement) {
rmElement.remove();
}
});
renderSnippet();
dialog.destroy({cancel: "true"});
});
}
const setSnippet = (dialog: Dialog, oldSnippets: ISnippet[], removeIds: string[], confirm = false) => {
const snippets: ISnippet[] = [];
dialog.element.querySelectorAll("[data-id]").forEach((item) => {
snippets.push({
id: item.getAttribute("data-id"),
name: item.querySelector("input").value,
type: item.getAttribute("data-type"),
content: item.querySelector("textarea").value,
enabled: (item.querySelector(".b3-switch") as HTMLInputElement).checked
});
});
if (objEquals(oldSnippets, snippets)) {
dialog.destroy({cancel: "true"});
} else {
if (confirm) {
confirmDialog(window.siyuan.languages.save, window.siyuan.languages.snippetsTip, () => {
setSnippetPost(dialog, snippets, removeIds)
})
} else {
setSnippetPost(dialog, snippets, removeIds)
}
}
}