mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-22 17:40:13 +01:00
This commit is contained in:
Vanessa
parent
23f2660aa8
commit
36f82cc030
1 changed files with 362 additions and 318 deletions
|
|
@ -194,324 +194,7 @@ ${accountHTML}
|
|||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "menuAbout") {
|
||||
closePanel();
|
||||
if (!window.siyuan.config.localIPs || window.siyuan.config.localIPs.length === 0 ||
|
||||
(window.siyuan.config.localIPs.length === 1 && window.siyuan.config.localIPs[0] === "")) {
|
||||
window.siyuan.config.localIPs = ["127.0.0.1"];
|
||||
}
|
||||
modelElement.style.top = "0";
|
||||
modelElement.querySelector(".toolbar__icon").innerHTML = '<use xlink:href="#iconInfo"></use>';
|
||||
modelElement.querySelector(".toolbar__text").textContent = window.siyuan.languages.about;
|
||||
modelMainElement.innerHTML = `<div class="b3-label fn__flex">
|
||||
<div class="fn__flex-1">
|
||||
${window.siyuan.languages.about11}
|
||||
<div class="b3-label__text">${window.siyuan.languages.about12}</div>
|
||||
</div>
|
||||
<div class="fn__space"></div>
|
||||
<input class="b3-switch fn__flex-center" id="networkServe" type="checkbox"${window.siyuan.config.system.networkServe ? " checked" : ""}>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about2}
|
||||
<div class="fn__hr"></div>
|
||||
<input class="b3-text-field fn__block" readonly value="http://${window.siyuan.config.system.networkServe ? window.siyuan.config.localIPs[0] : "127.0.0.1"}:${location.port}">
|
||||
<div class="b3-label__text">${window.siyuan.languages.about3.replace("${port}", location.port)}</div>
|
||||
<div class="fn__hr"></div>
|
||||
<span class="b3-label__text"><code class="fn__code">${window.siyuan.config.localIPs.join("</code> <code class='fn__code'>")}</code></span>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about5}
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="authCode">
|
||||
<svg><use xlink:href="#iconLock"></use></svg>${window.siyuan.languages.config}
|
||||
</button>
|
||||
<div class="b3-label__text">${window.siyuan.languages.about6}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.dataRepoKey}
|
||||
<div class="fn__hr"></div>
|
||||
<div class="${window.siyuan.config.repo.key ? "fn__none" : ""}">
|
||||
<button class="b3-button b3-button--outline fn__block" id="importKey">
|
||||
<svg><use xlink:href="#iconDownload"></use></svg>${window.siyuan.languages.importKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="initKey">
|
||||
<svg><use xlink:href="#iconLock"></use></svg>${window.siyuan.languages.genKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="initKeyByPW">
|
||||
${window.siyuan.languages.genKeyByPW}
|
||||
</button>
|
||||
</div>
|
||||
<div class="${window.siyuan.config.repo.key ? "" : "fn__none"}">
|
||||
<button class="b3-button b3-button--outline fn__block" id="copyKey">
|
||||
<svg><use xlink:href="#iconCopy"></use></svg>${window.siyuan.languages.copyKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="removeKey">
|
||||
<svg><use xlink:href="#iconTrashcan"></use></svg>${window.siyuan.languages.resetRepo}
|
||||
</button>
|
||||
</div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.dataRepoKeyTip1}</div>
|
||||
<div class="b3-label__text ft__error">${window.siyuan.languages.dataRepoKeyTip2}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about13}
|
||||
<span class="b3-label__text">${window.siyuan.config.api.token}</span>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="token">
|
||||
<svg><use xlink:href="#iconCopy"></use></svg>${window.siyuan.languages.copy}
|
||||
</button>
|
||||
<div class="b3-label__text">${window.siyuan.languages.about14}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="fn__flex">
|
||||
${window.siyuan.languages.export}
|
||||
</div>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="exportData">
|
||||
<svg><use xlink:href="#iconUpload"></use></svg>Data
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.exportDataTip}</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="exportLog">
|
||||
<svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.systemLog}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.systemLogTip}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="fn__flex">
|
||||
${window.siyuan.languages.import}
|
||||
</div>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" style="position: relative">
|
||||
<input id="importData" class="b3-form__upload" type="file">
|
||||
<svg><use xlink:href="#iconDownload"></use></svg> ${window.siyuan.languages.import} Data
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.importDataTip}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.workspaceList}
|
||||
<div class="fn__hr"></div>
|
||||
<ul id="workspaceDir" class="b3-list b3-list--background"></ul>
|
||||
<div class="fn__hr"></div>
|
||||
<button id="creatWorkspace" class="b3-button fn__block">${window.siyuan.languages.new}</button>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="config-about__logo">
|
||||
<img src="/stage/icon.png">
|
||||
<span class="fn__space"></span>
|
||||
<div>
|
||||
<span>${window.siyuan.languages.siyuanNote}</span>
|
||||
<span class="fn__space"></span>
|
||||
<span class="ft__on-surface">v${Constants.SIYUAN_VERSION}</span>
|
||||
<br>
|
||||
<span class="ft__on-surface">${window.siyuan.languages.slogan}</span>
|
||||
</div>
|
||||
<span class="fn__flex-1"></span>
|
||||
<a class="fn__flex" href="${"zh_CN" === window.siyuan.config.lang ? "https://ld246.com/article/1649901726096" : "https://github.com/siyuan-note/siyuan/issues"}" target="_blank">
|
||||
<svg class="fn__flex-center svg"><use xlink:href="#iconHeart"></use></svg>
|
||||
<span class="fn__space"></span>
|
||||
${window.siyuan.languages.feedback}
|
||||
</a>
|
||||
</div>
|
||||
<div style="color:var(--b3-theme-surface);font-family: cursive;">会泽百家 至公天下</div>
|
||||
${window.siyuan.languages.about1}
|
||||
</div>`;
|
||||
const workspaceDirElement = modelMainElement.querySelector("#workspaceDir");
|
||||
genWorkspace(workspaceDirElement);
|
||||
const importKeyElement = modelMainElement.querySelector("#importKey");
|
||||
modelMainElement.addEventListener("click", (event) => {
|
||||
let target = event.target as HTMLElement;
|
||||
while (target && !target.isSameNode(modelMainElement)) {
|
||||
if (target.id === "authCode") {
|
||||
setAccessAuthCode();
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "importKey") {
|
||||
const passwordDialog = new Dialog({
|
||||
title: "🔑 " + window.siyuan.languages.key,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<textarea class="b3-text-field fn__block" placeholder="${window.siyuan.languages.keyPlaceholder}"></textarea>
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const textAreaElement = passwordDialog.element.querySelector("textarea");
|
||||
textAreaElement.focus();
|
||||
const btnsElement = passwordDialog.element.querySelectorAll(".b3-button");
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
passwordDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
fetchPost("/api/repo/importRepoKey", {key: textAreaElement.value}, () => {
|
||||
window.siyuan.config.repo.key = textAreaElement.value;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
passwordDialog.destroy();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "initKey") {
|
||||
confirmDialog("🔑 " + window.siyuan.languages.genKey, window.siyuan.languages.initRepoKeyTip, () => {
|
||||
fetchPost("/api/repo/initRepoKey", {}, (response) => {
|
||||
window.siyuan.config.repo.key = response.data.key;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "initKeyByPW") {
|
||||
const initDialog = new Dialog({
|
||||
title: "🔑 " + window.siyuan.languages.genKeyByPW,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<input class="b3-text-field fn__block" placeholder="${window.siyuan.languages.password}">
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const inputElement = initDialog.element.querySelector(".b3-text-field") as HTMLInputElement;
|
||||
inputElement.focus();
|
||||
const btnsElement = initDialog.element.querySelectorAll(".b3-button");
|
||||
initDialog.bindInput(inputElement, () => {
|
||||
(btnsElement[1] as HTMLButtonElement).click();
|
||||
});
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
initDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
if (!inputElement.value) {
|
||||
showMessage(window.siyuan.languages._kernel[142]);
|
||||
return;
|
||||
}
|
||||
confirmDialog("🔑 " + window.siyuan.languages.genKeyByPW, window.siyuan.languages.initRepoKeyTip, () => {
|
||||
initDialog.destroy();
|
||||
fetchPost("/api/repo/initRepoKeyFromPassphrase", {pass: inputElement.value}, (response) => {
|
||||
window.siyuan.config.repo.key = response.data.key;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
});
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "copyKey") {
|
||||
showMessage(window.siyuan.languages.copied);
|
||||
writeText(window.siyuan.config.repo.key);
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "removeKey") {
|
||||
confirmDialog("⚠️ " + window.siyuan.languages.resetRepo, window.siyuan.languages.resetRepoTip, () => {
|
||||
fetchPost("/api/repo/resetRepo", {}, () => {
|
||||
window.siyuan.config.repo.key = "";
|
||||
window.siyuan.config.sync.enabled = false;
|
||||
processSync();
|
||||
importKeyElement.parentElement.classList.remove("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.add("fn__none");
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "token") {
|
||||
showMessage(window.siyuan.languages.copied);
|
||||
writeText(window.siyuan.config.api.token);
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "exportData") {
|
||||
fetchPost("/api/export/exportData", {}, response => {
|
||||
openByMobile(response.data.zip);
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "exportLog") {
|
||||
fetchPost("/api/system/exportLog", {}, (response) => {
|
||||
openByMobile(response.data.zip);
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "creatWorkspace") {
|
||||
const createWorkspaceDialog = new Dialog({
|
||||
title: window.siyuan.languages.new,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<input class="b3-text-field fn__block">
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const inputElement = createWorkspaceDialog.element.querySelector("input");
|
||||
inputElement.focus();
|
||||
const btnsElement = createWorkspaceDialog.element.querySelectorAll(".b3-button");
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
createWorkspaceDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
fetchPost("/api/system/createWorkspaceDir", {
|
||||
path: pathPosix().join(pathPosix().dirname(window.siyuan.config.system.workspaceDir), inputElement.value)
|
||||
}, () => {
|
||||
genWorkspace(workspaceDirElement);
|
||||
createWorkspaceDialog.destroy();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.getAttribute("data-type") === "remove") {
|
||||
confirmDialog(window.siyuan.languages.remove, window.siyuan.languages.removeWorkspaceTip, () => {
|
||||
fetchPost("/api/system/removeWorkspaceDir", {path: target.parentElement.getAttribute("data-path")}, () => {
|
||||
genWorkspace(workspaceDirElement);
|
||||
});
|
||||
})
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.classList.contains("b3-list-item") && !target.classList.contains("b3-list-item--focus")) {
|
||||
confirmDialog(window.siyuan.languages.confirm, `${pathPosix().basename(window.siyuan.config.system.workspaceDir)} -> ${pathPosix().basename(target.getAttribute("data-path"))}?`, () => {
|
||||
fetchPost("/api/system/setWorkspaceDir", {
|
||||
path: target.getAttribute("data-path")
|
||||
}, () => {
|
||||
exitSiYuan();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
}
|
||||
target = target.parentElement;
|
||||
}
|
||||
});
|
||||
modelMainElement.querySelector("#importData").addEventListener("change", (event: InputEvent & { target: HTMLInputElement }) => {
|
||||
const formData = new FormData();
|
||||
formData.append("file", event.target.files[0]);
|
||||
fetchPost("/api/import/importData", formData);
|
||||
});
|
||||
const networkServeElement = modelMainElement.querySelector("#networkServe") as HTMLInputElement;
|
||||
networkServeElement.addEventListener("change", () => {
|
||||
fetchPost("/api/system/setNetworkServe", {networkServe: networkServeElement.checked}, () => {
|
||||
exitSiYuan();
|
||||
});
|
||||
});
|
||||
initAbout();
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
|
|
@ -699,3 +382,364 @@ ${accountHTML}
|
|||
menuElement.style.right = "0";
|
||||
scrimElement.classList.remove("fn__none");
|
||||
};
|
||||
|
||||
const initAbout = () => {
|
||||
closePanel();
|
||||
if (!window.siyuan.config.localIPs || window.siyuan.config.localIPs.length === 0 ||
|
||||
(window.siyuan.config.localIPs.length === 1 && window.siyuan.config.localIPs[0] === "")) {
|
||||
window.siyuan.config.localIPs = ["127.0.0.1"];
|
||||
}
|
||||
const modelElement = document.getElementById("model");
|
||||
const modelMainElement = document.getElementById("modelMain");
|
||||
|
||||
modelElement.style.top = "0";
|
||||
modelElement.querySelector(".toolbar__icon").innerHTML = '<use xlink:href="#iconInfo"></use>';
|
||||
modelElement.querySelector(".toolbar__text").textContent = window.siyuan.languages.about;
|
||||
modelMainElement.innerHTML = `<div class="b3-label fn__flex">
|
||||
<div class="fn__flex-1">
|
||||
${window.siyuan.languages.about11}
|
||||
<div class="b3-label__text">${window.siyuan.languages.about12}</div>
|
||||
</div>
|
||||
<div class="fn__space"></div>
|
||||
<input class="b3-switch fn__flex-center" id="networkServe" type="checkbox"${window.siyuan.config.system.networkServe ? " checked" : ""}>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about2}
|
||||
<div class="fn__hr"></div>
|
||||
<input class="b3-text-field fn__block" readonly value="http://${window.siyuan.config.system.networkServe ? window.siyuan.config.localIPs[0] : "127.0.0.1"}:${location.port}">
|
||||
<div class="b3-label__text">${window.siyuan.languages.about3.replace("${port}", location.port)}</div>
|
||||
<div class="fn__hr"></div>
|
||||
<span class="b3-label__text"><code class="fn__code">${window.siyuan.config.localIPs.join("</code> <code class='fn__code'>")}</code></span>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about5}
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="authCode">
|
||||
<svg><use xlink:href="#iconLock"></use></svg>${window.siyuan.languages.config}
|
||||
</button>
|
||||
<div class="b3-label__text">${window.siyuan.languages.about6}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.dataRepoKey}
|
||||
<div class="fn__hr"></div>
|
||||
<div class="${window.siyuan.config.repo.key ? "fn__none" : ""}">
|
||||
<button class="b3-button b3-button--outline fn__block" id="importKey">
|
||||
<svg><use xlink:href="#iconDownload"></use></svg>${window.siyuan.languages.importKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="initKey">
|
||||
<svg><use xlink:href="#iconLock"></use></svg>${window.siyuan.languages.genKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="initKeyByPW">
|
||||
${window.siyuan.languages.genKeyByPW}
|
||||
</button>
|
||||
</div>
|
||||
<div class="${window.siyuan.config.repo.key ? "" : "fn__none"}">
|
||||
<button class="b3-button b3-button--outline fn__block" id="copyKey">
|
||||
<svg><use xlink:href="#iconCopy"></use></svg>${window.siyuan.languages.copyKey}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="removeKey">
|
||||
<svg><use xlink:href="#iconTrashcan"></use></svg>${window.siyuan.languages.resetRepo}
|
||||
</button>
|
||||
</div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.dataRepoKeyTip1}</div>
|
||||
<div class="b3-label__text ft__error">${window.siyuan.languages.dataRepoKeyTip2}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.about13}
|
||||
<span class="b3-label__text">${window.siyuan.config.api.token}</span>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="token">
|
||||
<svg><use xlink:href="#iconCopy"></use></svg>${window.siyuan.languages.copy}
|
||||
</button>
|
||||
<div class="b3-label__text">${window.siyuan.languages.about14}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="fn__flex">
|
||||
${window.siyuan.languages.export}
|
||||
</div>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="exportData">
|
||||
<svg><use xlink:href="#iconUpload"></use></svg>Data
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.exportDataTip}</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" id="exportLog">
|
||||
<svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.systemLog}
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.systemLogTip}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="fn__flex">
|
||||
${window.siyuan.languages.import}
|
||||
</div>
|
||||
<div class="fn__hr"></div>
|
||||
<button class="b3-button b3-button--outline fn__block" style="position: relative">
|
||||
<input id="importData" class="b3-form__upload" type="file">
|
||||
<svg><use xlink:href="#iconDownload"></use></svg> ${window.siyuan.languages.import} Data
|
||||
</button>
|
||||
<div class="fn__hr"></div>
|
||||
<div class="b3-label__text">${window.siyuan.languages.importDataTip}</div>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
${window.siyuan.languages.workspaceList}
|
||||
<div class="fn__hr"></div>
|
||||
<button id="openWorkspace" class="b3-button b3-button--outline fn__block">${window.siyuan.languages.openBy}...</button>
|
||||
<div class="fn__hr"></div>
|
||||
<ul id="workspaceDir" class="b3-list b3-list--background"></ul>
|
||||
<div class="fn__hr"></div>
|
||||
<button id="creatWorkspace" class="b3-button fn__block">${window.siyuan.languages.new}</button>
|
||||
</div>
|
||||
<div class="b3-label">
|
||||
<div class="config-about__logo">
|
||||
<img src="/stage/icon.png">
|
||||
<span class="fn__space"></span>
|
||||
<div>
|
||||
<span>${window.siyuan.languages.siyuanNote}</span>
|
||||
<span class="fn__space"></span>
|
||||
<span class="ft__on-surface">v${Constants.SIYUAN_VERSION}</span>
|
||||
<br>
|
||||
<span class="ft__on-surface">${window.siyuan.languages.slogan}</span>
|
||||
</div>
|
||||
<span class="fn__flex-1"></span>
|
||||
<a class="fn__flex" href="${"zh_CN" === window.siyuan.config.lang ? "https://ld246.com/article/1649901726096" : "https://github.com/siyuan-note/siyuan/issues"}" target="_blank">
|
||||
<svg class="fn__flex-center svg"><use xlink:href="#iconHeart"></use></svg>
|
||||
<span class="fn__space"></span>
|
||||
${window.siyuan.languages.feedback}
|
||||
</a>
|
||||
</div>
|
||||
<div style="color:var(--b3-theme-surface);font-family: cursive;">会泽百家 至公天下</div>
|
||||
${window.siyuan.languages.about1}
|
||||
</div>`;
|
||||
const workspaceDirElement = modelMainElement.querySelector("#workspaceDir");
|
||||
genWorkspace(workspaceDirElement);
|
||||
const importKeyElement = modelMainElement.querySelector("#importKey");
|
||||
modelMainElement.addEventListener("click", (event) => {
|
||||
let target = event.target as HTMLElement;
|
||||
while (target && !target.isSameNode(modelMainElement)) {
|
||||
if (target.id === "authCode") {
|
||||
setAccessAuthCode();
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "importKey") {
|
||||
const passwordDialog = new Dialog({
|
||||
title: "🔑 " + window.siyuan.languages.key,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<textarea class="b3-text-field fn__block" placeholder="${window.siyuan.languages.keyPlaceholder}"></textarea>
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const textAreaElement = passwordDialog.element.querySelector("textarea");
|
||||
textAreaElement.focus();
|
||||
const btnsElement = passwordDialog.element.querySelectorAll(".b3-button");
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
passwordDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
fetchPost("/api/repo/importRepoKey", {key: textAreaElement.value}, () => {
|
||||
window.siyuan.config.repo.key = textAreaElement.value;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
passwordDialog.destroy();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "initKey") {
|
||||
confirmDialog("🔑 " + window.siyuan.languages.genKey, window.siyuan.languages.initRepoKeyTip, () => {
|
||||
fetchPost("/api/repo/initRepoKey", {}, (response) => {
|
||||
window.siyuan.config.repo.key = response.data.key;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "initKeyByPW") {
|
||||
const initDialog = new Dialog({
|
||||
title: "🔑 " + window.siyuan.languages.genKeyByPW,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<input class="b3-text-field fn__block" placeholder="${window.siyuan.languages.password}">
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const inputElement = initDialog.element.querySelector(".b3-text-field") as HTMLInputElement;
|
||||
inputElement.focus();
|
||||
const btnsElement = initDialog.element.querySelectorAll(".b3-button");
|
||||
initDialog.bindInput(inputElement, () => {
|
||||
(btnsElement[1] as HTMLButtonElement).click();
|
||||
});
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
initDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
if (!inputElement.value) {
|
||||
showMessage(window.siyuan.languages._kernel[142]);
|
||||
return;
|
||||
}
|
||||
confirmDialog("🔑 " + window.siyuan.languages.genKeyByPW, window.siyuan.languages.initRepoKeyTip, () => {
|
||||
initDialog.destroy();
|
||||
fetchPost("/api/repo/initRepoKeyFromPassphrase", {pass: inputElement.value}, (response) => {
|
||||
window.siyuan.config.repo.key = response.data.key;
|
||||
importKeyElement.parentElement.classList.add("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.remove("fn__none");
|
||||
});
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "copyKey") {
|
||||
showMessage(window.siyuan.languages.copied);
|
||||
writeText(window.siyuan.config.repo.key);
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "removeKey") {
|
||||
confirmDialog("⚠️ " + window.siyuan.languages.resetRepo, window.siyuan.languages.resetRepoTip, () => {
|
||||
fetchPost("/api/repo/resetRepo", {}, () => {
|
||||
window.siyuan.config.repo.key = "";
|
||||
window.siyuan.config.sync.enabled = false;
|
||||
processSync();
|
||||
importKeyElement.parentElement.classList.remove("fn__none");
|
||||
importKeyElement.parentElement.nextElementSibling.classList.add("fn__none");
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "token") {
|
||||
showMessage(window.siyuan.languages.copied);
|
||||
writeText(window.siyuan.config.api.token);
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "exportData") {
|
||||
fetchPost("/api/export/exportData", {}, response => {
|
||||
openByMobile(response.data.zip);
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "exportLog") {
|
||||
fetchPost("/api/system/exportLog", {}, (response) => {
|
||||
openByMobile(response.data.zip);
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "openWorkspace") {
|
||||
fetchPost("/api/system/getMobileWorkspaces", {}, (response) => {
|
||||
let selectHTML = ""
|
||||
response.data.forEach((item: string, index:number) => {
|
||||
selectHTML += `<option value="${item}" selected="selected">${item}</option>`
|
||||
})
|
||||
const openWorkspaceDialog = new Dialog({
|
||||
title: window.siyuan.languages.openBy,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<select class="b3-text-field fn__block">${selectHTML}</select>
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const btnsElement = openWorkspaceDialog.element.querySelectorAll(".b3-button");
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
openWorkspaceDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
const openName = openWorkspaceDialog.element.querySelector("select").value;
|
||||
confirmDialog(window.siyuan.languages.confirm, `${pathPosix().basename(window.siyuan.config.system.workspaceDir)} -> ${openName}?`, () => {
|
||||
fetchPost("/api/system/setWorkspaceDir", {
|
||||
path: target.getAttribute("data-path")
|
||||
}, () => {
|
||||
exitSiYuan();
|
||||
});
|
||||
});
|
||||
});
|
||||
})
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.id === "creatWorkspace") {
|
||||
const createWorkspaceDialog = new Dialog({
|
||||
title: window.siyuan.languages.new,
|
||||
content: `<div class="b3-dialog__content">
|
||||
<input class="b3-text-field fn__block">
|
||||
</div>
|
||||
<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>`,
|
||||
width: "80vw",
|
||||
});
|
||||
const inputElement = createWorkspaceDialog.element.querySelector("input");
|
||||
inputElement.focus();
|
||||
const btnsElement = createWorkspaceDialog.element.querySelectorAll(".b3-button");
|
||||
btnsElement[0].addEventListener("click", () => {
|
||||
createWorkspaceDialog.destroy();
|
||||
});
|
||||
btnsElement[1].addEventListener("click", () => {
|
||||
fetchPost("/api/system/createWorkspaceDir", {
|
||||
path: pathPosix().join(pathPosix().dirname(window.siyuan.config.system.workspaceDir), inputElement.value)
|
||||
}, () => {
|
||||
genWorkspace(workspaceDirElement);
|
||||
createWorkspaceDialog.destroy();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.getAttribute("data-type") === "remove") {
|
||||
fetchPost("/api/system/removeWorkspaceDir", {path: target.parentElement.getAttribute("data-path")}, () => {
|
||||
genWorkspace(workspaceDirElement);
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
} else if (target.classList.contains("b3-list-item") && !target.classList.contains("b3-list-item--focus")) {
|
||||
confirmDialog(window.siyuan.languages.confirm, `${pathPosix().basename(window.siyuan.config.system.workspaceDir)} -> ${pathPosix().basename(target.getAttribute("data-path"))}?`, () => {
|
||||
fetchPost("/api/system/setWorkspaceDir", {
|
||||
path: target.getAttribute("data-path")
|
||||
}, () => {
|
||||
exitSiYuan();
|
||||
});
|
||||
});
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
}
|
||||
target = target.parentElement;
|
||||
}
|
||||
});
|
||||
modelMainElement.querySelector("#importData").addEventListener("change", (event: InputEvent & {
|
||||
target: HTMLInputElement
|
||||
}) => {
|
||||
const formData = new FormData();
|
||||
formData.append("file", event.target.files[0]);
|
||||
fetchPost("/api/import/importData", formData);
|
||||
});
|
||||
const networkServeElement = modelMainElement.querySelector("#networkServe") as HTMLInputElement;
|
||||
networkServeElement.addEventListener("change", () => {
|
||||
fetchPost("/api/system/setNetworkServe", {networkServe: networkServeElement.checked}, () => {
|
||||
exitSiYuan();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue