tpl
/
obsidian-sample-plugin
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed setting structure

This commit is contained in:
Nathan-CSE 2025-05-07 21:32:50 +10:00
parent 7c6293fa41
commit 789ef401c9
1 changed files with 28 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
main.ts
View File

@ -68,42 +68,34 @@ class GridBackgroundSettingTab extends PluginSettingTab {
const gridSizeSetting = new Setting(containerEl)
.setName('Grid Size')
.setDesc('Spacing between grid lines (in px)');
const gridSizeSlider = gridSizeSetting.addSlider(sliderValue =>
sliderValue
.setInstant(true)
.setValue(this.plugin.settings.gridSize)
.setLimits(20, 100, 1)
.onChange(async (value) => {
this.plugin.settings.gridSize = value || 20;
(gridSizeText.components[0] as TextComponent).setValue(value.toString());
await this.plugin.saveSettings();
})
);
const gridSizeText = gridSizeSetting.addText(text =>
text
.setPlaceholder('e.g. 20')
.setValue(this.plugin.settings.gridSize.toString())
.onChange(async (value) => {
this.plugin.settings.gridSize = parseInt(value) || 20;
(gridSizeText.components[0] as TextComponent).setValue(value.toString());
await this.plugin.saveSettings();
})
);
gridSizeSetting.addButton(button =>
button
.setButtonText('Reset')
.setCta()
.onClick(async () => {
this.plugin.settings.gridSize = DEFAULT_SETTINGS.gridSize;
(gridSizeText.components[0] as TextComponent).setValue(this.plugin.settings.gridSize.toString());
(gridSizeSlider.components[0] as SliderComponent).setValue(this.plugin.settings.gridSize);
await this.plugin.saveSettings();
})
);
.setDesc('Spacing between grid lines (in px)')
.addSlider(sliderValue =>
sliderValue
.setInstant(true)
.setValue(this.plugin.settings.gridSize)
.setLimits(20, 100, 1)
.onChange(async (value) => {
this.plugin.settings.gridSize = value || 20;
await this.plugin.saveSettings();
}))
.addText(text =>
text
.setPlaceholder('e.g. 20')
.setValue(this.plugin.settings.gridSize.toString())
.onChange(async (value) => {
this.plugin.settings.gridSize = parseInt(value) || 20;
await this.plugin.saveSettings();
})
)
.addButton(button =>
button
.setButtonText('Reset')
.setCta()
.onClick(async () => {
this.plugin.settings.gridSize = DEFAULT_SETTINGS.gridSize;
await this.plugin.saveSettings();
})
);
new Setting(containerEl)
.setName('Grid Colour')