mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-05-11 14:41:51 +08:00
576 lines
26 KiB
TypeScript
576 lines
26 KiB
TypeScript
import {Dialog} from "../dialog";
|
|
import {fetchPost} from "../util/fetch";
|
|
import {isMobile} from "../util/functions";
|
|
import {Protyle} from "../protyle";
|
|
import {Constants} from "../constants";
|
|
import {onGet} from "../protyle/util/onGet";
|
|
import {hasClosestByAttribute, hasClosestByClassName} from "../protyle/util/hasClosest";
|
|
import {hideElements} from "../protyle/ui/hideElements";
|
|
import {isPaidUser, needSubscribe} from "../util/needSubscribe";
|
|
import {fullscreen} from "../protyle/breadcrumb/action";
|
|
import {MenuItem} from "../menus/Menu";
|
|
import {escapeHtml} from "../util/escape";
|
|
/// #if !MOBILE
|
|
import {openFile} from "../editor/util";
|
|
/// #endif
|
|
import {getDisplayName, movePathTo} from "../util/pathName";
|
|
import {App} from "../index";
|
|
import {resize} from "../protyle/util/resize";
|
|
import {setStorageVal} from "../protyle/util/compatibility";
|
|
import {focusByRange} from "../protyle/util/selection";
|
|
|
|
const genCardCount = (unreviewedNewCardCount: number, unreviewedOldCardCount: number,) => {
|
|
return `<span class="ft__error">1</span>
|
|
<span class="fn__space"></span>/<span class="fn__space"></span>
|
|
<span class="ariaLabel ft__primary" aria-label="${window.siyuan.languages.flashcardNewCard}">${unreviewedNewCardCount}</span>
|
|
<span class="fn__space"></span>+<span class="fn__space"></span>
|
|
<span class="ariaLabel ft__success" aria-label="${window.siyuan.languages.flashcardReviewCard}">${unreviewedOldCardCount}</span>`;
|
|
};
|
|
|
|
export const genCardHTML = (options: {
|
|
id: string,
|
|
cardType: TCardType,
|
|
cardsData: {
|
|
cards: ICard[],
|
|
unreviewedCount: number
|
|
unreviewedNewCardCount: number
|
|
unreviewedOldCardCount: number
|
|
},
|
|
isTab: boolean
|
|
}) => {
|
|
let iconsHTML: string;
|
|
/// #if MOBILE
|
|
iconsHTML = `<div class="toolbar toolbar--border">
|
|
<svg class="toolbar__icon"><use xlink:href="#iconRiffCard"></use></svg>
|
|
<span class="fn__flex-1 fn__flex-center toolbar__text">${window.siyuan.languages.riffCard}</span>
|
|
<div data-type="count" class="${options.cardsData.cards.length === 0 ? "fn__none" : "fn__flex"}">${genCardCount(options.cardsData.unreviewedNewCardCount, options.cardsData.unreviewedOldCardCount)}</span></div>
|
|
<svg class="toolbar__icon" data-id="${options.id || ""}" data-cardtype="${options.cardType}" data-type="filter"><use xlink:href="#iconFilter"></use></svg>
|
|
<svg class="toolbar__icon" data-type="close"><use xlink:href="#iconCloseRound"></use></svg>
|
|
</div>`;
|
|
/// #else
|
|
iconsHTML = `<div class="block__icons">
|
|
${options.isTab ? '<div class="fn__flex-1"></div>' : `<div class="block__icon block__icon--show">
|
|
<svg><use xlink:href="#iconRiffCard"></use></svg>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<span class="fn__flex-center">${window.siyuan.languages.riffCard}</span>`}
|
|
<span class="fn__space fn__flex-1 resize__move" style="min-height: 100%"></span>
|
|
<div data-type="count" class="ft__on-surface ft__smaller fn__flex-center${options.cardsData.cards.length === 0 ? " fn__none" : " fn__flex"}">${genCardCount(options.cardsData.unreviewedNewCardCount, options.cardsData.unreviewedOldCardCount)}</span></div>
|
|
<div class="fn__space"></div>
|
|
<div data-id="${options.id || ""}" data-cardtype="${options.cardType}" data-type="filter" class="block__icon block__icon--show">
|
|
<svg><use xlink:href="#iconFilter"></use></svg>
|
|
</div>
|
|
<div class="fn__space"></div>
|
|
<div data-type="fullscreen" class="b3-tooltips b3-tooltips__sw block__icon block__icon--show" aria-label="${window.siyuan.languages.fullscreen}">
|
|
<svg><use xlink:href="#iconFullscreen"></use></svg>
|
|
</div>
|
|
<div class="fn__space${options.isTab ? " fn__none" : ""}"></div>
|
|
<div data-type="sticktab" class="b3-tooltips b3-tooltips__sw block__icon block__icon--show${options.isTab ? " fn__none" : ""}" aria-label="${window.siyuan.languages.openInNewTab}">
|
|
<svg><use xlink:href="#iconLayoutRight"></use></svg>
|
|
</div>
|
|
</div>`;
|
|
/// #endif
|
|
return `<div class="card__main">
|
|
${iconsHTML}
|
|
<div class="card__block fn__flex-1 ${options.cardsData.cards.length === 0 ? "fn__none" : ""}
|
|
${window.siyuan.config.flashcard.mark ? "card__block--hidemark" : ""}
|
|
${window.siyuan.config.flashcard.superBlock ? "card__block--hidesb" : ""}
|
|
${window.siyuan.config.flashcard.heading ? "card__block--hideh" : ""}
|
|
${window.siyuan.config.flashcard.list ? "card__block--hideli" : ""}" data-type="render"></div>
|
|
<div class="card__empty card__empty--space${options.cardsData.cards.length === 0 ? "" : " fn__none"}" data-type="empty">
|
|
<div>🔮</div>
|
|
${window.siyuan.languages.noDueCard}
|
|
</div>
|
|
<div class="fn__flex card__action${options.cardsData.cards.length === 0 ? " fn__none" : ""}">
|
|
<button class="b3-button b3-button--cancel" disabled="disabled" data-type="-2" style="width: 25%;min-width: 86px;display: flex">
|
|
<svg><use xlink:href="#iconLeft"></use></svg>
|
|
(p)
|
|
</button>
|
|
<span class="fn__space"></span>
|
|
<button data-type="-1" class="b3-button fn__flex-1">${window.siyuan.languages.cardShowAnswer} (${window.siyuan.languages.space} / Enter)</button>
|
|
</div>
|
|
<div class="fn__flex card__action fn__none">
|
|
<div>
|
|
<span>${window.siyuan.languages.nextRound}</span>
|
|
<button data-type="-3" aria-label="0" class="b3-button b3-button--cancel b3-tooltips__n b3-tooltips">
|
|
<div>💤</div>
|
|
${window.siyuan.languages.skip} (0)
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<button data-type="1" aria-label="1 / j" class="b3-button b3-button--error b3-tooltips__n b3-tooltips">
|
|
<div>🙈</div>
|
|
${window.siyuan.languages.cardRatingAgain} (1)
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<button data-type="2" aria-label="2 / k" class="b3-button b3-button--warning b3-tooltips__n b3-tooltips">
|
|
<div>😬</div>
|
|
${window.siyuan.languages.cardRatingHard} (2)
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<button data-type="3" aria-label="3 / l / ${window.siyuan.languages.space} / Enter" class="b3-button b3-button--info b3-tooltips__n b3-tooltips">
|
|
<div>😊</div>
|
|
${window.siyuan.languages.cardRatingGood} (3)
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<button data-type="4" aria-label="4 / ;" class="b3-button b3-button--success b3-tooltips__n b3-tooltips">
|
|
<div>🌈</div>
|
|
${window.siyuan.languages.cardRatingEasy} (4)
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
};
|
|
|
|
export const bindCardEvent = (options: {
|
|
app: App,
|
|
element: Element,
|
|
title?: string,
|
|
cardsData: {
|
|
cards: ICard[],
|
|
unreviewedCount: number
|
|
unreviewedNewCardCount: number
|
|
unreviewedOldCardCount: number
|
|
}
|
|
cardType: TCardType,
|
|
id?: string,
|
|
dialog?: Dialog,
|
|
index?: number
|
|
}) => {
|
|
options.app.plugins.forEach(item => {
|
|
item.eventBus.emit("update-cards", options);
|
|
});
|
|
if (window.siyuan.storage[Constants.LOCAL_FLASHCARD].fullscreen) {
|
|
fullscreen(options.element.querySelector(".card__main"),
|
|
options.element.querySelector('[data-type="fullscreen"]'));
|
|
}
|
|
let index = 0;
|
|
if (typeof options.index === "number") {
|
|
index = options.index;
|
|
}
|
|
const editor = new Protyle(options.app, options.element.querySelector("[data-type='render']") as HTMLElement, {
|
|
blockId: "",
|
|
action: [Constants.CB_GET_ALL],
|
|
render: {
|
|
background: false,
|
|
title: false,
|
|
gutter: true,
|
|
breadcrumbDocName: true,
|
|
},
|
|
typewriterMode: false
|
|
});
|
|
if (window.siyuan.mobile) {
|
|
window.siyuan.mobile.popEditor = editor;
|
|
}
|
|
if (options.cardsData.cards.length > 0) {
|
|
fetchPost("/api/filetree/getDoc", {
|
|
id: options.cardsData.cards[index].blockID,
|
|
mode: 0,
|
|
size: Constants.SIZE_GET_MAX
|
|
}, (response) => {
|
|
onGet({
|
|
data: response,
|
|
protyle: editor.protyle,
|
|
action: response.data.rootID === response.data.id ? [Constants.CB_GET_HTML] : [Constants.CB_GET_ALL, Constants.CB_GET_HTML],
|
|
});
|
|
});
|
|
}
|
|
options.element.setAttribute("data-key", Constants.DIALOG_OPENCARD);
|
|
const countElement = options.element.querySelector('[data-type="count"] span');
|
|
countElement.innerHTML = (index + 1).toString();
|
|
const actionElements = options.element.querySelectorAll(".card__action");
|
|
if (options.index === 0) {
|
|
actionElements[0].firstElementChild.setAttribute("disabled", "disabled");
|
|
} else {
|
|
actionElements[0].firstElementChild.removeAttribute("disabled");
|
|
}
|
|
const filterElement = options.element.querySelector('[data-type="filter"]');
|
|
const fetchNewRound = () => {
|
|
const currentCardType = filterElement.getAttribute("data-cardtype");
|
|
fetchPost(currentCardType === "all" ? "/api/riff/getRiffDueCards" :
|
|
(currentCardType === "doc" ? "/api/riff/getTreeRiffDueCards" : "/api/riff/getNotebookRiffDueCards"), {
|
|
rootID: filterElement.getAttribute("data-id"),
|
|
deckID: filterElement.getAttribute("data-id"),
|
|
notebook: filterElement.getAttribute("data-id"),
|
|
}, (treeCards) => {
|
|
index = 0;
|
|
options.cardsData = treeCards.data;
|
|
options.app.plugins.forEach(item => {
|
|
item.eventBus.emit("update-cards", options);
|
|
});
|
|
if (options.cardsData.cards.length > 0) {
|
|
nextCard({
|
|
countElement,
|
|
editor,
|
|
actionElements,
|
|
index,
|
|
blocks: options.cardsData.cards
|
|
});
|
|
} else {
|
|
allDone(countElement, editor, actionElements);
|
|
}
|
|
});
|
|
};
|
|
|
|
options.element.addEventListener("click", (event: MouseEvent) => {
|
|
const target = event.target as HTMLElement;
|
|
let type = "";
|
|
if (typeof event.detail === "string") {
|
|
if (event.detail === "1" || event.detail === "j") {
|
|
type = "1";
|
|
} else if (event.detail === "2" || event.detail === "k") {
|
|
type = "2";
|
|
} else if (event.detail === "3" || event.detail === "l") {
|
|
type = "3";
|
|
} else if (event.detail === "4" || event.detail === ";") {
|
|
type = "4";
|
|
} else if (event.detail === " " || event.detail === "enter") {
|
|
type = "-1";
|
|
} else if (event.detail === "p") {
|
|
type = "-2";
|
|
} else if (event.detail === "0") {
|
|
type = "-3";
|
|
}
|
|
} else {
|
|
const fullscreenElement = hasClosestByAttribute(target, "data-type", "fullscreen");
|
|
if (fullscreenElement) {
|
|
fullscreen(options.element.querySelector(".card__main"),
|
|
options.element.querySelector('[data-type="fullscreen"]'));
|
|
resize(editor.protyle);
|
|
window.siyuan.storage[Constants.LOCAL_FLASHCARD].fullscreen = !window.siyuan.storage[Constants.LOCAL_FLASHCARD].fullscreen;
|
|
setStorageVal(Constants.LOCAL_FLASHCARD, window.siyuan.storage[Constants.LOCAL_FLASHCARD]);
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
/// #if !MOBILE
|
|
const sticktabElement = hasClosestByAttribute(target, "data-type", "sticktab");
|
|
if (sticktabElement) {
|
|
openFile({
|
|
app: options.app,
|
|
position: "right",
|
|
custom: {
|
|
icon: "iconRiffCard",
|
|
title: window.siyuan.languages.spaceRepetition,
|
|
data: {
|
|
cardsData: options.cardsData,
|
|
index,
|
|
cardType: filterElement.getAttribute("data-cardtype") as TCardType,
|
|
id: filterElement.getAttribute("data-id"),
|
|
title: options.title
|
|
},
|
|
id: "siyuan-card"
|
|
},
|
|
});
|
|
if (options.dialog) {
|
|
options.dialog.destroy();
|
|
}
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
/// #endif
|
|
const closeElement = hasClosestByAttribute(target, "data-type", "close");
|
|
if (closeElement) {
|
|
if (options.dialog) {
|
|
options.dialog.destroy();
|
|
}
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
const filterTempElement = hasClosestByAttribute(target, "data-type", "filter");
|
|
if (filterTempElement) {
|
|
fetchPost("/api/riff/getRiffDecks", {}, (response) => {
|
|
window.siyuan.menus.menu.remove();
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
iconHTML: Constants.ZWSP,
|
|
label: window.siyuan.languages.all,
|
|
click() {
|
|
filterElement.setAttribute("data-id", "");
|
|
filterElement.setAttribute("data-cardtype", "all");
|
|
fetchNewRound();
|
|
},
|
|
}).element);
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
iconHTML: Constants.ZWSP,
|
|
label: window.siyuan.languages.fileTree,
|
|
click() {
|
|
movePathTo((toPath, toNotebook) => {
|
|
filterElement.setAttribute("data-id", toPath[0] === "/" ? toNotebook[0] : getDisplayName(toPath[0], true, true));
|
|
filterElement.setAttribute("data-cardtype", toPath[0] === "/" ? "notebook" : "doc");
|
|
fetchNewRound();
|
|
}, [], undefined, window.siyuan.languages.specifyPath, true);
|
|
}
|
|
}).element);
|
|
if (options.title || response.data.length > 0) {
|
|
window.siyuan.menus.menu.append(new MenuItem({type: "separator"}).element);
|
|
}
|
|
if (options.title) {
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
iconHTML: Constants.ZWSP,
|
|
label: escapeHtml(options.title),
|
|
click() {
|
|
filterElement.setAttribute("data-id", options.id);
|
|
filterElement.setAttribute("data-cardtype", options.cardType);
|
|
fetchNewRound();
|
|
},
|
|
}).element);
|
|
window.siyuan.menus.menu.append(new MenuItem({type: "separator"}).element);
|
|
}
|
|
response.data.forEach((deck: { id: string, name: string }) => {
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
iconHTML: Constants.ZWSP,
|
|
label: escapeHtml(deck.name),
|
|
click() {
|
|
filterElement.setAttribute("data-id", deck.id);
|
|
filterElement.setAttribute("data-cardtype", "all");
|
|
fetchNewRound();
|
|
},
|
|
}).element);
|
|
});
|
|
const filterRect = filterTempElement.getBoundingClientRect();
|
|
window.siyuan.menus.menu.popup({x: filterRect.left, y: filterRect.bottom});
|
|
});
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
|
|
const newroundElement = hasClosestByAttribute(target, "data-type", "newround");
|
|
if (newroundElement) {
|
|
fetchNewRound();
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
}
|
|
if (!type) {
|
|
const buttonElement = hasClosestByClassName(target, "b3-button");
|
|
if (buttonElement) {
|
|
type = buttonElement.getAttribute("data-type");
|
|
}
|
|
}
|
|
if (!type || !options.cardsData.cards[index]) {
|
|
return;
|
|
}
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
hideElements(["toolbar", "hint", "util", "gutter"], editor.protyle);
|
|
if (type === "-1") { // 显示答案
|
|
if (actionElements[0].classList.contains("fn__none")) {
|
|
type = "3";
|
|
} else {
|
|
editor.protyle.element.classList.remove("card__block--hidemark", "card__block--hideli", "card__block--hidesb", "card__block--hideh");
|
|
actionElements[0].classList.add("fn__none");
|
|
actionElements[1].querySelectorAll(".b3-button").forEach((element, btnIndex) => {
|
|
element.previousElementSibling.textContent = options.cardsData.cards[index].nextDues[btnIndex];
|
|
});
|
|
actionElements[1].classList.remove("fn__none");
|
|
return;
|
|
}
|
|
} else if (type === "-2") { // 上一步
|
|
if (actionElements[0].classList.contains("fn__none")) {
|
|
return;
|
|
}
|
|
if (index > 0) {
|
|
index--;
|
|
nextCard({
|
|
countElement,
|
|
editor,
|
|
actionElements,
|
|
index,
|
|
blocks: options.cardsData.cards
|
|
});
|
|
}
|
|
return;
|
|
}
|
|
if (["1", "2", "3", "4", "-3"].includes(type) && actionElements[0].classList.contains("fn__none")) {
|
|
fetchPost(type === "-3" ? "/api/riff/skipReviewRiffCard" : "/api/riff/reviewRiffCard", {
|
|
deckID: options.cardsData.cards[index].deckID,
|
|
cardID: options.cardsData.cards[index].cardID,
|
|
rating: parseInt(type),
|
|
reviewedCards: options.cardsData.cards
|
|
}, () => {
|
|
/// #if MOBILE
|
|
if (type !== "-3" &&
|
|
((0 !== window.siyuan.config.sync.provider && isPaidUser()) ||
|
|
(0 === window.siyuan.config.sync.provider && !needSubscribe(""))) &&
|
|
window.siyuan.config.repo.key && window.siyuan.config.sync.enabled) {
|
|
document.getElementById("toolbarSync").classList.remove("fn__none");
|
|
}
|
|
/// #endif
|
|
index++;
|
|
if (index > options.cardsData.cards.length - 1) {
|
|
const currentCardType = filterElement.getAttribute("data-cardtype");
|
|
fetchPost(currentCardType === "all" ? "/api/riff/getRiffDueCards" :
|
|
(currentCardType === "doc" ? "/api/riff/getTreeRiffDueCards" : "/api/riff/getNotebookRiffDueCards"), {
|
|
rootID: filterElement.getAttribute("data-id"),
|
|
deckID: filterElement.getAttribute("data-id"),
|
|
notebook: filterElement.getAttribute("data-id"),
|
|
reviewedCards: options.cardsData.cards
|
|
}, (result) => {
|
|
index = 0;
|
|
options.cardsData = result.data;
|
|
options.app.plugins.forEach(item => {
|
|
item.eventBus.emit("update-cards", options);
|
|
});
|
|
if (options.cardsData.cards.length === 0) {
|
|
if (options.cardsData.unreviewedCount > 0) {
|
|
newRound(countElement, editor, actionElements, result.data.unreviewedCount);
|
|
} else {
|
|
allDone(countElement, editor, actionElements);
|
|
}
|
|
} else {
|
|
nextCard({
|
|
countElement,
|
|
editor,
|
|
actionElements,
|
|
index,
|
|
blocks: options.cardsData.cards
|
|
});
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
nextCard({
|
|
countElement,
|
|
editor,
|
|
actionElements,
|
|
index,
|
|
blocks: options.cardsData.cards
|
|
});
|
|
});
|
|
}
|
|
});
|
|
return editor;
|
|
};
|
|
|
|
export const openCard = (app: App) => {
|
|
fetchPost("/api/riff/getRiffDueCards", {deckID: ""}, (cardsResponse) => {
|
|
openCardByData(app, cardsResponse.data, "all");
|
|
});
|
|
};
|
|
|
|
export const openCardByData = (app: App, cardsData: {
|
|
cards: ICard[],
|
|
unreviewedCount: number
|
|
unreviewedNewCardCount: number
|
|
unreviewedOldCardCount: number
|
|
}, cardType: TCardType, id?: string, title?: string) => {
|
|
const exit = window.siyuan.dialogs.find(item => {
|
|
if (item.element.getAttribute("data-key") === Constants.DIALOG_OPENCARD) {
|
|
item.destroy();
|
|
return true;
|
|
}
|
|
});
|
|
if (exit) {
|
|
return;
|
|
}
|
|
const dialog = new Dialog({
|
|
positionId: Constants.DIALOG_OPENCARD,
|
|
content: genCardHTML({id, cardType, cardsData, isTab: false}),
|
|
width: isMobile() ? "100vw" : "80vw",
|
|
height: isMobile() ? "100vh" : "70vh",
|
|
destroyCallback() {
|
|
if (editor) {
|
|
editor.destroy();
|
|
if (window.siyuan.mobile) {
|
|
window.siyuan.mobile.popEditor = null;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
(dialog.element.querySelector(".b3-dialog__scrim") as HTMLElement).style.backgroundColor = "var(--b3-theme-background)";
|
|
(dialog.element.querySelector(".b3-dialog__container") as HTMLElement).style.maxWidth = "1024px";
|
|
const editor = bindCardEvent({
|
|
app,
|
|
element: dialog.element,
|
|
cardsData,
|
|
title,
|
|
id,
|
|
cardType,
|
|
dialog
|
|
});
|
|
dialog.editor = editor;
|
|
const focusElement = dialog.element.querySelector('.b3-button[data-type="-1"]') as HTMLButtonElement
|
|
focusElement.focus();
|
|
const range = document.createRange()
|
|
range.selectNodeContents(focusElement)
|
|
focusByRange(range);
|
|
};
|
|
|
|
const nextCard = (options: {
|
|
countElement: Element,
|
|
editor: Protyle,
|
|
actionElements: NodeListOf<Element>,
|
|
index: number,
|
|
blocks: ICard[]
|
|
}) => {
|
|
options.editor.protyle.element.classList.add("card__block--hide");
|
|
if (window.siyuan.config.flashcard.superBlock) {
|
|
options.editor.protyle.element.classList.add("card__block--hidesb");
|
|
}
|
|
if (window.siyuan.config.flashcard.heading) {
|
|
options.editor.protyle.element.classList.add("card__block--hideh");
|
|
}
|
|
if (window.siyuan.config.flashcard.list) {
|
|
options.editor.protyle.element.classList.add("card__block--hideli");
|
|
}
|
|
if (window.siyuan.config.flashcard.mark) {
|
|
options.editor.protyle.element.classList.add("card__block--hidemark");
|
|
}
|
|
options.actionElements[0].classList.remove("fn__none");
|
|
options.actionElements[1].classList.add("fn__none");
|
|
options.editor.protyle.element.classList.remove("fn__none");
|
|
options.editor.protyle.element.nextElementSibling.classList.add("fn__none");
|
|
options.countElement.innerHTML = (options.index + 1).toString();
|
|
options.countElement.parentElement.classList.remove("fn__none");
|
|
if (options.index === 0) {
|
|
options.actionElements[0].firstElementChild.setAttribute("disabled", "disabled");
|
|
} else {
|
|
options.actionElements[0].firstElementChild.removeAttribute("disabled");
|
|
}
|
|
fetchPost("/api/filetree/getDoc", {
|
|
id: options.blocks[options.index].blockID,
|
|
mode: 0,
|
|
size: Constants.SIZE_GET_MAX
|
|
}, (response) => {
|
|
onGet({
|
|
data: response,
|
|
protyle: options.editor.protyle,
|
|
action: response.data.rootID === response.data.id ? [Constants.CB_GET_HTML] : [Constants.CB_GET_ALL, Constants.CB_GET_HTML],
|
|
});
|
|
});
|
|
};
|
|
|
|
const allDone = (countElement: Element, editor: Protyle, actionElements: NodeListOf<Element>) => {
|
|
countElement.parentElement.classList.add("fn__none");
|
|
editor.protyle.element.classList.add("fn__none");
|
|
const emptyElement = editor.protyle.element.nextElementSibling;
|
|
emptyElement.innerHTML = `<div>🔮</div>${window.siyuan.languages.noDueCard}`;
|
|
emptyElement.classList.remove("fn__none");
|
|
actionElements[0].classList.add("fn__none");
|
|
actionElements[1].classList.add("fn__none");
|
|
};
|
|
|
|
const newRound = (countElement: Element, editor: Protyle, actionElements: NodeListOf<Element>, unreviewedCount: number) => {
|
|
countElement.parentElement.classList.add("fn__none");
|
|
editor.protyle.element.classList.add("fn__none");
|
|
const emptyElement = editor.protyle.element.nextElementSibling;
|
|
emptyElement.innerHTML = `<div>♻️ </div>
|
|
<span>${window.siyuan.languages.continueReview2.replace("${count}", unreviewedCount)}</span>
|
|
<div class="fn__hr"></div>
|
|
<button data-type="newround" class="b3-button fn__size200">${window.siyuan.languages.continueReview1}</button>`;
|
|
emptyElement.classList.remove("fn__none");
|
|
actionElements[0].classList.add("fn__none");
|
|
actionElements[1].classList.add("fn__none");
|
|
};
|