Skip to content

Commit

Permalink
refactor: settings tab
Browse files Browse the repository at this point in the history
  • Loading branch information
@artisticat1
artisticat1 committed Apr 27, 2024
1 parent 28e5a04 commit 14c01cd
Showing 1 changed file with 83 additions and 55 deletions.
138 changes: 83 additions & 55 deletions src/settings/settings_tab.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
this.plugin = plugin;
}


hide() {
this.snippetsEditor?.destroy();
}
Expand All @@ -38,9 +37,21 @@ export class LatexSuiteSettingTab extends PluginSettingTab {

display(): void {
const { containerEl } = this;

containerEl.empty();

this.displaySnippetSettings();
this.displayConcealSettings();
this.displayColorHighlightBracketsSettings();
this.displayPopupPreviewSettings();
this.displayAutofractionSettings();
this.displayMatrixShortcutsSettings();
this.displayTaboutSettings();
this.displayAutoEnlargeBracketsSettings();
this.displayAdvancedSnippetSettings();
}

private displaySnippetSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Snippets", "ballpen");

new Setting(containerEl)
Expand Down Expand Up @@ -82,7 +93,7 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
const snippetsFileLocDesc = new DocumentFragment();
snippetsFileLocDesc.createDiv({}, div => {
div.innerHTML = `
The file or folder to load snippets from. The file or folder must be within your vault, and not within a hidden folder (such as <code>.obsidian/</code>).`
The file or folder to load snippets from. The file or folder must be within your vault, and not within a hidden folder (such as <code>.obsidian/</code>).`;
});

const snippetsFileLoc = new Setting(containerEl)
Expand All @@ -101,7 +112,7 @@ export class LatexSuiteSettingTab extends PluginSettingTab {

inputEl = component.inputEl;
inputEl.addClass("latex-suite-location-input-el");
})
});

this.snippetsFileLocEl = snippetsFileLoc.settingEl;
new FileSuggest(this.app, inputEl);
Expand All @@ -126,8 +137,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
})
);
}


private displayConcealSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Conceal", "math-integral-x");

{
Expand All @@ -151,8 +164,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
})
);
}
}


private displayColorHighlightBracketsSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Highlight and color brackets", "parentheses");

new Setting(containerEl)
Expand All @@ -173,17 +188,19 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
this.plugin.settings.highlightCursorBracketsEnabled = value;
await this.plugin.saveSettings();
}));
}


private displayPopupPreviewSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Math popup preview", "superscript");

const popup_fragment = document.createDocumentFragment();
const popup_line1 = document.createElement("div");
popup_line1.setText("When inside an equation, show a popup preview window of the rendered math.");
const popup_space = document.createElement("br");
const popup_line4 = document.createElement("div");
popup_line4.setText("The popup preview will be shown for all inline math equations, as well as for block math equations in Source mode.");
popup_fragment.append(popup_line1, popup_space, popup_line4);
const popup_line2 = document.createElement("div");
popup_line2.setText("The popup preview will be shown for all inline math equations, as well as for block math equations in Source mode.");
popup_fragment.append(popup_line1, popup_space, popup_line2);

new Setting(containerEl)
.setName("Enabled")
Expand All @@ -197,18 +214,21 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
}));

new Setting(containerEl)
.setName("Position")
.setDesc("Where to display the popup preview relative to the equation source.")
.addDropdown((dropdown) => dropdown
.addOption("Above", "Above")
.addOption("Below", "Below")
.setValue(this.plugin.settings.mathPreviewPositionIsAbove ? "Above" : "Below")
.onChange(async (value) => {
this.plugin.settings.mathPreviewPositionIsAbove = (value === "Above");
await this.plugin.saveSettings();
})
);
.setName("Position")
.setDesc("Where to display the popup preview relative to the equation source.")
.addDropdown((dropdown) => dropdown
.addOption("Above", "Above")
.addOption("Below", "Below")
.setValue(this.plugin.settings.mathPreviewPositionIsAbove ? "Above" : "Below")
.onChange(async (value) => {
this.plugin.settings.mathPreviewPositionIsAbove = (value === "Above");
await this.plugin.saveSettings();
})
);
}

private displayAutofractionSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Auto-fraction", "math-x-divide-y-2");

new Setting(containerEl)
Expand Down Expand Up @@ -257,8 +277,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {

await this.plugin.saveSettings();
}));
}


private displayMatrixShortcutsSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Matrix shortcuts", "brackets-contain");

new Setting(containerEl)
Expand All @@ -271,7 +293,6 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
}));


new Setting(containerEl)
.setName("Environments")
.setDesc("A list of environment names to run the matrix shortcuts in, separated by commas.")
Expand All @@ -284,7 +305,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
}));

}

private displayTaboutSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Tabout", "tabout");

new Setting(containerEl)
Expand All @@ -296,8 +320,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
this.plugin.settings.taboutEnabled = value;
await this.plugin.saveSettings();
}));
}


private displayAutoEnlargeBracketsSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Auto-enlarge brackets", "parentheses");

new Setting(containerEl)
Expand All @@ -322,8 +348,10 @@ export class LatexSuiteSettingTab extends PluginSettingTab {

await this.plugin.saveSettings();
}));
}


private displayAdvancedSnippetSettings() {
const containerEl = this.containerEl;
this.addHeading(containerEl, "Advanced snippet settings");

const snippetVariablesSetting = new Setting(containerEl)
Expand Down Expand Up @@ -374,8 +402,8 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
await this.plugin.saveSettings(true);
}, 500, true));

inputVariablesEl = component.inputEl;
inputVariablesEl.addClass("latex-suite-location-input-el");
inputVariablesEl = component.inputEl;
inputVariablesEl.addClass("latex-suite-location-input-el");
}
);

Expand All @@ -389,30 +417,30 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
this.snippetVariablesFileLocEl.toggleClass("hidden", !loadSnippetVariablesFromFile);

new Setting(containerEl)
.setName("Word delimiters")
.setDesc("Symbols that will be treated as word delimiters, for use with the \"w\" snippet option.")
.addText(text => text
.setPlaceholder(DEFAULT_SETTINGS.wordDelimiters)
.setValue(this.plugin.settings.wordDelimiters)
.onChange(async (value) => {
this.plugin.settings.wordDelimiters = value;
.setName("Word delimiters")
.setDesc("Symbols that will be treated as word delimiters, for use with the \"w\" snippet option.")
.addText(text => text
.setPlaceholder(DEFAULT_SETTINGS.wordDelimiters)
.setValue(this.plugin.settings.wordDelimiters)
.onChange(async (value) => {
this.plugin.settings.wordDelimiters = value;

await this.plugin.saveSettings();
}));
await this.plugin.saveSettings();
}));

new Setting(containerEl)
.setName("Remove trailing whitespaces in snippets in inline math")
.setDesc("Whether to remove trailing whitespaces when expanding snippets at the end of inline math blocks.")
.addToggle(toggle => toggle
.setValue(this.plugin.settings.removeSnippetWhitespace)
.onChange(async (value) => {
this.plugin.settings.removeSnippetWhitespace = value;
await this.plugin.saveSettings();
}));
.setName("Remove trailing whitespaces in snippets in inline math")
.setDesc("Whether to remove trailing whitespaces when expanding snippets at the end of inline math blocks.")
.addToggle(toggle => toggle
.setValue(this.plugin.settings.removeSnippetWhitespace)
.onChange(async (value) => {
this.plugin.settings.removeSnippetWhitespace = value;
await this.plugin.saveSettings();
}));

new Setting(containerEl)
.setName("Don't trigger snippets when IME is active")
.setDesc("Whether to suppress the snippet triggering when an IME is active.")
.setDesc("Whether to suppress snippets triggering when an IME is active.")
.addToggle((toggle) => toggle
.setValue(this.plugin.settings.suppressSnippetTriggerOnIME)
.onChange(async (value) => {
Expand All @@ -422,19 +450,18 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
);

new Setting(containerEl)
.setName("Code languages to interpret as math mode")
.setDesc("Codeblock languages where the whole code block should be treated like a math block, separated by commas.")
.addText(text => text
.setPlaceholder(DEFAULT_SETTINGS.forceMathLanguages)
.setValue(this.plugin.settings.forceMathLanguages)
.onChange(async (value) => {
this.plugin.settings.forceMathLanguages = value;
.setName("Code languages to interpret as math mode")
.setDesc("Codeblock languages where the whole code block should be treated like a math block, separated by commas.")
.addText(text => text
.setPlaceholder(DEFAULT_SETTINGS.forceMathLanguages)
.setValue(this.plugin.settings.forceMathLanguages)
.onChange(async (value) => {
this.plugin.settings.forceMathLanguages = value;

await this.plugin.saveSettings();
}));
await this.plugin.saveSettings();
}));
}


createSnippetsEditor(snippetsSetting: Setting) {
const customCSSWrapper = snippetsSetting.controlEl.createDiv("snippets-editor-wrapper");
const snippetsFooter = snippetsSetting.controlEl.createDiv("snippets-footer");
Expand Down Expand Up @@ -532,6 +559,7 @@ export class LatexSuiteSettingTab extends PluginSettingTab {
});
}
}

class ConfirmationModal extends Modal {

constructor(app: App, body: string, buttonCallback: (button: ButtonComponent) => void, clickCallback: () => Promise<void>) {
Expand Down

0 comments on commit 14c01cd

Please sign in to comment.