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

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

Browse Source
This commit is contained in:
Vanessa 2022-08-31 13:18:37 +08:00
parent f9502f38ee
commit c8bc6f3013
1 changed files with 34 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/src/util/history.ts
View File

@ -24,16 +24,19 @@ const renderDoc = (element: HTMLElement, currentPage: number) => {
const typeElement = element.querySelector('.b3-select[data-type="typeselect"]') as HTMLSelectElement; const typeElement = element.querySelector('.b3-select[data-type="typeselect"]') as HTMLSelectElement;
const notebookElement = element.querySelector('.b3-select[data-type="notebookselect"]') as HTMLSelectElement; const notebookElement = element.querySelector('.b3-select[data-type="notebookselect"]') as HTMLSelectElement;
window.localStorage.setItem(Constants.LOCAL_HISTORYNOTEID, notebookElement.value); window.localStorage.setItem(Constants.LOCAL_HISTORYNOTEID, notebookElement.value);
const docElement = element.querySelector('.history__text[data-type="docPanel"]');
const assetElement = element.querySelector('.history__text[data-type="assetPanel"]');
const mdElement = element.querySelector('.history__text[data-type="mdPanel"]') as HTMLTextAreaElement;
docElement.classList.add("fn__none");
mdElement.classList.add("fn__none");
if (typeElement.value === "0") { if (typeElement.value === "0") {
opElement.removeAttribute("disabled") opElement.removeAttribute("disabled")
notebookElement.removeAttribute("disabled") notebookElement.removeAttribute("disabled")
element.lastElementChild.lastElementChild.previousElementSibling.classList.add("fn__none"); assetElement.classList.add("fn__none");
element.lastElementChild.lastElementChild.classList.remove("fn__none");
} else { } else {
opElement.setAttribute("disabled", "disabled") opElement.setAttribute("disabled", "disabled")
notebookElement.setAttribute("disabled", "disabled") notebookElement.setAttribute("disabled", "disabled")
element.lastElementChild.lastElementChild.previousElementSibling.classList.remove("fn__none"); assetElement.classList.remove("fn__none");
element.lastElementChild.lastElementChild.classList.add("fn__none");
} }
fetchPost("/api/history/searchHistory", { fetchPost("/api/history/searchHistory", {
notebook: notebookElement.value, notebook: notebookElement.value,
@ -73,13 +76,21 @@ const renderDoc = (element: HTMLElement, currentPage: number) => {
logsHTML += "</ul>"; logsHTML += "</ul>";
if (index === 0) { if (index === 0) {
if (typeElement.value === "1") { if (typeElement.value === "1") {
element.lastElementChild.lastElementChild.previousElementSibling.innerHTML = renderAssetsPreview(item.items[0].path); assetElement.innerHTML = renderAssetsPreview(item.items[0].path);
} else { } else {
fetchPost("/api/history/getDocHistoryContent", { fetchPost("/api/history/getDocHistoryContent", {
historyPath: item.items[0].path, historyPath: item.items[0].path,
k: inputElement.value k: inputElement.value
}, (contentResponse) => { }, (contentResponse) => {
if (contentResponse.data.isLargeDoc) {
mdElement.value = contentResponse.data.content;
mdElement.classList.remove("fn__none")
docElement.classList.add("fn__none")
} else {
mdElement.classList.add("fn__none")
docElement.classList.remove("fn__none")
onGet(contentResponse, historyEditor.protyle, [Constants.CB_GET_HISTORY, Constants.CB_GET_HTML]); onGet(contentResponse, historyEditor.protyle, [Constants.CB_GET_HISTORY, Constants.CB_GET_HTML]);
}
}); });
} }
} }
@ -271,8 +282,9 @@ export const openHistory = () => {
<ul style="width:200px;overflow: auto;" class="b3-list b3-list--background"> <ul style="width:200px;overflow: auto;" class="b3-list b3-list--background">
<li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li> <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
</ul> </ul>
<div class="fn__flex-1 history__text"></div> <div class="fn__flex-1 history__text fn__none" data-type="assetPanel"></div>
<div class="fn__flex-1 history__text"></div> <textarea class="fn__flex-1 history__text fn__none" data-type="mdPanel"></textarea>
<div class="fn__flex-1 history__text fn__none" data-type="docPanel"></div>
</div> </div>
</div> </div>
<ul data-type="notebook" style="background-color: var(--b3-theme-background);border-radius: 0 0 4px 4px" class="fn__none b3-list b3-list--background"> <ul data-type="notebook" style="background-color: var(--b3-theme-background);border-radius: 0 0 4px 4px" class="fn__none b3-list b3-list--background">
@ -319,8 +331,11 @@ export const openHistory = () => {
firstPanelElement.querySelector(".b3-text-field").addEventListener("compositionend", () => { firstPanelElement.querySelector(".b3-text-field").addEventListener("compositionend", () => {
renderDoc(firstPanelElement, 1); renderDoc(firstPanelElement, 1);
}); });
const docElement = firstPanelElement.querySelector('.history__text[data-type="docPanel"]') as HTMLElement;
const assetElement = firstPanelElement.querySelector('.history__text[data-type="assetPanel"]');
const mdElement = firstPanelElement.querySelector('.history__text[data-type="mdPanel"]') as HTMLTextAreaElement;
renderDoc(firstPanelElement, 1); renderDoc(firstPanelElement, 1);
historyEditor = new Protyle(firstPanelElement.lastElementChild.lastElementChild as HTMLElement, { historyEditor = new Protyle(docElement, {
blockId: "", blockId: "",
action: [Constants.CB_GET_HISTORY], action: [Constants.CB_GET_HISTORY],
render: { render: {
@ -400,13 +415,21 @@ export const openHistory = () => {
} else if (target.classList.contains("b3-list-item") && (type === "assets" || type === "doc")) { } else if (target.classList.contains("b3-list-item") && (type === "assets" || type === "doc")) {
const dataPath = target.getAttribute("data-path"); const dataPath = target.getAttribute("data-path");
if (type === "assets") { if (type === "assets") {
firstPanelElement.lastElementChild.lastElementChild.previousElementSibling.innerHTML = renderAssetsPreview(dataPath); assetElement.innerHTML = renderAssetsPreview(dataPath);
} else if (type === "doc") { } else if (type === "doc") {
fetchPost("/api/history/getDocHistoryContent", { fetchPost("/api/history/getDocHistoryContent", {
historyPath: dataPath, historyPath: dataPath,
k: (firstPanelElement.querySelector(".b3-text-field") as HTMLInputElement).value k: (firstPanelElement.querySelector(".b3-text-field") as HTMLInputElement).value
}, (response) => { }, (response) => {
if (response.data.isLargeDoc) {
mdElement.value = response.data.content;
mdElement.classList.remove("fn__none")
docElement.classList.add("fn__none")
} else {
mdElement.classList.add("fn__none")
docElement.classList.remove("fn__none")
onGet(response, historyEditor.protyle, [Constants.CB_GET_HISTORY, Constants.CB_GET_HTML]); onGet(response, historyEditor.protyle, [Constants.CB_GET_HISTORY, Constants.CB_GET_HTML]);
}
}); });
} }
let currentItem = hasClosestByClassName(target, "b3-list") as HTMLElement; let currentItem = hasClosestByClassName(target, "b3-list") as HTMLElement;