import {fetchPost} from "../util/fetch";
import {Dialog} from "../dialog";
import {isMobile} from "../util/functions";
import {hideMessage, showMessage} from "../dialog/message";
import {confirmDialog} from "../dialog/confirmDialog";
import {hideElements} from "../protyle/ui/hideElements";
import {viewCards} from "./viewCards";
import {Constants} from "../constants";
import {escapeAttr, escapeHtml} from "../util/escape";
import {transaction} from "../protyle/wysiwyg/transaction";
import {App} from "../index";
export const genCardItem = (item: ICardPackage) => {
return `
${escapeHtml(item.name)}
${item.size}
${item.updated}
`;
};
export const makeCard = (app: App, ids: string[]) => {
window.siyuan.dialogs.find(item => {
if (item.element.getAttribute("data-key") === Constants.DIALOG_MAKECARD) {
hideElements(["dialog"]);
return true;
}
});
fetchPost("/api/riff/getRiffDecks", {}, (response) => {
let html = "";
response.data.forEach((item: ICardPackage) => {
html += genCardItem(item);
});
const dialog = new Dialog({
positionId: Constants.DIALOG_MAKECARD,
width: isMobile() ? "92vw" : "50vw",
height: "70vh",
title: window.siyuan.languages.riffCard,
content: ``,
});
dialog.element.setAttribute("data-key", Constants.DIALOG_MAKECARD);
dialog.element.addEventListener("click", (event) => {
let target = event.target as HTMLElement;
while (target && !target.isSameNode(dialog.element)) {
const type = target.getAttribute("data-type");
if (type === "create") {
let msgId = "";
const inputElement = dialog.element.querySelector(".b3-text-field") as HTMLInputElement;
if (inputElement.value) {
if (msgId) {
hideMessage(msgId);
}
fetchPost("/api/riff/createRiffDeck", {name: inputElement.value}, (response) => {
dialog.element.querySelector(".b3-list").insertAdjacentHTML("afterbegin", genCardItem(response.data));
inputElement.value = "";
});
} else {
msgId = showMessage(window.siyuan.languages._kernel[142]);
inputElement.focus();
}
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "add") {
fetchPost("/api/riff/addRiffCards", {
deckID: target.parentElement.getAttribute("data-id"),
blockIDs: ids
}, (addResponse) => {
target.parentElement.outerHTML = genCardItem(addResponse.data);
});
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "remove") {
fetchPost("/api/riff/removeRiffCards", {
deckID: target.parentElement.getAttribute("data-id"),
blockIDs: ids
}, (removeResponse) => {
target.parentElement.outerHTML = genCardItem(removeResponse.data);
});
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "delete") {
confirmDialog(window.siyuan.languages.confirm, `${window.siyuan.languages.confirmDelete} ${escapeHtml(target.parentElement.getAttribute("data-name"))}?`, () => {
fetchPost("/api/riff/removeRiffDeck", {
deckID: target.parentElement.getAttribute("data-id"),
}, () => {
target.parentElement.remove();
});
});
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "view") {
viewCards(app, target.parentElement.getAttribute("data-id"), target.parentElement.getAttribute("data-name"), "", (removeResponse) => {
target.parentElement.outerHTML = genCardItem(removeResponse.data);
});
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "viewall") {
viewCards(app, "", window.siyuan.languages.all, "");
event.stopPropagation();
event.preventDefault();
break;
} else if (type === "rename") {
const renameDialog = new Dialog({
title: window.siyuan.languages.rename,
content: `
`,
width: isMobile() ? "92vw" : "520px",
});
const inputElement = renameDialog.element.querySelector("input") as HTMLInputElement;
const btnsElement = renameDialog.element.querySelectorAll(".b3-button");
renameDialog.bindInput(inputElement, () => {
(btnsElement[1] as HTMLButtonElement).click();
});
inputElement.value = target.parentElement.getAttribute("data-name");
inputElement.focus();
inputElement.select();
btnsElement[0].addEventListener("click", () => {
renameDialog.destroy();
});
btnsElement[1].addEventListener("click", () => {
fetchPost("/api/riff/renameRiffDeck", {
name: inputElement.value,
deckID: target.parentElement.getAttribute("data-id"),
}, () => {
target.parentElement.querySelector(".b3-list-item__text span").textContent = inputElement.value;
target.parentElement.setAttribute("data-name", inputElement.value);
});
renameDialog.destroy();
});
event.stopPropagation();
event.preventDefault();
break;
}
target = target.parentElement;
}
});
});
};
export const quickMakeCard = (protyle: IProtyle, nodeElement: Element[]) => {
let isRemove = true;
const ids: string[] = [];
nodeElement.forEach(item => {
if (item.getAttribute("data-type") === "NodeThematicBreak") {
return;
}
item.classList.remove("protyle-wysiwyg--select");
ids.push(item.getAttribute("data-node-id"));
if ((item.getAttribute(Constants.CUSTOM_RIFF_DECKS) || "").indexOf(Constants.QUICK_DECK_ID) === -1) {
isRemove = false;
}
});
if (isRemove) {
transaction(protyle, [{
action: "removeFlashcards",
deckID: Constants.QUICK_DECK_ID,
blockIDs: ids
}], [{
action: "addFlashcards",
deckID: Constants.QUICK_DECK_ID,
blockIDs: ids
}]);
} else {
transaction(protyle, [{
action: "addFlashcards",
deckID: Constants.QUICK_DECK_ID,
blockIDs: ids
}], [{
action: "removeFlashcards",
deckID: Constants.QUICK_DECK_ID,
blockIDs: ids
}]);
}
};