feat: update UI text to use internationalization configuration for modals and notices

This commit is contained in:
Jiaxin Peng
2025-10-31 23:36:49 +00:00
parent fab3acdc21
commit 7c841f3db3
5 changed files with 21 additions and 21 deletions

View File

@@ -93,7 +93,7 @@ export class EditModal extends SettingModal {
display(): void { display(): void {
this.containerEl.addClass("edit-modal"); this.containerEl.addClass("edit-modal");
this.titleEl.setText('Edit Database'); this.titleEl.setText(i18nConfig.EditDatabase);
let { contentEl } = this; let { contentEl } = this;
contentEl.empty(); contentEl.empty();
@@ -245,8 +245,8 @@ export class EditModal extends SettingModal {
} }
new Setting(containerEl) new Setting(containerEl)
.setName("Add New Property") .setName(i18nConfig.AddNewProperty)
.setDesc("Click to add a new property") .setDesc(i18nConfig.AddNewPropertyDesc)
.addButton(button => { .addButton(button => {
return button return button
.setButtonText('Add') .setButtonText('Add')

View File

@@ -19,7 +19,7 @@ export class PreviewModal extends Modal {
display(): void { display(): void {
this.containerEl.addClass('preview-modal') this.containerEl.addClass('preview-modal')
this.titleEl.setText('Preview') this.titleEl.setText(i18nConfig.Preview)
let { contentEl } = this; let { contentEl } = this;
@@ -27,21 +27,21 @@ export class PreviewModal extends Modal {
const dbFormatEl = new Setting(previewEl) const dbFormatEl = new Setting(previewEl)
dbFormatEl dbFormatEl
.setName('Database Format') .setName(i18nConfig.DatabaseFormatLabel)
.addText(text => text .addText(text => text
.setValue(this.dbDetails.format) .setValue(this.dbDetails.format)
.setDisabled(true)); .setDisabled(true));
const dbFullEl = new Setting(previewEl) const dbFullEl = new Setting(previewEl)
dbFullEl dbFullEl
.setName('Database Full Name') .setName(i18nConfig.DatabaseFullNameLabel)
.addText(text => text .addText(text => text
.setValue(this.dbDetails.fullName) .setValue(this.dbDetails.fullName)
.setDisabled(true)); .setDisabled(true));
const dbAbbrEl = new Setting(previewEl) const dbAbbrEl = new Setting(previewEl)
dbAbbrEl dbAbbrEl
.setName('Database Abbreviate Name') .setName(i18nConfig.DatabaseAbbreviateNameLabel)
.addText(text => text .addText(text => text
.setValue(this.dbDetails.abName) .setValue(this.dbDetails.abName)
.setDisabled(true)); .setDisabled(true));
@@ -49,12 +49,12 @@ export class PreviewModal extends Modal {
// Setting for toggle and copy buttons // Setting for toggle and copy buttons
new Setting(previewEl) new Setting(previewEl)
.setName('Notion API Key') .setName(i18nConfig.NotionAPILabel)
.addExtraButton((button: ExtraButtonComponent) => { .addExtraButton((button: ExtraButtonComponent) => {
let isApiKeyVisible = false; let isApiKeyVisible = false;
return button return button
.setTooltip('Toggle API Key Visibility') .setTooltip(i18nConfig.ToggleAPIKeyVisibility)
.setIcon('eye') .setIcon('eye')
.onClick(() => { .onClick(() => {
isApiKeyVisible = !isApiKeyVisible; isApiKeyVisible = !isApiKeyVisible;
@@ -73,11 +73,11 @@ export class PreviewModal extends Modal {
apiKeySetting apiKeySetting
.addExtraButton((button: ExtraButtonComponent) => { .addExtraButton((button: ExtraButtonComponent) => {
return button return button
.setTooltip('Copy API Key') .setTooltip(i18nConfig.CopyAPIKey)
.setIcon('clipboard') .setIcon('clipboard')
.onClick(() => { .onClick(() => {
navigator.clipboard.writeText(this.dbDetails.notionAPI) navigator.clipboard.writeText(this.dbDetails.notionAPI)
new Notice('API Key copied to clipboard'); new Notice(i18nConfig.APIKeyCopied);
}); });
}); });
@@ -86,12 +86,12 @@ export class PreviewModal extends Modal {
new Setting(previewEl) new Setting(previewEl)
.setName('Database ID') .setName(i18nConfig.DatabaseIDLabel)
.addExtraButton((button: ExtraButtonComponent) => { .addExtraButton((button: ExtraButtonComponent) => {
let isDbIdVisible = false; let isDbIdVisible = false;
return button return button
.setTooltip('Toggle Database ID Visibility') .setTooltip(i18nConfig.ToggleDatabaseIDVisibility)
.setIcon('eye') .setIcon('eye')
.onClick(() => { .onClick(() => {
@@ -108,11 +108,11 @@ export class PreviewModal extends Modal {
dbIdSetting dbIdSetting
.addExtraButton((button: ExtraButtonComponent) => { .addExtraButton((button: ExtraButtonComponent) => {
return button return button
.setTooltip('Copy Database ID') .setTooltip(i18nConfig.CopyDatabaseID)
.setIcon('clipboard') .setIcon('clipboard')
.onClick(() => { .onClick(() => {
navigator.clipboard.writeText(this.dbDetails.databaseID) navigator.clipboard.writeText(this.dbDetails.databaseID)
new Notice('Database ID copied to clipboard'); new Notice(i18nConfig.DatabaseIDCopied);
}); });
}); });

View File

@@ -56,7 +56,7 @@ export class SettingModal extends Modal {
display(): void { display(): void {
this.containerEl.addClass("settings-modal"); this.containerEl.addClass("settings-modal");
this.titleEl.setText('Add new database'); this.titleEl.setText(i18nConfig.AddNewDatabaseModal);
// create the dropdown button to select the database format // create the dropdown button to select the database format
let { contentEl } = this; let { contentEl } = this;

View File

@@ -123,11 +123,11 @@ export class ObsidianSettingTab extends PluginSettingTab {
// add new button // add new button
new Setting(containerEl) new Setting(containerEl)
.setName("Add New Database") .setName(i18nConfig.AddNewDatabase)
.setDesc("Add New Database") .setDesc(i18nConfig.AddNewDatabaseDesc)
.addButton((button: ButtonComponent): ButtonComponent => { .addButton((button: ButtonComponent): ButtonComponent => {
return button return button
.setTooltip("Add New Database") .setTooltip(i18nConfig.AddNewDatabaseTooltip)
.setIcon("plus") .setIcon("plus")
.onClick(async () => { .onClick(async () => {
let modal = new SettingModal(this.app, this.plugin, this); let modal = new SettingModal(this.app, this.plugin, this);

View File

@@ -160,7 +160,7 @@ export async function uploadCommandGeneral(
const {markDownData, nowFile, cover, tags} = await getNowFileMarkdownContentGeneral(app, settings) const {markDownData, nowFile, cover, tags} = await getNowFileMarkdownContentGeneral(app, settings)
new Notice(`Start upload ${nowFile.basename}`); new Notice(i18nConfig.StartUpload.replace('{filename}', nowFile.basename));
console.log(`Start upload ${nowFile.basename}`); console.log(`Start upload ${nowFile.basename}`);
if (markDownData) { if (markDownData) {
@@ -237,7 +237,7 @@ export async function uploadCommandCustom(
const {markDownData, nowFile, cover, customValues} = await getNowFileMarkdownContentCustom(app, dbDetails) const {markDownData, nowFile, cover, customValues} = await getNowFileMarkdownContentCustom(app, dbDetails)
new Notice(`Start upload ${nowFile.basename}`); new Notice(i18nConfig.StartUpload.replace('{filename}', nowFile.basename));
console.log(`Start upload ${nowFile.basename}`); console.log(`Start upload ${nowFile.basename}`);
if (markDownData) { if (markDownData) {