Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-11-03 22:51:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(client/ts): port options/other

Browse Source
This commit is contained in:
Elian Doran 2025-01-11 11:18:50 +02:00
parent 03241a8967
commit 677760282c
No known key found for this signature in database
8 changed files with 65 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.js → src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
View File

@ -2,6 +2,7 @@ import OptionsWidget from "../options_widget.js";
import server from "../../../../services/server.js";
import toastService from "../../../../services/toast.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
@ -13,13 +14,17 @@ const TPL = `
<label>${t("attachment_erasure_timeout.erase_attachments_after_x_seconds")}</label>
<input class="erase-unused-attachments-after-time-in-seconds form-control options-number-input" type="number" min="0">
</div>
<p>${t("attachment_erasure_timeout.manual_erasing_description")}</p>
<button class="erase-unused-attachments-now-button btn">${t("attachment_erasure_timeout.erase_unused_attachments_now")}</button>
</div>`;
export default class AttachmentErasureTimeoutOptions extends OptionsWidget {
private $eraseUnusedAttachmentsAfterTimeInSeconds!: JQuery<HTMLElement>;
private $eraseUnusedAttachmentsNowButton!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$eraseUnusedAttachmentsAfterTimeInSeconds = this.$widget.find(".erase-unused-attachments-after-time-in-seconds");
@ -33,7 +38,7 @@ export default class AttachmentErasureTimeoutOptions extends OptionsWidget {
});
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$eraseUnusedAttachmentsAfterTimeInSeconds.val(options.eraseUnusedAttachmentsAfterSeconds);
}
}

17
src/public/app/widgets/type_widgets/options/other/html_import_tags.js → src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
View File

@ -1,5 +1,6 @@
import OptionsWidget from "../options_widget.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
// TODO: Deduplicate with src/services/html_sanitizer once there is a commons project between client and server.
export const DEFAULT_ALLOWED_TAGS = [
@ -103,12 +104,12 @@ export const DEFAULT_ALLOWED_TAGS = [
const TPL = `
<div class="options-section">
<h4>${t("import.html_import_tags.title")}</h4>
<p>${t("import.html_import_tags.description")}</p>
<textarea class="allowed-html-tags form-control" style="height: 150px; font-family: monospace;"
<textarea class="allowed-html-tags form-control" style="height: 150px; font-family: monospace;"
placeholder="${t("import.html_import_tags.placeholder")}"></textarea>
<div>
<button class="btn btn-sm btn-secondary reset-to-default">
${t("import.html_import_tags.reset_button")}
@ -117,6 +118,10 @@ const TPL = `
</div>`;
export default class HtmlImportTagsOptions extends OptionsWidget {
private $allowedTags!: JQuery<HTMLElement>;
private $resetButton!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.contentSized();
@ -131,7 +136,7 @@ export default class HtmlImportTagsOptions extends OptionsWidget {
this.refresh();
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
try {
if (options.allowedHtmlTags) {
const tags = JSON.parse(options.allowedHtmlTags);
@ -148,7 +153,7 @@ export default class HtmlImportTagsOptions extends OptionsWidget {
}
async saveTags() {
const tagsText = this.$allowedTags.val();
const tagsText = String(this.$allowedTags.val()) || "";
const tags = tagsText
.split(/[\n,\s]+/) // Split on newlines, commas, or spaces
.map((tag) => tag.trim())

8
src/public/app/widgets/type_widgets/options/other/network_connections.js → src/public/app/widgets/type_widgets/options/other/network_connections.ts
View File

@ -1,10 +1,11 @@
import OptionsWidget from "../options_widget.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
<h4>${t("network_connections.network_connections_title")}</h4>
<label>
<input class="check-for-updates form-check-input" type="checkbox" name="check-for-updates">
${t("network_connections.check_for_updates")}
@ -12,13 +13,16 @@ const TPL = `
</div>`;
export default class NetworkConnectionsOptions extends OptionsWidget {
private $checkForUpdates!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$checkForUpdates = this.$widget.find(".check-for-updates");
this.$checkForUpdates.on("change", () => this.updateCheckboxOption("checkForUpdates", this.$checkForUpdates));
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.setCheckboxState(this.$checkForUpdates, options.checkForUpdates);
}
}

11
src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.js → src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
View File

@ -2,6 +2,7 @@ import OptionsWidget from "../options_widget.js";
import server from "../../../../services/server.js";
import toastService from "../../../../services/toast.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
@ -13,13 +14,17 @@ const TPL = `
<label>${t("note_erasure_timeout.erase_notes_after_x_seconds")}</label>
<input class="erase-entities-after-time-in-seconds form-control options-number-input" type="number" min="0">
</div>
<p>${t("note_erasure_timeout.manual_erasing_description")}</p>
<button class="erase-deleted-notes-now-button btn">${t("note_erasure_timeout.erase_deleted_notes_now")}</button>
</div>`;
export default class NoteErasureTimeoutOptions extends OptionsWidget {
private $eraseEntitiesAfterTimeInSeconds!: JQuery<HTMLElement>;
private $eraseDeletedNotesButton!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$eraseEntitiesAfterTimeInSeconds = this.$widget.find(".erase-entities-after-time-in-seconds");
@ -33,7 +38,7 @@ export default class NoteErasureTimeoutOptions extends OptionsWidget {
});
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$eraseEntitiesAfterTimeInSeconds.val(options.eraseEntitiesAfterTimeInSeconds);
}
}

9
src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.js → src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
View File

@ -2,6 +2,7 @@ import OptionsWidget from "../options_widget.js";
import { t } from "../../../../services/i18n.js";
import server from "../../../../services/server.js";
import toastService from "../../../../services/toast.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
@ -19,11 +20,15 @@ const TPL = `
</div>`;
export default class RevisionSnapshotsLimitOptions extends OptionsWidget {
private $revisionSnapshotsNumberLimit!: JQuery<HTMLElement>;
private $eraseExcessRevisionSnapshotsButton!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$revisionSnapshotsNumberLimit = this.$widget.find(".revision-snapshot-number-limit");
this.$revisionSnapshotsNumberLimit.on("change", () => {
let revisionSnapshotNumberLimit = this.$revisionSnapshotsNumberLimit.val();
let revisionSnapshotNumberLimit = parseInt(String(this.$revisionSnapshotsNumberLimit.val()), 10);
if (!isNaN(revisionSnapshotNumberLimit) && revisionSnapshotNumberLimit >= -1) {
this.updateOption("revisionSnapshotNumberLimit", revisionSnapshotNumberLimit);
}
@ -36,7 +41,7 @@ export default class RevisionSnapshotsLimitOptions extends OptionsWidget {
});
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$revisionSnapshotsNumberLimit.val(options.revisionSnapshotNumberLimit);
}
}

6
src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.js → src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
View File

@ -1,5 +1,6 @@
import OptionsWidget from "../options_widget.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
@ -14,13 +15,16 @@ const TPL = `
</div>`;
export default class RevisionsSnapshotIntervalOptions extends OptionsWidget {
private $revisionsTimeInterval!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$revisionsTimeInterval = this.$widget.find(".revision-snapshot-time-interval-in-seconds");
this.$revisionsTimeInterval.on("change", () => this.updateOption("revisionSnapshotTimeInterval", this.$revisionsTimeInterval.val()));
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$revisionsTimeInterval.val(options.revisionSnapshotTimeInterval);
}
}

23
src/public/app/widgets/type_widgets/options/other/search_engine.js → src/public/app/widgets/type_widgets/options/other/search_engine.ts
View File

@ -1,13 +1,14 @@
import OptionsWidget from "../options_widget.js";
import utils from "../../../../services/utils.js";
import { t } from "../../../../services/i18n.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
<h4>${t("search_engine.title")}</h4>
<p>${t("search_engine.custom_search_engine_info")}</p>
<form class="sync-setup-form">
<div class="form-group">
<label for="predefined-search-engine-select">${t("search_engine.predefined_templates_label")}</label>
@ -18,24 +19,24 @@ const TPL = `
<option value="Google">${t("search_engine.google")}</option>
</select>
</div>
<div class="form-group">
<label>${t("search_engine.custom_name_label")}</label>
<input type="text" class="custom-search-engine-name form-control" placeholder="${t("search_engine.custom_name_placeholder")}">
</div>
<div class="form-group">
<label>${t("search_engine.custom_url_label")}</label>
<input type="text" class="custom-search-engine-url form-control" placeholder="${t("search_engine.custom_url_placeholder")}">
</div>
<div style="display: flex; justify-content: space-between;">
<button class="btn btn-primary">${t("search_engine.save_button")}</button>
</div>
</form>
</div>`;
const SEARCH_ENGINES = {
const SEARCH_ENGINES: Record<string, string> = {
Bing: "https://www.bing.com/search?q={keyword}",
Baidu: "https://www.baidu.com/s?wd={keyword}",
DuckDuckGo: "https://duckduckgo.com/?q={keyword}",
@ -43,6 +44,12 @@ const SEARCH_ENGINES = {
};
export default class SearchEngineOptions extends OptionsWidget {
private $form!: JQuery<HTMLElement>;
private $predefinedSearchEngineSelect!: JQuery<HTMLElement>;
private $customSearchEngineName!: JQuery<HTMLInputElement>;
private $customSearchEngineUrl!: JQuery<HTMLInputElement>;
isEnabled() {
return super.isEnabled() && utils.isElectron();
}
@ -56,7 +63,7 @@ export default class SearchEngineOptions extends OptionsWidget {
this.$customSearchEngineUrl = this.$widget.find(".custom-search-engine-url");
this.$predefinedSearchEngineSelect.on("change", () => {
const predefinedSearchEngine = this.$predefinedSearchEngineSelect.val();
const predefinedSearchEngine = String(this.$predefinedSearchEngineSelect.val());
this.$customSearchEngineName[0].value = predefinedSearchEngine;
this.$customSearchEngineUrl[0].value = SEARCH_ENGINES[predefinedSearchEngine];
});
@ -69,7 +76,7 @@ export default class SearchEngineOptions extends OptionsWidget {
});
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$predefinedSearchEngineSelect.val("");
this.$customSearchEngineName[0].value = options.customSearchEngineName;
this.$customSearchEngineUrl[0].value = options.customSearchEngineUrl;

6
src/public/app/widgets/type_widgets/options/other/tray.js → src/public/app/widgets/type_widgets/options/other/tray.ts
View File

@ -1,6 +1,7 @@
import OptionsWidget from "../options_widget.js";
import { t } from "../../../../services/i18n.js";
import utils from "../../../../services/utils.js";
import type { OptionMap } from "../../../../../../services/options_interface.js";
const TPL = `
<div class="options-section">
@ -13,6 +14,9 @@ const TPL = `
</div>`;
export default class TrayOptions extends OptionsWidget {
private $trayEnabled!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$trayEnabled = this.$widget.find(".tray-enabled");
@ -23,7 +27,7 @@ export default class TrayOptions extends OptionsWidget {
return utils.isElectron();
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this.$trayEnabled.prop("checked", options.disableTray !== "true");
}
}