mirror of
https://github.com/jxpeng98/obsidian-to-NotionNext
synced 2026-07-29 08:08:34 +08:00
feat: update UI text to use internationalization configuration for modals and notices
This commit is contained in:
@@ -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')
|
||||||
|
|||||||
@@ -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);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user