mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-22 17:40:13 +01:00
♻️ mobile menu
This commit is contained in:
parent
e49f03e5a9
commit
872a6f43f0
1 changed files with 193 additions and 178 deletions
|
|
@ -149,21 +149,25 @@ ${accountHTML}
|
||||||
<svg class="b3-list-item__graphic"><use xlink:href="#iconQuit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.safeQuit}</span>
|
<svg class="b3-list-item__graphic"><use xlink:href="#iconQuit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.safeQuit}</span>
|
||||||
</div>`;
|
</div>`;
|
||||||
|
|
||||||
document.getElementById("menuSearch").addEventListener(getEventName(), () => {
|
menuElement.addEventListener(getEventName(), (event) => {
|
||||||
|
let target = event.target as HTMLElement;
|
||||||
|
while (target && !target.isEqualNode(menuElement)) {
|
||||||
|
if (target.id === "menuSearch") {
|
||||||
popSearch(modelElement, modelMainElement);
|
popSearch(modelElement, modelMainElement);
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById("menuAppearance").addEventListener(getEventName(), () => {
|
|
||||||
initAppearance(modelElement, modelMainElement);
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById("menuSafeQuit").addEventListener(getEventName(), () => {
|
|
||||||
exitSiYuan();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById("menuAbout").addEventListener(getEventName(), (event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuAppearance") {
|
||||||
|
initAppearance(modelElement, modelMainElement);
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuSafeQuit") {
|
||||||
|
exitSiYuan();
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuAbout") {
|
||||||
closePanel();
|
closePanel();
|
||||||
if (!window.siyuan.config.localIPs || window.siyuan.config.localIPs.length === 0 ||
|
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.length === 1 && window.siyuan.config.localIPs[0] === "")) {
|
||||||
|
|
@ -276,24 +280,32 @@ ${accountHTML}
|
||||||
exitSiYuan();
|
exitSiYuan();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
event.preventDefault();
|
||||||
document.getElementById("menuNewDaily").addEventListener(getEventName(), () => {
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuNewDaily") {
|
||||||
newDailyNote();
|
newDailyNote();
|
||||||
});
|
event.preventDefault();
|
||||||
document.getElementById("menuNewNotebook").addEventListener(getEventName(), () => {
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuNewNotebook") {
|
||||||
newNotebook();
|
newNotebook();
|
||||||
});
|
event.preventDefault();
|
||||||
document.getElementById("menuHelp").addEventListener(getEventName(), () => {
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuHelp") {
|
||||||
mountHelp();
|
mountHelp();
|
||||||
});
|
event.preventDefault();
|
||||||
document.getElementById("menuLock").addEventListener(getEventName(), () => {
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuLock") {
|
||||||
fetchPost("/api/system/logoutAuth", {}, () => {
|
fetchPost("/api/system/logoutAuth", {}, () => {
|
||||||
window.location.href = "/";
|
window.location.href = "/";
|
||||||
});
|
});
|
||||||
});
|
|
||||||
document.getElementById("menuSync").addEventListener(getEventName(), (event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuSync") {
|
||||||
if (!needSubscribe()) {
|
if (!needSubscribe()) {
|
||||||
closePanel();
|
closePanel();
|
||||||
modelElement.style.top = "0";
|
modelElement.style.top = "0";
|
||||||
|
|
@ -303,10 +315,10 @@ ${accountHTML}
|
||||||
repos.element = modelMainElement;
|
repos.element = modelMainElement;
|
||||||
repos.bindEvent();
|
repos.bindEvent();
|
||||||
}
|
}
|
||||||
});
|
|
||||||
document.getElementById("menuSyncNow").addEventListener(getEventName(), (event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuSyncNow") {
|
||||||
if (needSubscribe()) {
|
if (needSubscribe()) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
@ -315,17 +327,17 @@ ${accountHTML}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
fetchPost("/api/sync/performSync", {});
|
fetchPost("/api/sync/performSync", {});
|
||||||
});
|
|
||||||
if (!window.siyuan.config.readonly) {
|
|
||||||
document.getElementById("menuHistory").addEventListener(getEventName(), (event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuHistory" && !window.siyuan.config.readonly) {
|
||||||
openHistory();
|
openHistory();
|
||||||
});
|
|
||||||
}
|
|
||||||
document.getElementById("menuAccount").addEventListener(getEventName(), (event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
break;
|
||||||
|
} else if (target.id === "menuAccount") {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
closePanel();
|
closePanel();
|
||||||
if (document.querySelector("#menuAccount img")) {
|
if (document.querySelector("#menuAccount img")) {
|
||||||
showAccountInfo(modelElement, modelMainElement);
|
showAccountInfo(modelElement, modelMainElement);
|
||||||
|
|
@ -447,8 +459,11 @@ ${accountHTML}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
target = target.parentElement;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
menuElement.style.right = "0";
|
menuElement.style.right = "0";
|
||||||
scrimElement.classList.remove("fn__none");
|
scrimElement.classList.remove("fn__none");
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue