client/options: minor tweaks

This commit is contained in:
Adorian Doran 2025-03-08 01:59:29 +02:00
parent 6d39c404c4
commit e74de6105a
25 changed files with 53 additions and 37 deletions

View File

@ -6,22 +6,36 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
const TPL = `
<div class="options-section">
<style>
.database-database-anonymization-option {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 1em;
}
.database-database-anonymization-option p {
margin-top: .75em;
flex-grow: 1;
}
</style>
<h4>${t("database_anonymization.title")}</h4>
<div class="row">
<p>${t("database_anonymization.choose_anonymization")}</p>
<p class="form-text">${t("database_anonymization.choose_anonymization")}</p>
<div class="col-md-6">
<div class="col-md-6 database-database-anonymization-option">
<h5>${t("database_anonymization.full_anonymization")}</h5>
<p>${t("database_anonymization.full_anonymization_description")}</p>
<p class="form-text">${t("database_anonymization.full_anonymization_description")}</p>
<button class="anonymize-full-button btn btn-secondary">${t("database_anonymization.save_fully_anonymized_database")}</button>
</div>
<div class="col-md-6">
<div class="col-md-6 database-database-anonymization-option">
<h5>${t("database_anonymization.light_anonymization")}</h5>
<p>${t("database_anonymization.light_anonymization_description")}</p>
<p class="form-text">${t("database_anonymization.light_anonymization_description")}</p>
<button class="anonymize-light-button btn btn-secondary">${t("database_anonymization.save_lightly_anonymized_database")}</button>
</div>

View File

@ -7,7 +7,7 @@ const TPL = `
<div class="options-section">
<h4>${t("database_integrity_check.title")}</h4>
<p>${t("database_integrity_check.description")}</p>
<p class="form-text">${t("database_integrity_check.description")}</p>
<button class="check-integrity-button btn btn-secondary">${t("database_integrity_check.check_button")}</button>
<button class="find-and-fix-consistency-issues-button btn btn-secondary">${t("consistency_checks.find_and_fix_button")}</button>

View File

@ -7,7 +7,7 @@ const TPL = `
<div class="options-section">
<h4>${t("vacuum_database.title")}</h4>
<p>${t("vacuum_database.description")}</p>
<p class="form-text">${t("vacuum_database.description")}</p>
<button class="vacuum-database-button btn btn-secondary">${t("vacuum_database.button_text")}</button>
</div>`;

View File

@ -25,7 +25,7 @@ const TPL = `
<div class="options-section">
<h4>${t("highlighting.title")}</h4>
<p>${t("highlighting.description")}</p>
<p class="form-text">${t("highlighting.description")}</p>
<div class="form-group row">
<div class="col-md-6">

View File

@ -11,7 +11,7 @@ const TPL = `
<div class="col-12">
<label for="zoom-factor-select">${t("electron_integration.zoom-factor")}</label>
<input id="zoom-factor-select" type="number" class="zoom-factor-select form-control options-number-input" min="0.3" max="2.0" step="0.1"/>
<p>${t("zoom_factor.description")}</p>
<p class="form-text">${t("zoom_factor.description")}</p>
</div>
</div>
<hr />

View File

@ -126,9 +126,9 @@ const TPL = `
</div>
</div>
<p>${t("fonts.note_tree_and_detail_font_sizing")}</p>
<p class="form-text">${t("fonts.note_tree_and_detail_font_sizing")}</p>
<p>${t("fonts.not_all_fonts_available")}</p>
<p class="form-text">${t("fonts.not_all_fonts_available")}</p>
<p>
${t("fonts.apply_font_changes")}

View File

@ -9,7 +9,7 @@ const TPL = `
<div class="options-section">
<h4>${t("max_content_width.title")}</h4>
<p>${t("max_content_width.default_description")}</p>
<p class="form-text">${t("max_content_width.default_description")}</p>
<div class="form-group row">
<div class="col-md-6">

View File

@ -32,7 +32,7 @@ const TPL = `
</li>
</ul>
<p>${t("backup.backup_recommendation")}</p>
<p class="form-text">${t("backup.backup_recommendation")}</p>
</div>
<div class="options-section">

View File

@ -6,7 +6,7 @@ const TPL = `
<div class="options-section">
<h4>${t("code_auto_read_only_size.title")}</h4>
<p>${t("code_auto_read_only_size.description")}</p>
<p class="form-text">${t("code_auto_read_only_size.description")}</p>
<div class="form-group">
<label for="auto-readonly-size-code">${t("code_auto_read_only_size.label")}</label>

View File

@ -9,7 +9,7 @@ const TPL = `
<div class="options-section">
<h4>${t("etapi.title")}</h4>
<p>${t("etapi.description")} <br/>
<p class="form-text">${t("etapi.description")} <br/>
${t("etapi.see_more", {
link_to_wiki: `<a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a>`,
// TODO: We use window.open src/public/app/services/link.ts -> prevents regular click behavior on "a" element here because it's a relative path

View File

@ -6,7 +6,7 @@ import { t } from "i18next";
const TPL = `
<div class="options-section">
<h4>${t("content_language.title")}</h4>
<p>${t("content_language.description")}</p>
<p class="form-text">${t("content_language.description")}</p>
<ul class="options-languages">
</ul>

View File

@ -18,7 +18,7 @@ const TPL = `
${t("images.download_images_automatically")}
</label>
<p>${t("images.download_images_description")}</p>
<p class="form-text">${t("images.download_images_description")}</p>
<hr />

View File

@ -8,10 +8,10 @@ const TPL = `
<div class="options-section">
<h4>${t("attachment_erasure_timeout.attachment_erasure_timeout")}</h4>
<p>${t("attachment_erasure_timeout.attachment_auto_deletion_description")}</p>
<p class="form-text">${t("attachment_erasure_timeout.attachment_auto_deletion_description")}</p>
<div id="time-selector-placeholder"></div>
<p>${t("attachment_erasure_timeout.manual_erasing_description")}</p>
<p class="form-text">${t("attachment_erasure_timeout.manual_erasing_description")}</p>
<button class="erase-unused-attachments-now-button btn btn-secondary">${t("attachment_erasure_timeout.erase_unused_attachments_now")}</button>
</div>`;

View File

@ -112,7 +112,7 @@ const TPL = `
</style>
<h4>${t("import.html_import_tags.title")}</h4>
<p>${t("import.html_import_tags.description")}</p>
<p class="form-text">${t("import.html_import_tags.description")}</p>
<textarea class="allowed-html-tags form-control" spellcheck="false"
placeholder="${t("import.html_import_tags.placeholder")}"></textarea>

View File

@ -8,9 +8,9 @@ import TimeSelector from "../time_selector.js";
const TPL = `
<div class="options-section">
<h4>${t("note_erasure_timeout.note_erasure_timeout_title")}</h4>
<p>${t("note_erasure_timeout.note_erasure_description")}</p>
<p class="form-text">${t("note_erasure_timeout.note_erasure_description")}</p>
<div id="time-selector-placeholder"></div>
<p>${t("note_erasure_timeout.manual_erasing_description")}</p>
<p class="form-text">${t("note_erasure_timeout.manual_erasing_description")}</p>
<button id="erase-deleted-notes-now-button" class="btn btn-secondary">${t("note_erasure_timeout.erase_deleted_notes_now")}</button>
</div>`;

View File

@ -8,7 +8,7 @@ const TPL = `
<div class="options-section">
<h4>${t("revisions_snapshot_limit.note_revisions_snapshot_limit_title")}</h4>
<p>${t("revisions_snapshot_limit.note_revisions_snapshot_limit_description")}</p>
<p class="form-text">${t("revisions_snapshot_limit.note_revisions_snapshot_limit_description")}</p>
<div class="form-group">
<label>${t("revisions_snapshot_limit.snapshot_number_limit_label")}</label>

View File

@ -5,7 +5,7 @@ const TPL = `
<div class="options-section">
<h4>${t("revisions_snapshot_interval.note_revisions_snapshot_interval_title")}</h4>
<p class="use-tn-links">${t("revisions_snapshot_interval.note_revisions_snapshot_description")}</p>
<p class="form-text use-tn-links">${t("revisions_snapshot_interval.note_revisions_snapshot_description")}</p>
<div id="time-selector-placeholder"></div>
</div>`;

View File

@ -7,7 +7,7 @@ const TPL = `
<div class="options-section">
<h4>${t("search_engine.title")}</h4>
<p>${t("search_engine.custom_search_engine_info")}</p>
<p class="form-text">${t("search_engine.custom_search_engine_info")}</p>
<form class="sync-setup-form">
<div class="form-group">

View File

@ -5,7 +5,9 @@ const TPL = `
<div class="options-section">
<h4>${t("password.protected_session_timeout")}</h4>
<p>${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
<p class="form-text">
${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}
</p>
<div id="time-selector-placeholder"></div>
</div>`;

View File

@ -30,7 +30,7 @@ const TPL = `
<h4>${t("shortcuts.keyboard_shortcuts")}</h4>
<p class="use-tn-links">
<p class="form-text use-tn-links">
${t("shortcuts.multiple_shortcuts")}
${t("shortcuts.electron_documentation")}
</p>

View File

@ -15,7 +15,7 @@ const TPL_ELECTRON = `
<div class="options-section">
<h4>${t("spellcheck.title")}</h4>
<p>${t("spellcheck.restart-required")}</p>
<p class="form-text">${t("spellcheck.restart-required")}</p>
<label class="tn-checkbox">
<input type="checkbox" class="spell-check-enabled">
@ -29,9 +29,9 @@ const TPL_ELECTRON = `
<input id="spell-check-language-code" type="text" class="spell-check-language-code form-control" placeholder="${t("spellcheck.language_code_placeholder")}">
</div>
<p>${t("spellcheck.multiple_languages_info")}</p>
<p class="form-text">${t("spellcheck.multiple_languages_info")}</p>
<p><strong>${t("spellcheck.available_language_codes_label")} </strong> <span class="available-language-codes"></span></p>
<p class="form-text"><strong>${t("spellcheck.available_language_codes_label")} </strong> <span class="available-language-codes"></span></p>
</div>`;
export default class SpellcheckOptions extends OptionsWidget {

View File

@ -23,8 +23,8 @@ const TPL = `
<label for="sync-proxy form-control" >${t("sync_2.proxy_label")}</label>
<input id="sync-proxy form-control" class="sync-proxy form-control" placeholder="https://<host>:<port>">
<p><strong>${t("sync_2.note")}:</strong> ${t("sync_2.note_description")}</p>
<p>${t("sync_2.special_value_description")}</p>
<p class="form-text"><strong>${t("sync_2.note")}:</strong> ${t("sync_2.note_description")}</p>
<p class="form-text">${t("sync_2.special_value_description")}</p>
</div>
<div style="display: flex; justify-content: space-between;">

View File

@ -20,9 +20,9 @@ const TPL = `
<h5>${t("highlights_list.visibility_title")}</h5>
<p>${t("highlights_list.visibility_description")}</p>
<p class="form-text">${t("highlights_list.visibility_description")}</p>
<p>${t("highlights_list.shortcut_info")}</p>
<p class="form-text">${t("highlights_list.shortcut_info")}</p>
</div>`;
export default class HighlightsListOptions extends OptionsWidget {

View File

@ -12,9 +12,9 @@ const TPL = `
<input type="number" class="min-toc-headings form-control options-number-input options-number-input" min="0" max="9999999999999999" step="1" />
</div>
<p>${t("table_of_contents.disable_info")}</p>
<p class="form-text">${t("table_of_contents.disable_info")}</p>
<p>${t("table_of_contents.shortcut_info")}</p>
<p class="form-text">${t("table_of_contents.shortcut_info")}</p>
</div>`;
export default class TableOfContentsOptions extends OptionsWidget {

View File

@ -6,7 +6,7 @@ const TPL = `
<div class="options-section">
<h4>${t("text_auto_read_only_size.title")}</h4>
<p>${t("text_auto_read_only_size.description")}</p>
<p class="form-text">${t("text_auto_read_only_size.description")}</p>
<div class="form-group">
<label for="auto-readonly-size-text">${t("text_auto_read_only_size.label")}</label>