1529 lines
47 KiB
TypeScript
1529 lines
47 KiB
TypeScript
import {
|
|
App,
|
|
Modal,
|
|
Notice,
|
|
PluginSettingTab,
|
|
Setting,
|
|
Platform,
|
|
requireApiVersion,
|
|
} from "obsidian";
|
|
import {
|
|
API_VER_REQURL,
|
|
SUPPORTED_SERVICES_TYPE,
|
|
WebdavAuthType,
|
|
WebdavDepthType,
|
|
} from "./baseTypes";
|
|
import { exportVaultSyncPlansToFiles } from "./debugMode";
|
|
import { exportQrCodeUri } from "./importExport";
|
|
import {
|
|
clearAllSyncMetaMapping,
|
|
clearAllSyncPlanRecords,
|
|
destroyDBs,
|
|
} from "./localdb";
|
|
import type RemotelySavePlugin from "./main"; // unavoidable
|
|
import { RemoteClient } from "./remote";
|
|
import {
|
|
DEFAULT_DROPBOX_CONFIG,
|
|
getAuthUrlAndVerifier as getAuthUrlAndVerifierDropbox,
|
|
sendAuthReq as sendAuthReqDropbox,
|
|
setConfigBySuccessfullAuthInplace,
|
|
} from "./remoteForDropbox";
|
|
import {
|
|
DEFAULT_ONEDRIVE_CONFIG,
|
|
getAuthUrlAndVerifier as getAuthUrlAndVerifierOnedrive,
|
|
} from "./remoteForOnedrive";
|
|
import { messyConfigToNormal } from "./configPersist";
|
|
import type { TransItemType } from "./i18n";
|
|
|
|
import * as origLog from "loglevel";
|
|
const log = origLog.getLogger("rs-default");
|
|
|
|
class PasswordModal extends Modal {
|
|
plugin: RemotelySavePlugin;
|
|
newPassword: string;
|
|
constructor(app: App, plugin: RemotelySavePlugin, newPassword: string) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
this.newPassword = newPassword;
|
|
}
|
|
|
|
onOpen() {
|
|
let { contentEl } = this;
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
// contentEl.setText("Add Or change password.");
|
|
contentEl.createEl("h2", { text: t("modal_password_title") });
|
|
t("modal_password_shortdesc")
|
|
.split("\n")
|
|
.forEach((val, idx) => {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
|
|
[
|
|
t("modal_password_attn1"),
|
|
t("modal_password_attn2"),
|
|
t("modal_password_attn3"),
|
|
t("modal_password_attn4"),
|
|
t("modal_password_attn5"),
|
|
].forEach((val, idx) => {
|
|
if (idx < 3) {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
cls: "password-disclaimer",
|
|
});
|
|
} else {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
}
|
|
});
|
|
|
|
new Setting(contentEl)
|
|
.addButton((button) => {
|
|
button.setButtonText(t("modal_password_secondconfirm"));
|
|
button.onClick(async () => {
|
|
this.plugin.settings.password = this.newPassword;
|
|
await this.plugin.saveSettings();
|
|
new Notice(t("modal_password_notice"));
|
|
this.close();
|
|
});
|
|
button.setClass("password-second-confirm");
|
|
})
|
|
.addButton((button) => {
|
|
button.setButtonText(t("goback"));
|
|
button.onClick(() => {
|
|
this.close();
|
|
});
|
|
});
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
class DropboxAuthModal extends Modal {
|
|
readonly plugin: RemotelySavePlugin;
|
|
readonly authDiv: HTMLDivElement;
|
|
readonly revokeAuthDiv: HTMLDivElement;
|
|
readonly revokeAuthSetting: Setting;
|
|
constructor(
|
|
app: App,
|
|
plugin: RemotelySavePlugin,
|
|
authDiv: HTMLDivElement,
|
|
revokeAuthDiv: HTMLDivElement,
|
|
revokeAuthSetting: Setting
|
|
) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
this.authDiv = authDiv;
|
|
this.revokeAuthDiv = revokeAuthDiv;
|
|
this.revokeAuthSetting = revokeAuthSetting;
|
|
}
|
|
|
|
async onOpen() {
|
|
let { contentEl } = this;
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
let needManualPatse = false;
|
|
const userAgent = window.navigator.userAgent.toLocaleLowerCase() || "";
|
|
// some users report that,
|
|
// the Linux would open another instance Obsidian if jumping back,
|
|
// so fallback to manual paste on Linux
|
|
if (
|
|
Platform.isDesktopApp &&
|
|
!Platform.isMacOS &&
|
|
(/linux/.test(userAgent) ||
|
|
/ubuntu/.test(userAgent) ||
|
|
/debian/.test(userAgent) ||
|
|
/fedora/.test(userAgent) ||
|
|
/centos/.test(userAgent))
|
|
) {
|
|
needManualPatse = true;
|
|
}
|
|
|
|
const { authUrl, verifier } = await getAuthUrlAndVerifierDropbox(
|
|
this.plugin.settings.dropbox.clientID,
|
|
needManualPatse
|
|
);
|
|
|
|
if (needManualPatse) {
|
|
t("modal_dropboxauth_manualsteps")
|
|
.split("\n")
|
|
.forEach((val) => {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
} else {
|
|
this.plugin.oauth2Info.verifier = verifier;
|
|
|
|
t("modal_dropboxauth_autosteps")
|
|
.split("\n")
|
|
.forEach((val) => {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
}
|
|
|
|
const div2 = contentEl.createDiv();
|
|
div2.createEl(
|
|
"button",
|
|
{
|
|
text: t("modal_dropboxauth_copybutton"),
|
|
},
|
|
(el) => {
|
|
el.onclick = async () => {
|
|
await navigator.clipboard.writeText(authUrl);
|
|
new Notice(t("modal_dropboxauth_copynotice"));
|
|
};
|
|
}
|
|
);
|
|
|
|
contentEl.createEl("p").createEl("a", {
|
|
href: authUrl,
|
|
text: authUrl,
|
|
});
|
|
|
|
if (needManualPatse) {
|
|
let authCode = "";
|
|
new Setting(contentEl)
|
|
.setName(t("modal_dropboxauth_maualinput"))
|
|
.setDesc(t("modal_dropboxauth_maualinput_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue("")
|
|
.onChange((val) => {
|
|
authCode = val.trim();
|
|
})
|
|
)
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("submit"));
|
|
button.onClick(async () => {
|
|
new Notice(t("modal_dropboxauth_maualinput_notice"));
|
|
try {
|
|
const authRes = await sendAuthReqDropbox(
|
|
this.plugin.settings.dropbox.clientID,
|
|
verifier,
|
|
authCode
|
|
);
|
|
const self = this;
|
|
setConfigBySuccessfullAuthInplace(
|
|
this.plugin.settings.dropbox,
|
|
authRes,
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
const client = new RemoteClient(
|
|
"dropbox",
|
|
undefined,
|
|
undefined,
|
|
this.plugin.settings.dropbox,
|
|
undefined,
|
|
this.app.vault.getName(),
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
const username = await client.getUser();
|
|
this.plugin.settings.dropbox.username = username;
|
|
await this.plugin.saveSettings();
|
|
new Notice(
|
|
t("modal_dropboxauth_maualinput_conn_succ", {
|
|
username: username,
|
|
})
|
|
);
|
|
this.authDiv.toggleClass(
|
|
"dropbox-auth-button-hide",
|
|
this.plugin.settings.dropbox.username !== ""
|
|
);
|
|
this.revokeAuthDiv.toggleClass(
|
|
"dropbox-revoke-auth-button-hide",
|
|
this.plugin.settings.dropbox.username === ""
|
|
);
|
|
this.revokeAuthSetting.setDesc(
|
|
t("modal_dropboxauth_maualinput_conn_succ_revoke", {
|
|
username: this.plugin.settings.dropbox.username,
|
|
})
|
|
);
|
|
this.close();
|
|
} catch (err) {
|
|
console.error(err);
|
|
new Notice(t("modal_dropboxauth_maualinput_conn_fail"));
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
export class OnedriveAuthModal extends Modal {
|
|
readonly plugin: RemotelySavePlugin;
|
|
readonly authDiv: HTMLDivElement;
|
|
readonly revokeAuthDiv: HTMLDivElement;
|
|
readonly revokeAuthSetting: Setting;
|
|
constructor(
|
|
app: App,
|
|
plugin: RemotelySavePlugin,
|
|
authDiv: HTMLDivElement,
|
|
revokeAuthDiv: HTMLDivElement,
|
|
revokeAuthSetting: Setting
|
|
) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
this.authDiv = authDiv;
|
|
this.revokeAuthDiv = revokeAuthDiv;
|
|
this.revokeAuthSetting = revokeAuthSetting;
|
|
}
|
|
|
|
async onOpen() {
|
|
let { contentEl } = this;
|
|
|
|
const { authUrl, verifier } = await getAuthUrlAndVerifierOnedrive(
|
|
this.plugin.settings.onedrive.clientID,
|
|
this.plugin.settings.onedrive.authority
|
|
);
|
|
this.plugin.oauth2Info.verifier = verifier;
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
t("modal_onedriveauth_shortdesc")
|
|
.split("\n")
|
|
.forEach((val) => {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
const div2 = contentEl.createDiv();
|
|
div2.createEl(
|
|
"button",
|
|
{
|
|
text: t("modal_onedriveauth_copybutton"),
|
|
},
|
|
(el) => {
|
|
el.onclick = async () => {
|
|
await navigator.clipboard.writeText(authUrl);
|
|
new Notice(t("modal_onedriveauth_copynotice"));
|
|
};
|
|
}
|
|
);
|
|
|
|
contentEl.createEl("p").createEl("a", {
|
|
href: authUrl,
|
|
text: authUrl,
|
|
});
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
export class OnedriveRevokeAuthModal extends Modal {
|
|
readonly plugin: RemotelySavePlugin;
|
|
readonly authDiv: HTMLDivElement;
|
|
readonly revokeAuthDiv: HTMLDivElement;
|
|
constructor(
|
|
app: App,
|
|
plugin: RemotelySavePlugin,
|
|
authDiv: HTMLDivElement,
|
|
revokeAuthDiv: HTMLDivElement
|
|
) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
this.authDiv = authDiv;
|
|
this.revokeAuthDiv = revokeAuthDiv;
|
|
}
|
|
|
|
async onOpen() {
|
|
let { contentEl } = this;
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
contentEl.createEl("p", {
|
|
text: t("modal_onedriverevokeauth_step1"),
|
|
});
|
|
const consentUrl = "https://microsoft.com/consent";
|
|
contentEl.createEl("p").createEl("a", {
|
|
href: consentUrl,
|
|
text: consentUrl,
|
|
});
|
|
|
|
contentEl.createEl("p", {
|
|
text: t("modal_onedriverevokeauth_step2"),
|
|
});
|
|
|
|
new Setting(contentEl)
|
|
.setName(t("modal_onedriverevokeauth_clean"))
|
|
.setDesc(t("modal_onedriverevokeauth_clean_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("modal_onedriverevokeauth_clean_button"));
|
|
button.onClick(async () => {
|
|
try {
|
|
this.plugin.settings.onedrive = JSON.parse(
|
|
JSON.stringify(DEFAULT_ONEDRIVE_CONFIG)
|
|
);
|
|
await this.plugin.saveSettings();
|
|
this.authDiv.toggleClass(
|
|
"onedrive-auth-button-hide",
|
|
this.plugin.settings.onedrive.username !== ""
|
|
);
|
|
this.revokeAuthDiv.toggleClass(
|
|
"onedrive-revoke-auth-button-hide",
|
|
this.plugin.settings.onedrive.username === ""
|
|
);
|
|
new Notice(t("modal_onedriverevokeauth_clean_notice"));
|
|
this.close();
|
|
} catch (err) {
|
|
console.error(err);
|
|
new Notice(t("modal_onedriverevokeauth_clean_fail"));
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
class SyncConfigDirModal extends Modal {
|
|
plugin: RemotelySavePlugin;
|
|
saveDropdownFunc: () => void;
|
|
constructor(
|
|
app: App,
|
|
plugin: RemotelySavePlugin,
|
|
saveDropdownFunc: () => void
|
|
) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
this.saveDropdownFunc = saveDropdownFunc;
|
|
}
|
|
|
|
async onOpen() {
|
|
let { contentEl } = this;
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
t("modal_syncconfig_attn")
|
|
.split("\n")
|
|
.forEach((val) => {
|
|
contentEl.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
|
|
new Setting(contentEl)
|
|
.addButton((button) => {
|
|
button.setButtonText(t("modal_syncconfig_secondconfirm"));
|
|
button.onClick(async () => {
|
|
this.plugin.settings.syncConfigDir = true;
|
|
await this.plugin.saveSettings();
|
|
this.saveDropdownFunc();
|
|
new Notice(t("modal_syncconfig_notice"));
|
|
this.close();
|
|
});
|
|
})
|
|
.addButton((button) => {
|
|
button.setButtonText(t("goback"));
|
|
button.onClick(() => {
|
|
this.close();
|
|
});
|
|
});
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
class ExportSettingsQrCodeModal extends Modal {
|
|
plugin: RemotelySavePlugin;
|
|
constructor(app: App, plugin: RemotelySavePlugin) {
|
|
super(app);
|
|
this.plugin = plugin;
|
|
}
|
|
|
|
async onOpen() {
|
|
let { contentEl } = this;
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
const { rawUri, imgUri } = await exportQrCodeUri(
|
|
this.plugin.settings,
|
|
this.app.vault.getName(),
|
|
this.plugin.manifest.version
|
|
);
|
|
|
|
const div1 = contentEl.createDiv();
|
|
t("modal_qr_shortdesc")
|
|
.split("\n")
|
|
.forEach((val) => {
|
|
div1.createEl("p", {
|
|
text: val,
|
|
});
|
|
});
|
|
|
|
const div2 = contentEl.createDiv();
|
|
div2.createEl(
|
|
"button",
|
|
{
|
|
text: t("modal_qr_button"),
|
|
},
|
|
(el) => {
|
|
el.onclick = async () => {
|
|
await navigator.clipboard.writeText(rawUri);
|
|
new Notice(t("modal_qr_button_notice"));
|
|
};
|
|
}
|
|
);
|
|
|
|
const div3 = contentEl.createDiv();
|
|
div3.createEl(
|
|
"img",
|
|
{
|
|
cls: "qrcode-img",
|
|
},
|
|
async (el) => {
|
|
el.src = imgUri;
|
|
}
|
|
);
|
|
}
|
|
|
|
onClose() {
|
|
let { contentEl } = this;
|
|
contentEl.empty();
|
|
}
|
|
}
|
|
|
|
export class RemotelySaveSettingTab extends PluginSettingTab {
|
|
plugin: RemotelySavePlugin;
|
|
|
|
constructor(app: App, plugin: RemotelySavePlugin) {
|
|
super(app, plugin);
|
|
this.plugin = plugin;
|
|
}
|
|
|
|
display(): void {
|
|
let { containerEl } = this;
|
|
|
|
containerEl.empty();
|
|
|
|
const t = (x: TransItemType, vars?: any) => {
|
|
return this.plugin.i18n.t(x, vars);
|
|
};
|
|
|
|
containerEl.createEl("h1", { text: "Remotely Save" });
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for general
|
|
//////////////////////////////////////////////////
|
|
|
|
const generalDiv = containerEl.createEl("div");
|
|
generalDiv.createEl("h2", { text: t("settings_general") });
|
|
|
|
const passwordDiv = generalDiv.createEl("div");
|
|
let newPassword = `${this.plugin.settings.password}`;
|
|
new Setting(passwordDiv)
|
|
.setName(t("settings_password"))
|
|
.setDesc(t("settings_password_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(`${this.plugin.settings.password}`)
|
|
.onChange(async (value) => {
|
|
newPassword = value.trim();
|
|
})
|
|
)
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("confirm"));
|
|
button.onClick(async () => {
|
|
new PasswordModal(this.app, this.plugin, newPassword).open();
|
|
});
|
|
});
|
|
|
|
const scheduleDiv = generalDiv.createEl("div");
|
|
new Setting(scheduleDiv)
|
|
.setName(t("settings_autorun"))
|
|
.setDesc(t("settings_autorun_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("-1", t("settings_autorun_notset"));
|
|
dropdown.addOption(`${1000 * 60 * 1}`, t("settings_autorun_1min"));
|
|
dropdown.addOption(`${1000 * 60 * 5}`, t("settings_autorun_5min"));
|
|
dropdown.addOption(`${1000 * 60 * 10}`, t("settings_autorun_10min"));
|
|
dropdown.addOption(`${1000 * 60 * 30}`, t("settings_autorun_30min"));
|
|
|
|
dropdown
|
|
.setValue(`${this.plugin.settings.autoRunEveryMilliseconds}`)
|
|
.onChange(async (val: string) => {
|
|
const realVal = parseInt(val);
|
|
this.plugin.settings.autoRunEveryMilliseconds = realVal;
|
|
await this.plugin.saveSettings();
|
|
if (
|
|
(realVal === undefined || realVal === null || realVal <= 0) &&
|
|
this.plugin.autoRunIntervalID !== undefined
|
|
) {
|
|
// clear
|
|
window.clearInterval(this.plugin.autoRunIntervalID);
|
|
this.plugin.autoRunIntervalID = undefined;
|
|
} else if (
|
|
realVal !== undefined &&
|
|
realVal !== null &&
|
|
realVal > 0
|
|
) {
|
|
const intervalID = window.setInterval(() => {
|
|
this.plugin.syncRun("auto");
|
|
}, realVal);
|
|
this.plugin.autoRunIntervalID = intervalID;
|
|
this.plugin.registerInterval(intervalID);
|
|
}
|
|
});
|
|
});
|
|
|
|
const runOnceStartUpDiv = generalDiv.createEl("div");
|
|
new Setting(runOnceStartUpDiv)
|
|
.setName(t("settings_runoncestartup"))
|
|
.setDesc(t("settings_runoncestartup_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("-1", t("settings_runoncestartup_notset"));
|
|
dropdown.addOption(
|
|
`${1000 * 10 * 1}`,
|
|
t("settings_runoncestartup_10sec")
|
|
);
|
|
dropdown.addOption(
|
|
`${1000 * 30 * 1}`,
|
|
t("settings_runoncestartup_30sec")
|
|
);
|
|
dropdown
|
|
.setValue(`${this.plugin.settings.initRunAfterMilliseconds}`)
|
|
.onChange(async (val: string) => {
|
|
const realVal = parseInt(val);
|
|
this.plugin.settings.initRunAfterMilliseconds = realVal;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for general chooser (part 1/2)
|
|
//////////////////////////////////////////////////
|
|
|
|
// we need to create the div in advance of any other service divs
|
|
const serviceChooserDiv = generalDiv.createEl("div");
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for s3
|
|
//////////////////////////////////////////////////
|
|
|
|
const s3Div = containerEl.createEl("div", { cls: "s3-hide" });
|
|
s3Div.toggleClass("s3-hide", this.plugin.settings.serviceType !== "s3");
|
|
s3Div.createEl("h2", { text: t("settings_s3") });
|
|
|
|
for (const c of [
|
|
t("settings_s3_disclaimer1"),
|
|
t("settings_s3_disclaimer2"),
|
|
]) {
|
|
s3Div.createEl("p", {
|
|
text: c,
|
|
cls: "s3-disclaimer",
|
|
});
|
|
}
|
|
|
|
if (!requireApiVersion(API_VER_REQURL)) {
|
|
s3Div.createEl("p", {
|
|
text: t("settings_s3_cors"),
|
|
});
|
|
}
|
|
|
|
s3Div.createEl("p", {
|
|
text: t("settings_s3_prod"),
|
|
});
|
|
|
|
const s3LinksUl = s3Div.createEl("div").createEl("ul");
|
|
|
|
s3LinksUl.createEl("li").createEl("a", {
|
|
href: "https://docs.aws.amazon.com/general/latest/gr/s3.html",
|
|
text: t("settings_s3_prod1"),
|
|
});
|
|
|
|
s3LinksUl.createEl("li").createEl("a", {
|
|
href: "https://docs.aws.amazon.com/sdk-for-javascript/v3/developer-guide/getting-your-credentials.html",
|
|
text: t("settings_s3_prod2"),
|
|
});
|
|
|
|
if (!requireApiVersion(API_VER_REQURL)) {
|
|
s3LinksUl.createEl("li").createEl("a", {
|
|
href: "https://docs.aws.amazon.com/AmazonS3/latest/userguide/enabling-cors-examples.html",
|
|
text: t("settings_s3_prod3"),
|
|
});
|
|
}
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_endpoint"))
|
|
.setDesc(t("settings_s3_endpoint"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(this.plugin.settings.s3.s3Endpoint)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.s3.s3Endpoint = value.trim();
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_region"))
|
|
.setDesc(t("settings_s3_region_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(`${this.plugin.settings.s3.s3Region}`)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.s3.s3Region = value.trim();
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_accesskeyid"))
|
|
.setDesc(t("settings_s3_accesskeyid"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(`${this.plugin.settings.s3.s3AccessKeyID}`)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.s3.s3AccessKeyID = value.trim();
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_secretaccesskey"))
|
|
.setDesc(t("settings_s3_secretaccesskey"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(`${this.plugin.settings.s3.s3SecretAccessKey}`)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.s3.s3SecretAccessKey = value.trim();
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_bucketname"))
|
|
.setDesc(t("settings_s3_bucketname"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(`${this.plugin.settings.s3.s3BucketName}`)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.s3.s3BucketName = value.trim();
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_urlstyle"))
|
|
.setDesc(t("settings_s3_urlstyle_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption(
|
|
"virtualHostedStyle",
|
|
"Virtual Hosted-Style (default)"
|
|
);
|
|
dropdown.addOption("pathStyle", "Path-Style");
|
|
dropdown
|
|
.setValue(
|
|
this.plugin.settings.s3.forcePathStyle
|
|
? "pathStyle"
|
|
: "virtualHostedStyle"
|
|
)
|
|
.onChange(async (val: string) => {
|
|
this.plugin.settings.s3.forcePathStyle = val === "pathStyle";
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
if (requireApiVersion(API_VER_REQURL)) {
|
|
new Setting(s3Div)
|
|
.setName(t("settings_s3_bypasscorslocally"))
|
|
.setDesc(
|
|
t("settings_s3_bypasscorslocally_desc", {
|
|
ver: API_VER_REQURL,
|
|
})
|
|
)
|
|
.addDropdown((dropdown) => {
|
|
dropdown
|
|
.addOption("disable", t("disable"))
|
|
.addOption("enable", t("enable"));
|
|
|
|
dropdown
|
|
.setValue(
|
|
`${
|
|
this.plugin.settings.s3.bypassCorsLocally ? "enable" : "disable"
|
|
}`
|
|
)
|
|
.onChange(async (value) => {
|
|
if (value === "enable") {
|
|
this.plugin.settings.s3.bypassCorsLocally = true;
|
|
} else {
|
|
this.plugin.settings.s3.bypassCorsLocally = false;
|
|
}
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
}
|
|
|
|
const partsConcurrencyDiv = s3Div.createEl("div");
|
|
new Setting(partsConcurrencyDiv)
|
|
.setName(t("settings_s3_parts"))
|
|
.setDesc(t("settings_s3_parts_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("1", "1");
|
|
dropdown.addOption("2", "2");
|
|
dropdown.addOption("3", "3");
|
|
dropdown.addOption("5", "5");
|
|
dropdown.addOption("10", "10");
|
|
dropdown.addOption("15", "15");
|
|
dropdown.addOption("20", "20 (default)");
|
|
|
|
dropdown
|
|
.setValue(`${this.plugin.settings.s3.partsConcurrency}`)
|
|
.onChange(async (val) => {
|
|
const realVal = parseInt(val);
|
|
this.plugin.settings.s3.partsConcurrency = realVal;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
new Setting(s3Div)
|
|
.setName(t("settings_checkonnectivity"))
|
|
.setDesc(t("settings_checkonnectivity_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_checkonnectivity_button"));
|
|
button.onClick(async () => {
|
|
new Notice(t("settings_checkonnectivity_checking"));
|
|
const client = new RemoteClient("s3", this.plugin.settings.s3);
|
|
const errors = { msg: "" };
|
|
const res = await client.checkConnectivity((err: any) => {
|
|
errors.msg = err;
|
|
});
|
|
if (res) {
|
|
new Notice(t("settings_s3_connect_succ"));
|
|
} else {
|
|
new Notice(t("settings_s3_connect_fail"));
|
|
new Notice(errors.msg);
|
|
}
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for dropbpx
|
|
//////////////////////////////////////////////////
|
|
|
|
const dropboxDiv = containerEl.createEl("div", { cls: "dropbox-hide" });
|
|
dropboxDiv.toggleClass(
|
|
"dropbox-hide",
|
|
this.plugin.settings.serviceType !== "dropbox"
|
|
);
|
|
dropboxDiv.createEl("h2", { text: t("settings_dropbox") });
|
|
for (const c of [
|
|
t("settings_dropbox_disclaimer1"),
|
|
t("settings_dropbox_disclaimer2"),
|
|
]) {
|
|
dropboxDiv.createEl("p", {
|
|
text: c,
|
|
cls: "dropbox-disclaimer",
|
|
});
|
|
}
|
|
dropboxDiv.createEl("p", {
|
|
text: t("settings_dropbox_folder", {
|
|
pluginID: this.plugin.manifest.id,
|
|
vaultName: this.app.vault.getName(),
|
|
}),
|
|
});
|
|
|
|
const dropboxSelectAuthDiv = dropboxDiv.createDiv();
|
|
const dropboxAuthDiv = dropboxSelectAuthDiv.createDiv({
|
|
cls: "dropbox-auth-button-hide",
|
|
});
|
|
const dropboxRevokeAuthDiv = dropboxSelectAuthDiv.createDiv({
|
|
cls: "dropbox-revoke-auth-button-hide",
|
|
});
|
|
|
|
const dropboxRevokeAuthSetting = new Setting(dropboxRevokeAuthDiv)
|
|
.setName(t("settings_dropbox_revoke"))
|
|
.setDesc(
|
|
t("settings_dropbox_revoke_desc", {
|
|
username: this.plugin.settings.dropbox.username,
|
|
})
|
|
)
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_dropbox_revoke_button"));
|
|
button.onClick(async () => {
|
|
try {
|
|
const self = this;
|
|
const client = new RemoteClient(
|
|
"dropbox",
|
|
undefined,
|
|
undefined,
|
|
this.plugin.settings.dropbox,
|
|
undefined,
|
|
this.app.vault.getName(),
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
await client.revokeAuth();
|
|
this.plugin.settings.dropbox = JSON.parse(
|
|
JSON.stringify(DEFAULT_DROPBOX_CONFIG)
|
|
);
|
|
await this.plugin.saveSettings();
|
|
dropboxAuthDiv.toggleClass(
|
|
"dropbox-auth-button-hide",
|
|
this.plugin.settings.dropbox.username !== ""
|
|
);
|
|
dropboxRevokeAuthDiv.toggleClass(
|
|
"dropbox-revoke-auth-button-hide",
|
|
this.plugin.settings.dropbox.username === ""
|
|
);
|
|
new Notice(t("settings_dropbox_revoke_notice"));
|
|
} catch (err) {
|
|
console.error(err);
|
|
new Notice(t("settings_dropbox_revoke_noticeerr"));
|
|
}
|
|
});
|
|
});
|
|
|
|
new Setting(dropboxAuthDiv)
|
|
.setName(t("settings_dropbox_auth"))
|
|
.setDesc(t("settings_dropbox_auth_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_dropbox_auth_button"));
|
|
button.onClick(async () => {
|
|
const modal = new DropboxAuthModal(
|
|
this.app,
|
|
this.plugin,
|
|
dropboxAuthDiv,
|
|
dropboxRevokeAuthDiv,
|
|
dropboxRevokeAuthSetting
|
|
);
|
|
this.plugin.oauth2Info.helperModal = modal;
|
|
this.plugin.oauth2Info.authDiv = dropboxAuthDiv;
|
|
this.plugin.oauth2Info.revokeDiv = dropboxRevokeAuthDiv;
|
|
this.plugin.oauth2Info.revokeAuthSetting = dropboxRevokeAuthSetting;
|
|
modal.open();
|
|
});
|
|
});
|
|
|
|
dropboxAuthDiv.toggleClass(
|
|
"dropbox-auth-button-hide",
|
|
this.plugin.settings.dropbox.username !== ""
|
|
);
|
|
dropboxRevokeAuthDiv.toggleClass(
|
|
"dropbox-revoke-auth-button-hide",
|
|
this.plugin.settings.dropbox.username === ""
|
|
);
|
|
|
|
new Setting(dropboxDiv)
|
|
.setName(t("settings_checkonnectivity"))
|
|
.setDesc(t("settings_checkonnectivity_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_checkonnectivity_button"));
|
|
button.onClick(async () => {
|
|
new Notice(t("settings_checkonnectivity_checking"));
|
|
const self = this;
|
|
const client = new RemoteClient(
|
|
"dropbox",
|
|
undefined,
|
|
undefined,
|
|
this.plugin.settings.dropbox,
|
|
undefined,
|
|
this.app.vault.getName(),
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
|
|
const errors = { msg: "" };
|
|
const res = await client.checkConnectivity((err: any) => {
|
|
errors.msg = `${err}`;
|
|
});
|
|
if (res) {
|
|
new Notice(t("settings_dropbox_connect_succ"));
|
|
} else {
|
|
new Notice(t("settings_dropbox_connect_fail"));
|
|
new Notice(errors.msg);
|
|
}
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for onedrive
|
|
//////////////////////////////////////////////////
|
|
|
|
const onedriveDiv = containerEl.createEl("div", { cls: "onedrive-hide" });
|
|
onedriveDiv.toggleClass(
|
|
"onedrive-hide",
|
|
this.plugin.settings.serviceType !== "onedrive"
|
|
);
|
|
onedriveDiv.createEl("h2", { text: t("settings_onedrive") });
|
|
for (const c of [
|
|
t("settings_onedrive_disclaimer1"),
|
|
t("settings_onedrive_disclaimer2"),
|
|
]) {
|
|
onedriveDiv.createEl("p", {
|
|
text: c,
|
|
cls: "onedrive-disclaimer",
|
|
});
|
|
}
|
|
|
|
onedriveDiv.createEl("p", {
|
|
text: t("settings_onedrive_folder", {
|
|
pluginID: this.plugin.manifest.id,
|
|
vaultName: this.app.vault.getName(),
|
|
}),
|
|
});
|
|
|
|
onedriveDiv.createEl("p", {
|
|
text: t("settings_onedrive_nobiz"),
|
|
});
|
|
|
|
const onedriveSelectAuthDiv = onedriveDiv.createDiv();
|
|
const onedriveAuthDiv = onedriveSelectAuthDiv.createDiv({
|
|
cls: "onedrive-auth-button-hide",
|
|
});
|
|
const onedriveRevokeAuthDiv = onedriveSelectAuthDiv.createDiv({
|
|
cls: "onedrive-revoke-auth-button-hide",
|
|
});
|
|
|
|
const onedriveRevokeAuthSetting = new Setting(onedriveRevokeAuthDiv)
|
|
.setName(t("settings_onedrive_revoke"))
|
|
.setDesc(
|
|
t("settings_onedrive_revoke_desc", {
|
|
username: this.plugin.settings.onedrive.username,
|
|
})
|
|
)
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_onedrive_revoke_button"));
|
|
button.onClick(async () => {
|
|
new OnedriveRevokeAuthModal(
|
|
this.app,
|
|
this.plugin,
|
|
onedriveAuthDiv,
|
|
onedriveRevokeAuthDiv
|
|
).open();
|
|
});
|
|
});
|
|
|
|
new Setting(onedriveAuthDiv)
|
|
.setName(t("settings_onedrive_auth"))
|
|
.setDesc(t("settings_onedrive_auth_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_onedrive_auth_button"));
|
|
button.onClick(async () => {
|
|
const modal = new OnedriveAuthModal(
|
|
this.app,
|
|
this.plugin,
|
|
onedriveAuthDiv,
|
|
onedriveRevokeAuthDiv,
|
|
onedriveRevokeAuthSetting
|
|
);
|
|
this.plugin.oauth2Info.helperModal = modal;
|
|
this.plugin.oauth2Info.authDiv = onedriveAuthDiv;
|
|
this.plugin.oauth2Info.revokeDiv = onedriveRevokeAuthDiv;
|
|
this.plugin.oauth2Info.revokeAuthSetting = onedriveRevokeAuthSetting;
|
|
modal.open();
|
|
});
|
|
});
|
|
|
|
onedriveAuthDiv.toggleClass(
|
|
"onedrive-auth-button-hide",
|
|
this.plugin.settings.onedrive.username !== ""
|
|
);
|
|
onedriveRevokeAuthDiv.toggleClass(
|
|
"onedrive-revoke-auth-button-hide",
|
|
this.plugin.settings.onedrive.username === ""
|
|
);
|
|
|
|
new Setting(onedriveDiv)
|
|
.setName(t("settings_checkonnectivity"))
|
|
.setDesc(t("settings_checkonnectivity_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_checkonnectivity_button"));
|
|
button.onClick(async () => {
|
|
new Notice(t("settings_checkonnectivity_checking"));
|
|
const self = this;
|
|
const client = new RemoteClient(
|
|
"onedrive",
|
|
undefined,
|
|
undefined,
|
|
undefined,
|
|
this.plugin.settings.onedrive,
|
|
this.app.vault.getName(),
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
|
|
const errors = { msg: "" };
|
|
const res = await client.checkConnectivity((err: any) => {
|
|
errors.msg = `${err}`;
|
|
});
|
|
if (res) {
|
|
new Notice(t("settings_onedrive_connect_succ"));
|
|
} else {
|
|
new Notice(t("settings_onedrive_connect_fail"));
|
|
new Notice(errors.msg);
|
|
}
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for webdav
|
|
//////////////////////////////////////////////////
|
|
|
|
const webdavDiv = containerEl.createEl("div", { cls: "webdav-hide" });
|
|
webdavDiv.toggleClass(
|
|
"webdav-hide",
|
|
this.plugin.settings.serviceType !== "webdav"
|
|
);
|
|
|
|
const webdavReq =
|
|
requireApiVersion(API_VER_REQURL) && !Platform.isAndroidApp;
|
|
|
|
webdavDiv.createEl("h2", { text: t("settings_webdav") });
|
|
|
|
webdavDiv.createEl("p", {
|
|
text: t("settings_webdav_disclaimer1"),
|
|
cls: "webdav-disclaimer",
|
|
});
|
|
|
|
if (!webdavReq) {
|
|
if (Platform.isAndroidApp) {
|
|
webdavDiv.createEl("p", {
|
|
text: t("settings_webdav_cors_android"),
|
|
});
|
|
} else {
|
|
webdavDiv.createEl("p", {
|
|
text: t("settings_webdav_cors_otheros"),
|
|
});
|
|
}
|
|
|
|
webdavDiv.createEl("p", {
|
|
text: t("settings_webdav_cors"),
|
|
});
|
|
}
|
|
|
|
webdavDiv.createEl("p", {
|
|
text: t("settings_webdav_folder", {
|
|
vaultName: this.app.vault.getName(),
|
|
}),
|
|
});
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_webdav_addr"))
|
|
.setDesc(t("settings_webdav_addr_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(this.plugin.settings.webdav.address)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.webdav.address = value.trim();
|
|
if (
|
|
this.plugin.settings.webdav.depth === "auto_1" ||
|
|
this.plugin.settings.webdav.depth === "auto_infinity"
|
|
) {
|
|
this.plugin.settings.webdav.depth = "auto_unknown";
|
|
}
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_webdav_user"))
|
|
.setDesc(t("settings_webdav_user_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(this.plugin.settings.webdav.username)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.webdav.username = value.trim();
|
|
if (
|
|
this.plugin.settings.webdav.depth === "auto_1" ||
|
|
this.plugin.settings.webdav.depth === "auto_infinity"
|
|
) {
|
|
this.plugin.settings.webdav.depth = "auto_unknown";
|
|
}
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_webdav_password"))
|
|
.setDesc(t("settings_webdav_password_desc"))
|
|
.addText((text) =>
|
|
text
|
|
.setPlaceholder("")
|
|
.setValue(this.plugin.settings.webdav.password)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.webdav.password = value.trim();
|
|
if (
|
|
this.plugin.settings.webdav.depth === "auto_1" ||
|
|
this.plugin.settings.webdav.depth === "auto_infinity"
|
|
) {
|
|
this.plugin.settings.webdav.depth = "auto_unknown";
|
|
}
|
|
await this.plugin.saveSettings();
|
|
})
|
|
);
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_webdav_auth"))
|
|
.setDesc(t("settings_webdav_auth_desc"))
|
|
.addDropdown(async (dropdown) => {
|
|
dropdown.addOption("basic", "basic");
|
|
if (webdavReq) {
|
|
dropdown.addOption("digest", "digest");
|
|
}
|
|
|
|
// new version config, copied to old version, we need to reset it
|
|
if (!webdavReq && this.plugin.settings.webdav.authType !== "basic") {
|
|
this.plugin.settings.webdav.authType = "basic";
|
|
await this.plugin.saveSettings();
|
|
}
|
|
|
|
dropdown
|
|
.setValue(this.plugin.settings.webdav.authType)
|
|
.onChange(async (val: WebdavAuthType) => {
|
|
this.plugin.settings.webdav.authType = val;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_webdav_depth"))
|
|
.setDesc(t("settings_webdav_depth_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("auto", t("settings_webdav_depth_auto"));
|
|
dropdown.addOption("manual_1", t("settings_webdav_depth_1"));
|
|
dropdown.addOption("manual_infinity", t("settings_webdav_depth_inf"));
|
|
|
|
let initVal = "auto";
|
|
const autoOptions: Set<WebdavDepthType> = new Set([
|
|
"auto_unknown",
|
|
"auto_1",
|
|
"auto_infinity",
|
|
]);
|
|
if (autoOptions.has(this.plugin.settings.webdav.depth)) {
|
|
initVal = "auto";
|
|
} else {
|
|
initVal = this.plugin.settings.webdav.depth || "auto";
|
|
}
|
|
|
|
type DepthOption = "auto" | "manual_1" | "manual_infinity";
|
|
dropdown.setValue(initVal).onChange(async (val: DepthOption) => {
|
|
if (val === "auto") {
|
|
this.plugin.settings.webdav.depth = "auto_unknown";
|
|
this.plugin.settings.webdav.manualRecursive = false;
|
|
} else if (val === "manual_1") {
|
|
this.plugin.settings.webdav.depth = "manual_1";
|
|
this.plugin.settings.webdav.manualRecursive = true;
|
|
} else if (val === "manual_infinity") {
|
|
this.plugin.settings.webdav.depth = "manual_infinity";
|
|
this.plugin.settings.webdav.manualRecursive = false;
|
|
}
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
new Setting(webdavDiv)
|
|
.setName(t("settings_checkonnectivity"))
|
|
.setDesc(t("settings_checkonnectivity_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_checkonnectivity_button"));
|
|
button.onClick(async () => {
|
|
new Notice(t("settings_checkonnectivity_checking"));
|
|
const self = this;
|
|
const client = new RemoteClient(
|
|
"webdav",
|
|
undefined,
|
|
this.plugin.settings.webdav,
|
|
undefined,
|
|
undefined,
|
|
this.app.vault.getName(),
|
|
() => self.plugin.saveSettings()
|
|
);
|
|
const errors = { msg: "" };
|
|
const res = await client.checkConnectivity((err: any) => {
|
|
errors.msg = `${err}`;
|
|
});
|
|
if (res) {
|
|
new Notice(t("settings_webdav_connect_succ"));
|
|
} else {
|
|
if (webdavReq) {
|
|
new Notice(t("settings_webdav_connect_fail"));
|
|
} else {
|
|
new Notice(t("settings_webdav_connect_fail_withcors"));
|
|
}
|
|
new Notice(errors.msg);
|
|
}
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for general chooser (part 2/2)
|
|
//////////////////////////////////////////////////
|
|
|
|
// we need to create chooser
|
|
// after all service-div-s being created
|
|
new Setting(serviceChooserDiv)
|
|
.setName(t("settings_chooseservice"))
|
|
.setDesc(t("settings_chooseservice_desc"))
|
|
.addDropdown(async (dropdown) => {
|
|
dropdown.addOption("s3", t("settings_chooseservice_s3"));
|
|
dropdown.addOption("dropbox", t("settings_chooseservice_dropbox"));
|
|
dropdown.addOption("webdav", t("settings_chooseservice_webdav"));
|
|
dropdown.addOption("onedrive", t("settings_chooseservice_onedrive"));
|
|
dropdown
|
|
.setValue(this.plugin.settings.serviceType)
|
|
.onChange(async (val: SUPPORTED_SERVICES_TYPE) => {
|
|
this.plugin.settings.serviceType = val;
|
|
s3Div.toggleClass(
|
|
"s3-hide",
|
|
this.plugin.settings.serviceType !== "s3"
|
|
);
|
|
dropboxDiv.toggleClass(
|
|
"dropbox-hide",
|
|
this.plugin.settings.serviceType !== "dropbox"
|
|
);
|
|
onedriveDiv.toggleClass(
|
|
"onedrive-hide",
|
|
this.plugin.settings.serviceType !== "onedrive"
|
|
);
|
|
webdavDiv.toggleClass(
|
|
"webdav-hide",
|
|
this.plugin.settings.serviceType !== "webdav"
|
|
);
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for advanced settings
|
|
//////////////////////////////////////////////////
|
|
const advDiv = containerEl.createEl("div");
|
|
advDiv.createEl("h2", {
|
|
text: t("settings_adv"),
|
|
});
|
|
|
|
const concurrencyDiv = advDiv.createEl("div");
|
|
new Setting(concurrencyDiv)
|
|
.setName(t("settings_concurrency"))
|
|
.setDesc(t("settings_concurrency_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("1", "1");
|
|
dropdown.addOption("2", "2");
|
|
dropdown.addOption("3", "3");
|
|
dropdown.addOption("5", "5 (default)");
|
|
dropdown.addOption("10", "10");
|
|
dropdown.addOption("15", "15");
|
|
dropdown.addOption("20", "20");
|
|
|
|
dropdown
|
|
.setValue(`${this.plugin.settings.concurrency}`)
|
|
.onChange(async (val) => {
|
|
const realVal = parseInt(val);
|
|
this.plugin.settings.concurrency = realVal;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
const syncUnderscoreItemsDiv = advDiv.createEl("div");
|
|
new Setting(syncUnderscoreItemsDiv)
|
|
.setName(t("settings_syncunderscore"))
|
|
.setDesc(t("settings_syncunderscore_desc"))
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("disable", t("disable"));
|
|
dropdown.addOption("enable", t("enable"));
|
|
dropdown
|
|
.setValue(
|
|
`${this.plugin.settings.syncUnderscoreItems ? "enable" : "disable"}`
|
|
)
|
|
.onChange(async (val) => {
|
|
this.plugin.settings.syncUnderscoreItems = val === "enable";
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
const syncConfigDirDiv = advDiv.createEl("div");
|
|
new Setting(syncConfigDirDiv)
|
|
.setName(t("settings_configdir"))
|
|
.setDesc(
|
|
t("settings_configdir_desc", {
|
|
configDir: this.app.vault.configDir,
|
|
})
|
|
)
|
|
.addDropdown((dropdown) => {
|
|
dropdown.addOption("disable", t("disable"));
|
|
dropdown.addOption("enable", t("enable"));
|
|
|
|
const bridge = {
|
|
secondConfirm: false,
|
|
};
|
|
dropdown
|
|
.setValue(
|
|
`${this.plugin.settings.syncConfigDir ? "enable" : "disable"}`
|
|
)
|
|
.onChange(async (val) => {
|
|
if (val === "enable" && !bridge.secondConfirm) {
|
|
dropdown.setValue("disable");
|
|
new SyncConfigDirModal(this.app, this.plugin, () => {
|
|
bridge.secondConfirm = true;
|
|
dropdown.setValue("enable");
|
|
}).open();
|
|
} else {
|
|
bridge.secondConfirm = false;
|
|
this.plugin.settings.syncConfigDir = false;
|
|
await this.plugin.saveSettings();
|
|
}
|
|
});
|
|
});
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for import and export functions
|
|
//////////////////////////////////////////////////
|
|
|
|
// import and export
|
|
const importExportDiv = containerEl.createEl("div");
|
|
importExportDiv.createEl("h2", {
|
|
text: t("settings_importexport"),
|
|
});
|
|
|
|
new Setting(importExportDiv)
|
|
.setName(t("settings_export"))
|
|
.setDesc(t("settings_export_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_export_desc_button"));
|
|
button.onClick(async () => {
|
|
new ExportSettingsQrCodeModal(this.app, this.plugin).open();
|
|
});
|
|
});
|
|
|
|
new Setting(importExportDiv)
|
|
.setName(t("settings_import"))
|
|
.setDesc(t("settings_import_desc"));
|
|
|
|
//////////////////////////////////////////////////
|
|
// below for debug
|
|
//////////////////////////////////////////////////
|
|
|
|
const debugDiv = containerEl.createEl("div");
|
|
debugDiv.createEl("h2", { text: t("settings_debug") });
|
|
|
|
const setConsoleLogLevelDiv = debugDiv.createDiv("div");
|
|
new Setting(setConsoleLogLevelDiv)
|
|
.setName(t("settings_debuglevel"))
|
|
.setDesc(t("settings_debuglevel_desc"))
|
|
.addDropdown(async (dropdown) => {
|
|
dropdown.addOption("info", "info");
|
|
dropdown.addOption("debug", "debug");
|
|
dropdown
|
|
.setValue(this.plugin.settings.currLogLevel)
|
|
.onChange(async (val: string) => {
|
|
this.plugin.settings.currLogLevel = val;
|
|
log.setLevel(val as any);
|
|
await this.plugin.saveSettings();
|
|
log.info(`the log level is changed to ${val}`);
|
|
});
|
|
});
|
|
const outputCurrSettingsDiv = debugDiv.createDiv("div");
|
|
new Setting(outputCurrSettingsDiv)
|
|
.setName(t("settings_outputsettingsconsole"))
|
|
.setDesc(t("settings_outputsettingsconsole_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_outputsettingsconsole_button"));
|
|
button.onClick(async () => {
|
|
const c = messyConfigToNormal(await this.plugin.loadData());
|
|
if (c.currLogLevel === "debug") {
|
|
// no need to ouput it again because debug mode already output it
|
|
} else {
|
|
log.info(c);
|
|
}
|
|
new Notice(t("settings_outputsettingsconsole_notice"));
|
|
});
|
|
});
|
|
const syncPlanDiv = debugDiv.createEl("div");
|
|
new Setting(syncPlanDiv)
|
|
.setName(t("settings_syncplans"))
|
|
.setDesc(t("settings_syncplans_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_syncplans_button"));
|
|
button.onClick(async () => {
|
|
await exportVaultSyncPlansToFiles(
|
|
this.plugin.db,
|
|
this.app.vault,
|
|
this.plugin.settings.vaultRandomID
|
|
);
|
|
new Notice(t("settings_syncplans_notice"));
|
|
});
|
|
});
|
|
new Setting(syncPlanDiv)
|
|
.setName(t("settings_delsyncplans"))
|
|
.setDesc(t("settings_delsyncplans_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_delsyncplans_button"));
|
|
button.onClick(async () => {
|
|
await clearAllSyncPlanRecords(this.plugin.db);
|
|
new Notice(t("settings_delsyncplans_notice"));
|
|
});
|
|
});
|
|
|
|
const syncMappingDiv = debugDiv.createEl("div");
|
|
new Setting(syncMappingDiv)
|
|
.setName(t("settings_delsyncmap"))
|
|
.setDesc(t("settings_delsyncmap_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_delsyncmap_button"));
|
|
button.onClick(async () => {
|
|
await clearAllSyncMetaMapping(this.plugin.db);
|
|
new Notice(t("settings_delsyncmap_notice"));
|
|
});
|
|
});
|
|
|
|
const dbsResetDiv = debugDiv.createEl("div");
|
|
new Setting(dbsResetDiv)
|
|
.setName(t("settings_resetcache"))
|
|
.setDesc(t("settings_resetcache_desc"))
|
|
.addButton(async (button) => {
|
|
button.setButtonText(t("settings_resetcache_button"));
|
|
button.onClick(async () => {
|
|
await destroyDBs();
|
|
new Notice(t("settings_resetcache_notice"));
|
|
});
|
|
});
|
|
}
|
|
|
|
hide() {
|
|
let { containerEl } = this;
|
|
containerEl.empty();
|
|
super.hide();
|
|
}
|
|
}
|