bruno/remotely-save
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make settings styles much cleaner

Browse Source
This commit is contained in:
fyears 2022-05-04 00:12:03 +08:00
parent a5c25aecd0
commit 8bd456b08e
1 changed files with 50 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
src/settings.ts
View File

@ -679,9 +679,8 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
////////////////////////////////////////////////// //////////////////////////////////////////////////
// we need to create the div in advance of any other service divs // we need to create the div in advance of any other service divs
const serviceChooserFragDiv = containerEl.createEl("div"); const serviceChooserDiv = containerEl.createDiv();
serviceChooserFragDiv.createEl("h2", { text: t("settings_chooseservice") }); serviceChooserDiv.createEl("h2", { text: t("settings_chooseservice") });
const serviceChooserDiv = serviceChooserFragDiv.createEl("div");
////////////////////////////////////////////////// //////////////////////////////////////////////////
// below for s3 // below for s3
@ -691,27 +690,29 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
s3Div.toggleClass("s3-hide", this.plugin.settings.serviceType !== "s3"); s3Div.toggleClass("s3-hide", this.plugin.settings.serviceType !== "s3");
s3Div.createEl("h2", { text: t("settings_s3") }); s3Div.createEl("h2", { text: t("settings_s3") });
const s3LongDescDiv = s3Div.createEl("div", { cls: "settings-long-desc" });
for (const c of [ for (const c of [
t("settings_s3_disclaimer1"), t("settings_s3_disclaimer1"),
t("settings_s3_disclaimer2"), t("settings_s3_disclaimer2"),
]) { ]) {
s3Div.createEl("p", { s3LongDescDiv.createEl("p", {
text: c, text: c,
cls: "s3-disclaimer", cls: "s3-disclaimer",
}); });
} }
if (!VALID_REQURL) { if (!VALID_REQURL) {
s3Div.createEl("p", { s3LongDescDiv.createEl("p", {
text: t("settings_s3_cors"), text: t("settings_s3_cors"),
}); });
} }
s3Div.createEl("p", { s3LongDescDiv.createEl("p", {
text: t("settings_s3_prod"), text: t("settings_s3_prod"),
}); });
const s3LinksUl = s3Div.createEl("div").createEl("ul"); const s3LinksUl = s3LongDescDiv.createEl("ul");
s3LinksUl.createEl("li").createEl("a", { s3LinksUl.createEl("li").createEl("a", {
href: "https://docs.aws.amazon.com/general/latest/gr/s3.html", href: "https://docs.aws.amazon.com/general/latest/gr/s3.html",
@ -844,8 +845,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
} }
const partsConcurrencyDiv = s3Div.createEl("div"); new Setting(s3Div)
new Setting(partsConcurrencyDiv)
.setName(t("settings_s3_parts")) .setName(t("settings_s3_parts"))
.setDesc(t("settings_s3_parts_desc")) .setDesc(t("settings_s3_parts_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -897,16 +897,20 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
this.plugin.settings.serviceType !== "dropbox" this.plugin.settings.serviceType !== "dropbox"
); );
dropboxDiv.createEl("h2", { text: t("settings_dropbox") }); dropboxDiv.createEl("h2", { text: t("settings_dropbox") });
const dropboxLongDescDiv = dropboxDiv.createEl("div", {
cls: "settings-long-desc",
});
for (const c of [ for (const c of [
t("settings_dropbox_disclaimer1"), t("settings_dropbox_disclaimer1"),
t("settings_dropbox_disclaimer2"), t("settings_dropbox_disclaimer2"),
]) { ]) {
dropboxDiv.createEl("p", { dropboxLongDescDiv.createEl("p", {
text: c, text: c,
cls: "dropbox-disclaimer", cls: "dropbox-disclaimer",
}); });
} }
dropboxDiv.createEl("p", { dropboxLongDescDiv.createEl("p", {
text: t("settings_dropbox_folder", { text: t("settings_dropbox_folder", {
pluginID: this.plugin.manifest.id, pluginID: this.plugin.manifest.id,
remoteBaseDir: remoteBaseDir:
@ -1083,17 +1087,20 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
this.plugin.settings.serviceType !== "onedrive" this.plugin.settings.serviceType !== "onedrive"
); );
onedriveDiv.createEl("h2", { text: t("settings_onedrive") }); onedriveDiv.createEl("h2", { text: t("settings_onedrive") });
const onedriveLongDescDiv = onedriveDiv.createEl("div", {
cls: "settings-long-desc",
});
for (const c of [ for (const c of [
t("settings_onedrive_disclaimer1"), t("settings_onedrive_disclaimer1"),
t("settings_onedrive_disclaimer2"), t("settings_onedrive_disclaimer2"),
]) { ]) {
onedriveDiv.createEl("p", { onedriveLongDescDiv.createEl("p", {
text: c, text: c,
cls: "onedrive-disclaimer", cls: "onedrive-disclaimer",
}); });
} }
onedriveDiv.createEl("p", { onedriveLongDescDiv.createEl("p", {
text: t("settings_onedrive_folder", { text: t("settings_onedrive_folder", {
pluginID: this.plugin.manifest.id, pluginID: this.plugin.manifest.id,
remoteBaseDir: remoteBaseDir:
@ -1102,7 +1109,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}), }),
}); });
onedriveDiv.createEl("p", { onedriveLongDescDiv.createEl("p", {
text: t("settings_onedrive_nobiz"), text: t("settings_onedrive_nobiz"),
}); });
@ -1231,22 +1238,26 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
webdavDiv.createEl("h2", { text: t("settings_webdav") }); webdavDiv.createEl("h2", { text: t("settings_webdav") });
webdavDiv.createEl("p", { const webdavLongDescDiv = webdavDiv.createEl("div", {
cls: "settings-long-desc",
});
webdavLongDescDiv.createEl("p", {
text: t("settings_webdav_disclaimer1"), text: t("settings_webdav_disclaimer1"),
cls: "webdav-disclaimer", cls: "webdav-disclaimer",
}); });
if (!VALID_REQURL) { if (!VALID_REQURL) {
webdavDiv.createEl("p", { webdavLongDescDiv.createEl("p", {
text: t("settings_webdav_cors_os"), text: t("settings_webdav_cors_os"),
}); });
webdavDiv.createEl("p", { webdavLongDescDiv.createEl("p", {
text: t("settings_webdav_cors"), text: t("settings_webdav_cors"),
}); });
} }
webdavDiv.createEl("p", { webdavLongDescDiv.createEl("p", {
text: t("settings_webdav_folder", { text: t("settings_webdav_folder", {
remoteBaseDir: remoteBaseDir:
this.plugin.settings.webdav.remoteBaseDir || this.app.vault.getName(), this.plugin.settings.webdav.remoteBaseDir || this.app.vault.getName(),
@ -1485,9 +1496,8 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
const basicDiv = containerEl.createEl("div"); const basicDiv = containerEl.createEl("div");
basicDiv.createEl("h2", { text: t("settings_basic") }); basicDiv.createEl("h2", { text: t("settings_basic") });
const passwordDiv = basicDiv.createEl("div");
let newPassword = `${this.plugin.settings.password}`; let newPassword = `${this.plugin.settings.password}`;
new Setting(passwordDiv) new Setting(basicDiv)
.setName(t("settings_password")) .setName(t("settings_password"))
.setDesc(t("settings_password_desc")) .setDesc(t("settings_password_desc"))
.addText((text) => { .addText((text) => {
@ -1506,8 +1516,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const scheduleDiv = basicDiv.createEl("div"); new Setting(basicDiv)
new Setting(scheduleDiv)
.setName(t("settings_autorun")) .setName(t("settings_autorun"))
.setDesc(t("settings_autorun_desc")) .setDesc(t("settings_autorun_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -1544,8 +1553,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const runOnceStartUpDiv = basicDiv.createEl("div"); new Setting(basicDiv)
new Setting(runOnceStartUpDiv)
.setName(t("settings_runoncestartup")) .setName(t("settings_runoncestartup"))
.setDesc(t("settings_runoncestartup_desc")) .setDesc(t("settings_runoncestartup_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -1570,9 +1578,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
await this.plugin.saveSettings(); await this.plugin.saveSettings();
}); });
}); });
new Setting(basicDiv)
const skipLargeFilesDiv = basicDiv.createEl("div");
new Setting(skipLargeFilesDiv)
.setName(t("settings_skiplargefiles")) .setName(t("settings_skiplargefiles"))
.setDesc(t("settings_skiplargefiles_desc")) .setDesc(t("settings_skiplargefiles_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -1598,8 +1604,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
text: t("settings_adv"), text: t("settings_adv"),
}); });
const concurrencyDiv = advDiv.createEl("div"); new Setting(advDiv)
new Setting(concurrencyDiv)
.setName(t("settings_concurrency")) .setName(t("settings_concurrency"))
.setDesc(t("settings_concurrency_desc")) .setDesc(t("settings_concurrency_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -1620,8 +1625,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const syncUnderscoreItemsDiv = advDiv.createEl("div"); new Setting(advDiv)
new Setting(syncUnderscoreItemsDiv)
.setName(t("settings_syncunderscore")) .setName(t("settings_syncunderscore"))
.setDesc(t("settings_syncunderscore_desc")) .setDesc(t("settings_syncunderscore_desc"))
.addDropdown((dropdown) => { .addDropdown((dropdown) => {
@ -1637,8 +1641,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const syncConfigDirDiv = advDiv.createEl("div"); new Setting(advDiv)
new Setting(syncConfigDirDiv)
.setName(t("settings_configdir")) .setName(t("settings_configdir"))
.setDesc( .setDesc(
t("settings_configdir_desc", { t("settings_configdir_desc", {
@ -1681,8 +1684,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
text: t("settings_importexport"), text: t("settings_importexport"),
}); });
const exportSubDiv = importExportDiv.createEl("div"); new Setting(importExportDiv)
new Setting(exportSubDiv)
.setName(t("settings_export")) .setName(t("settings_export"))
.setDesc(t("settings_export_desc")) .setDesc(t("settings_export_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1692,8 +1694,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const importSubDiv = importExportDiv.createEl("div"); new Setting(importExportDiv)
new Setting(importSubDiv)
.setName(t("settings_import")) .setName(t("settings_import"))
.setDesc(t("settings_import_desc")); .setDesc(t("settings_import_desc"));
@ -1704,8 +1705,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
const debugDiv = containerEl.createEl("div"); const debugDiv = containerEl.createEl("div");
debugDiv.createEl("h2", { text: t("settings_debug") }); debugDiv.createEl("h2", { text: t("settings_debug") });
const setConsoleLogLevelDiv = debugDiv.createDiv("div"); new Setting(debugDiv)
new Setting(setConsoleLogLevelDiv)
.setName(t("settings_debuglevel")) .setName(t("settings_debuglevel"))
.setDesc(t("settings_debuglevel_desc")) .setDesc(t("settings_debuglevel_desc"))
.addDropdown(async (dropdown) => { .addDropdown(async (dropdown) => {
@ -1720,8 +1720,8 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
log.info(`the log level is changed to ${val}`); log.info(`the log level is changed to ${val}`);
}); });
}); });
const outputCurrSettingsDiv = debugDiv.createDiv("div");
new Setting(outputCurrSettingsDiv) new Setting(debugDiv)
.setName(t("settings_outputsettingsconsole")) .setName(t("settings_outputsettingsconsole"))
.setDesc(t("settings_outputsettingsconsole_desc")) .setDesc(t("settings_outputsettingsconsole_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1732,8 +1732,8 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
new Notice(t("settings_outputsettingsconsole_notice")); new Notice(t("settings_outputsettingsconsole_notice"));
}); });
}); });
const syncPlanDiv = debugDiv.createEl("div");
new Setting(syncPlanDiv) new Setting(debugDiv)
.setName(t("settings_syncplans")) .setName(t("settings_syncplans"))
.setDesc(t("settings_syncplans_desc")) .setDesc(t("settings_syncplans_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1760,7 +1760,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
new Notice(t("settings_syncplans_notice")); new Notice(t("settings_syncplans_notice"));
}); });
}); });
new Setting(syncPlanDiv) new Setting(debugDiv)
.setName(t("settings_delsyncplans")) .setName(t("settings_delsyncplans"))
.setDesc(t("settings_delsyncplans_desc")) .setDesc(t("settings_delsyncplans_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1771,8 +1771,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const logToDBDiv = debugDiv.createEl("div"); new Setting(debugDiv)
new Setting(logToDBDiv)
.setName(t("settings_logtodb")) .setName(t("settings_logtodb"))
.setDesc(t("settings_logtodb_desc")) .setDesc(t("settings_logtodb_desc"))
.addDropdown(async (dropdown) => { .addDropdown(async (dropdown) => {
@ -1799,7 +1798,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
new Setting(logToDBDiv) new Setting(debugDiv)
.setName(t("settings_logtodbexport")) .setName(t("settings_logtodbexport"))
.setDesc( .setDesc(
t("settings_logtodbexport_desc", { t("settings_logtodbexport_desc", {
@ -1818,7 +1817,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
new Setting(logToDBDiv) new Setting(debugDiv)
.setName(t("settings_logtodbclear")) .setName(t("settings_logtodbclear"))
.setDesc(t("settings_logtodbclear_desc")) .setDesc(t("settings_logtodbclear_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1829,8 +1828,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const syncMappingDiv = debugDiv.createEl("div"); new Setting(debugDiv)
new Setting(syncMappingDiv)
.setName(t("settings_delsyncmap")) .setName(t("settings_delsyncmap"))
.setDesc(t("settings_delsyncmap_desc")) .setDesc(t("settings_delsyncmap_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1841,8 +1839,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const outputCurrBasePathVaultIDDiv = debugDiv.createDiv("div"); new Setting(debugDiv)
new Setting(outputCurrBasePathVaultIDDiv)
.setName(t("settings_outputbasepathvaultid")) .setName(t("settings_outputbasepathvaultid"))
.setDesc(t("settings_outputbasepathvaultid_desc")) .setDesc(t("settings_outputbasepathvaultid_desc"))
.addButton(async (button) => { .addButton(async (button) => {
@ -1853,8 +1850,7 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
}); });
}); });
const dbsResetDiv = debugDiv.createEl("div"); new Setting(debugDiv)
new Setting(dbsResetDiv)
.setName(t("settings_resetcache")) .setName(t("settings_resetcache"))
.setDesc(t("settings_resetcache_desc")) .setDesc(t("settings_resetcache_desc"))
.addButton(async (button) => { .addButton(async (button) => {