mirror of
https://github.com/siyuan-note/siyuan.git
synced 2026-02-11 09:44:21 +01:00
This commit is contained in:
Vanessa
parent
64360e4d88
commit
79be561669
1 changed files with 157 additions and 124 deletions
|
|
@ -7,6 +7,8 @@ import {confirmDialog} from "../../dialog/confirmDialog";
|
|||
import {showMessage} from "../../dialog/message";
|
||||
import md5 from "blueimp-md5";
|
||||
import {getCloudURL} from "../../config/util/about";
|
||||
import {Dialog} from "../../dialog";
|
||||
import {hideElements} from "../../protyle/ui/hideElements";
|
||||
|
||||
export const showAccountInfo = () => {
|
||||
let userTitlesHTML = "";
|
||||
|
|
@ -26,7 +28,7 @@ export const showAccountInfo = () => {
|
|||
<a href="${getCloudURL("settings/avatar")}" class="config-account__avatar" style="background-image: url(${window.siyuan.user.userAvatarURL})" target="_blank"></a>
|
||||
<h1 class="config-account__name">
|
||||
<a target="_blank" class="fn__a" href="${getCloudURL("member/" + window.siyuan.user.userName)}">${window.siyuan.user.userName}</a>
|
||||
<span class="ft__on-surface ft__smaller">${0 === window.siyuan.config.cloudRegion ? "ld246.com":"liuyun.io"}</span>
|
||||
<span class="ft__on-surface ft__smaller">${0 === window.siyuan.config.cloudRegion ? "ld246.com" : "liuyun.io"}</span>
|
||||
</h1>
|
||||
${userTitlesHTML}
|
||||
</div>
|
||||
|
|
@ -56,15 +58,13 @@ export const showAccountInfo = () => {
|
|||
processSync();
|
||||
});
|
||||
});
|
||||
modelMainElement.querySelector("#deactivateUser").addEventListener(getEventName(), () => {
|
||||
confirmDialog("⚠️ " + window.siyuan.languages.deactivateUser, window.siyuan.languages.deactivateUserTip, () => {
|
||||
fetchPost("/api/account/deactivate", {}, () => {
|
||||
window.siyuan.user = null;
|
||||
closePanel();
|
||||
document.getElementById("menuAccount").innerHTML = `<svg class="b3-menu__icon"><use xlink:href="#iconAccount"></use></svg><span class="b3-menu__label">${window.siyuan.languages.login}</span>`;
|
||||
processSync();
|
||||
});
|
||||
modelMainElement.querySelector("#deactivateUser").addEventListener("click", () => {
|
||||
const dialog = new Dialog({
|
||||
title: "⚠️ " + window.siyuan.languages.deactivateUser,
|
||||
width: "92vw",
|
||||
content: getLoginHTML(true),
|
||||
});
|
||||
bindLoginEvent(dialog.element.querySelector(".b3-dialog__body"), true);
|
||||
});
|
||||
const refreshElement = modelMainElement.querySelector("#refresh");
|
||||
refreshElement.addEventListener("click", () => {
|
||||
|
|
@ -92,11 +92,46 @@ export const showAccountInfo = () => {
|
|||
});
|
||||
};
|
||||
|
||||
export const login = () => {
|
||||
openModel({
|
||||
title: window.siyuan.languages.login,
|
||||
icon: "iconAccount",
|
||||
html: `<div class="b3-form__space" id="form1">
|
||||
const getLoginHTML = (deactivate = false) => {
|
||||
let confirmHTML: string;
|
||||
if (deactivate) {
|
||||
confirmHTML = `<div class="b3-form__img fn__none">
|
||||
<div class="fn__hr--b"></div>
|
||||
<img id="captchaImg" class="fn__pointer" style="top: 17px">
|
||||
<input id="captcha" class="b3-text-field fn__block" placeholder="${window.siyuan.languages.captcha}">
|
||||
</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button id="login" class="b3-button fn__block">${window.siyuan.languages.deactivateUser}</button>`;
|
||||
} else {
|
||||
confirmHTML = `<div class="b3-form__icon">
|
||||
<svg class="b3-form__icon-icon"><use xlink:href="#iconFocus"></use></svg>
|
||||
<select class="b3-select b3-form__icon-input fn__block" id="cloudRegion">
|
||||
<option value="0"${window.siyuan.config.cloudRegion === 0 ? " selected" : ""}>${window.siyuan.languages.cloudRegionChina}</option>
|
||||
<option value="1"${window.siyuan.config.cloudRegion === 1 ? " selected" : ""}>${window.siyuan.languages.cloudRegionNorthAmerica}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="b3-form__img fn__none">
|
||||
<div class="fn__hr--b"></div>
|
||||
<img id="captchaImg" class="fn__pointer" style="top: 17px">
|
||||
<input id="captcha" class="b3-text-field fn__block" placeholder="${window.siyuan.languages.captcha}">
|
||||
</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<label class="ft__smaller ft__on-surface fn__flex">
|
||||
<span class="fn__space"></span>
|
||||
<input type="checkbox" class="b3-switch fn__flex-center" id="agreeLogin">
|
||||
<span class="fn__space"></span>
|
||||
<span>${window.siyuan.languages.accountTip}</span>
|
||||
</label>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button id="login" disabled class="b3-button fn__block">${window.siyuan.languages.login}</button>
|
||||
<div class="fn__hr--b"></div>
|
||||
<div class="ft__center">
|
||||
<a href="${getCloudURL("forget-pwd")}" class="b3-button b3-button--cancel" target="_blank">${window.siyuan.languages.forgetPassword}</a>
|
||||
<span class="fn__space${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}"></span>
|
||||
<a href="${getCloudURL("register")}" class="b3-button b3-button--cancel${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}" target="_blank">${window.siyuan.languages.register}</a>
|
||||
</div>`;
|
||||
}
|
||||
return `<div class="b3-form__space" id="form1">
|
||||
<div class="b3-form__icon">
|
||||
<svg class="b3-form__icon-icon"><use xlink:href="#iconAccount"></use></svg>
|
||||
<input id="userName" class="b3-text-field fn__block b3-form__icon-input" placeholder="${window.siyuan.languages.accountName}">
|
||||
|
|
@ -105,35 +140,9 @@ export const login = () => {
|
|||
<div class="b3-form__icon">
|
||||
<svg class="b3-form__icon-icon"><use xlink:href="#iconLock"></use></svg>
|
||||
<input type="password" id="userPassword" class="b3-text-field b3-form__icon-input fn__block" placeholder="${window.siyuan.languages.password}">
|
||||
</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<div class="b3-form__icon">
|
||||
<svg class="b3-form__icon-icon"><use xlink:href="#iconFocus"></use></svg>
|
||||
<select class="b3-select b3-form__icon-input fn__block" id="cloudRegion">
|
||||
<option value="0"${window.siyuan.config.cloudRegion === 0 ? " selected" : ""}>${window.siyuan.languages.cloudRegionChina}</option>
|
||||
<option value="1"${window.siyuan.config.cloudRegion === 1 ? " selected" : ""}>${window.siyuan.languages.cloudRegionNorthAmerica}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="b3-form__img fn__none">
|
||||
<div class="fn__hr--b"></div>
|
||||
<img id="captchaImg" class="fn__pointer" style="top: 17px">
|
||||
<input id="captcha" class="b3-text-field fn__block" placeholder="${window.siyuan.languages.captcha}">
|
||||
</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<label class="ft__smaller ft__on-surface fn__flex">
|
||||
<span class="fn__space"></span>
|
||||
<input type="checkbox" class="b3-switch fn__flex-center" id="agreeLogin">
|
||||
<span class="fn__space"></span>
|
||||
<span>${window.siyuan.languages.accountTip}</span>
|
||||
</label>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button id="login" disabled class="b3-button fn__block">${window.siyuan.languages.login}</button>
|
||||
<div class="fn__hr--b"></div>
|
||||
<div class="ft__center">
|
||||
<a href="${getCloudURL("forget-pwd")}" class="b3-button b3-button--cancel" target="_blank">${window.siyuan.languages.forgetPassword}</a>
|
||||
<span class="fn__space${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}"></span>
|
||||
<a href="${getCloudURL("register")}" class="b3-button b3-button--cancel${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}" target="_blank">${window.siyuan.languages.register}</a>
|
||||
</div>
|
||||
${confirmHTML}
|
||||
</div>
|
||||
<div class="b3-form__space fn__none" id="form2">
|
||||
<div class="b3-form__icon">
|
||||
|
|
@ -141,93 +150,117 @@ export const login = () => {
|
|||
<input id="twofactorAuthCode" class="b3-text-field fn__block b3-form__icon-input" placeholder="${window.siyuan.languages.twoFactorCaptcha}">
|
||||
</div>
|
||||
<div class="fn__hr--b"></div>
|
||||
<button id="login2" class="b3-button fn__block">${window.siyuan.languages.login}</button>
|
||||
</div>`,
|
||||
bindEvent(modelMainElement: HTMLElement) {
|
||||
const agreeLoginElement = modelMainElement.querySelector("#agreeLogin") as HTMLInputElement;
|
||||
const userNameElement = modelMainElement.querySelector("#userName") as HTMLInputElement;
|
||||
const userPasswordElement = modelMainElement.querySelector("#userPassword") as HTMLInputElement;
|
||||
const captchaImgElement = modelMainElement.querySelector("#captchaImg") as HTMLInputElement;
|
||||
const captchaElement = modelMainElement.querySelector("#captcha") as HTMLInputElement;
|
||||
const twofactorAuthCodeElement = modelMainElement.querySelector("#twofactorAuthCode") as HTMLInputElement;
|
||||
const loginBtnElement = modelMainElement.querySelector("#login") as HTMLButtonElement;
|
||||
const login2BtnElement = modelMainElement.querySelector("#login2") as HTMLButtonElement;
|
||||
userNameElement.focus();
|
||||
let token: string;
|
||||
let needCaptcha: string;
|
||||
agreeLoginElement.addEventListener("click", () => {
|
||||
if (agreeLoginElement.checked) {
|
||||
loginBtnElement.removeAttribute("disabled");
|
||||
} else {
|
||||
loginBtnElement.setAttribute("disabled", "disabled");
|
||||
}
|
||||
<button id="login2" class="b3-button fn__block">${deactivate ? window.siyuan.languages.deactivateUser : window.siyuan.languages.login}</button>
|
||||
</div>`
|
||||
};
|
||||
|
||||
const afterLogin = (response: IWebSocketData, deactive = false) => {
|
||||
if (deactive) {
|
||||
hideElements(["dialog"]);
|
||||
confirmDialog("⚠️ " + window.siyuan.languages.deactivateUser, window.siyuan.languages.deactivateUserTip, () => {
|
||||
fetchPost("/api/account/deactivate", {}, () => {
|
||||
window.siyuan.user = null;
|
||||
closePanel();
|
||||
document.getElementById("menuAccount").innerHTML = `<svg class="b3-menu__icon"><use xlink:href="#iconAccount"></use></svg><span class="b3-menu__label">${window.siyuan.languages.login}</span>`;
|
||||
processSync();
|
||||
});
|
||||
captchaImgElement.addEventListener("click", () => {
|
||||
captchaImgElement.setAttribute("src", `https://ld246.com/captcha/login?needCaptcha=${needCaptcha}&t=${new Date().getTime()}`);
|
||||
});
|
||||
const cloudRegionElement = modelMainElement.querySelector("#cloudRegion") as HTMLSelectElement;
|
||||
cloudRegionElement.addEventListener("change", () => {
|
||||
window.siyuan.config.cloudRegion = parseInt(cloudRegionElement.value);
|
||||
modelMainElement.querySelector("#form1").lastElementChild.innerHTML = `<a href="${getCloudURL("forget-pwd")}" class="b3-button b3-button--cancel" target="_blank">${window.siyuan.languages.forgetPassword}</a>
|
||||
});
|
||||
} else {
|
||||
fetchPost("/api/setting/getCloudUser", {
|
||||
token: response.data.token,
|
||||
}, response => {
|
||||
window.siyuan.user = response.data;
|
||||
closePanel();
|
||||
document.getElementById("menuAccount").innerHTML = `<img class="b3-menu__icon" src="${window.siyuan.user.userAvatarURL}"/>
|
||||
<span class="b3-menu__label">${window.siyuan.user.userName}</span>`;
|
||||
processSync();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const bindLoginEvent = (modelMainElement: HTMLElement, deactive = false) => {
|
||||
const agreeLoginElement = modelMainElement.querySelector("#agreeLogin") as HTMLInputElement;
|
||||
const userNameElement = modelMainElement.querySelector("#userName") as HTMLInputElement;
|
||||
const userPasswordElement = modelMainElement.querySelector("#userPassword") as HTMLInputElement;
|
||||
const captchaImgElement = modelMainElement.querySelector("#captchaImg") as HTMLInputElement;
|
||||
const captchaElement = modelMainElement.querySelector("#captcha") as HTMLInputElement;
|
||||
const twofactorAuthCodeElement = modelMainElement.querySelector("#twofactorAuthCode") as HTMLInputElement;
|
||||
const loginBtnElement = modelMainElement.querySelector("#login") as HTMLButtonElement;
|
||||
const login2BtnElement = modelMainElement.querySelector("#login2") as HTMLButtonElement;
|
||||
userNameElement.focus();
|
||||
let token: string;
|
||||
let needCaptcha: string;
|
||||
if (agreeLoginElement) {
|
||||
agreeLoginElement.addEventListener("click", () => {
|
||||
if (agreeLoginElement.checked) {
|
||||
loginBtnElement.removeAttribute("disabled");
|
||||
} else {
|
||||
loginBtnElement.setAttribute("disabled", "disabled");
|
||||
}
|
||||
});
|
||||
}
|
||||
captchaImgElement.addEventListener("click", () => {
|
||||
captchaImgElement.setAttribute("src", `https://ld246.com/captcha/login?needCaptcha=${needCaptcha}&t=${new Date().getTime()}`);
|
||||
});
|
||||
|
||||
const cloudRegionElement = modelMainElement.querySelector("#cloudRegion") as HTMLSelectElement;
|
||||
if (cloudRegionElement) {
|
||||
cloudRegionElement.addEventListener("change", () => {
|
||||
window.siyuan.config.cloudRegion = parseInt(cloudRegionElement.value);
|
||||
modelMainElement.querySelector("#form1").lastElementChild.innerHTML = `<a href="${getCloudURL("forget-pwd")}" class="b3-button b3-button--cancel" target="_blank">${window.siyuan.languages.forgetPassword}</a>
|
||||
<span class="fn__space${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}"></span>
|
||||
<a href="${getCloudURL("register")}" class="b3-button b3-button--cancel${window.siyuan.config.system.container === "ios" ? " fn__none" : ""}" target="_blank">${window.siyuan.languages.register}</a>`;
|
||||
});
|
||||
loginBtnElement.addEventListener("click", () => {
|
||||
fetchPost("/api/account/login", {
|
||||
userName: userNameElement.value.replace(/(^\s*)|(\s*$)/g, ""),
|
||||
userPassword: md5(userPasswordElement.value),
|
||||
captcha: captchaElement.value.replace(/(^\s*)|(\s*$)/g, ""),
|
||||
cloudRegion: window.siyuan.config.cloudRegion
|
||||
}, (data) => {
|
||||
if (data.code === 1) {
|
||||
showMessage(data.msg);
|
||||
if (data.data.needCaptcha) {
|
||||
// 验证码
|
||||
needCaptcha = data.data.needCaptcha;
|
||||
captchaElement.parentElement.classList.remove("fn__none");
|
||||
captchaElement.previousElementSibling.setAttribute("src",
|
||||
`https://ld246.com/captcha/login?needCaptcha=${data.data.needCaptcha}`);
|
||||
captchaElement.value = "";
|
||||
return;
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (data.code === 10) {
|
||||
// 两步验证
|
||||
modelMainElement.querySelector("#form1").classList.add("fn__none");
|
||||
modelMainElement.querySelector("#form2").classList.remove("fn__none");
|
||||
twofactorAuthCodeElement.focus();
|
||||
token = data.data.token;
|
||||
return;
|
||||
}
|
||||
fetchPost("/api/setting/getCloudUser", {
|
||||
token: data.data.token,
|
||||
}, response => {
|
||||
window.siyuan.user = response.data;
|
||||
closePanel();
|
||||
document.getElementById("menuAccount").innerHTML = `<img class="b3-menu__icon" src="${window.siyuan.user.userAvatarURL}"/>
|
||||
<span class="b3-menu__label">${window.siyuan.user.userName}</span>`;
|
||||
processSync();
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
loginBtnElement.addEventListener("click", () => {
|
||||
fetchPost("/api/account/login", {
|
||||
userName: userNameElement.value.replace(/(^\s*)|(\s*$)/g, ""),
|
||||
userPassword: md5(userPasswordElement.value),
|
||||
captcha: captchaElement.value.replace(/(^\s*)|(\s*$)/g, ""),
|
||||
cloudRegion: window.siyuan.config.cloudRegion
|
||||
}, (data) => {
|
||||
if (data.code === 1) {
|
||||
showMessage(data.msg);
|
||||
if (data.data.needCaptcha) {
|
||||
// 验证码
|
||||
needCaptcha = data.data.needCaptcha;
|
||||
captchaElement.parentElement.classList.remove("fn__none");
|
||||
captchaElement.previousElementSibling.setAttribute("src",
|
||||
`https://ld246.com/captcha/login?needCaptcha=${data.data.needCaptcha}`);
|
||||
captchaElement.value = "";
|
||||
return;
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (data.code === 10) {
|
||||
// 两步验证
|
||||
modelMainElement.querySelector("#form1").classList.add("fn__none");
|
||||
modelMainElement.querySelector("#form2").classList.remove("fn__none");
|
||||
twofactorAuthCodeElement.focus();
|
||||
token = data.data.token;
|
||||
return;
|
||||
}
|
||||
afterLogin(data, deactive);
|
||||
});
|
||||
});
|
||||
|
||||
login2BtnElement.addEventListener("click", () => {
|
||||
fetchPost("/api/setting/login2faCloudUser", {
|
||||
code: twofactorAuthCodeElement.value,
|
||||
token,
|
||||
}, faResponse => {
|
||||
fetchPost("/api/setting/getCloudUser", {
|
||||
token: faResponse.data.token,
|
||||
}, response => {
|
||||
window.siyuan.user = response.data;
|
||||
closePanel();
|
||||
document.getElementById("menuAccount").innerHTML = `<img class="b3-menu__icon" src="${window.siyuan.user.userAvatarURL}"/>
|
||||
<span class="b3-menu__label">${window.siyuan.user.userName}</span>`;
|
||||
processSync();
|
||||
});
|
||||
});
|
||||
});
|
||||
login2BtnElement.addEventListener("click", () => {
|
||||
fetchPost("/api/setting/login2faCloudUser", {
|
||||
code: twofactorAuthCodeElement.value,
|
||||
token,
|
||||
}, faResponse => {
|
||||
afterLogin(faResponse, deactive);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export const login = () => {
|
||||
openModel({
|
||||
title: window.siyuan.languages.login,
|
||||
icon: "iconAccount",
|
||||
html: getLoginHTML(),
|
||||
bindEvent(modelMainElement: HTMLElement) {
|
||||
bindLoginEvent(modelMainElement);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue