mirror of
https://github.com/Ellpeck/ObsidianSimpleTimeTracker.git
synced 2024-06-15 19:44:30 +02:00
50 lines
2.3 KiB
TypeScript
50 lines
2.3 KiB
TypeScript
import { App, PluginSettingTab, Setting } from "obsidian";
|
|
import SimpleTimeTrackerPlugin from "./main";
|
|
import { defaultSettings } from "./settings";
|
|
|
|
export class SimpleTimeTrackerSettingsTab extends PluginSettingTab {
|
|
|
|
plugin: SimpleTimeTrackerPlugin;
|
|
|
|
constructor(app: App, plugin: SimpleTimeTrackerPlugin) {
|
|
super(app, plugin);
|
|
this.plugin = plugin;
|
|
}
|
|
|
|
display(): void {
|
|
this.containerEl.empty();
|
|
this.containerEl.createEl("h2", { text: "Super Simple Time Tracker Settings" });
|
|
|
|
new Setting(this.containerEl)
|
|
.setName("Timestamp Display Format")
|
|
.setDesc(createFragment(f => {
|
|
f.createSpan({ text: "The way that timestamps in time tracker tables should be displayed. Uses " });
|
|
f.createEl("a", { text: "moment.js", href: "https://momentjs.com/docs/#/parsing/string-format/" });
|
|
f.createSpan({ text: " syntax." });
|
|
}))
|
|
.addText(t => {
|
|
t.setValue(String(this.plugin.settings.timestampFormat));
|
|
t.onChange(async v => {
|
|
this.plugin.settings.timestampFormat = v.length ? v : defaultSettings.timestampFormat;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
new Setting(this.containerEl)
|
|
.setName("CSV Delimiter")
|
|
.setDesc("The delimiter character that should be used when copying a tracker table as CSV. For example, some languages use a semicolon instead of a comma.")
|
|
.addText(t => {
|
|
t.setValue(String(this.plugin.settings.csvDelimiter));
|
|
t.onChange(async v => {
|
|
this.plugin.settings.csvDelimiter = v.length ? v : defaultSettings.csvDelimiter;
|
|
await this.plugin.saveSettings();
|
|
});
|
|
});
|
|
|
|
this.containerEl.createEl("hr");
|
|
this.containerEl.createEl("p", { text: "If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!" });
|
|
this.containerEl.createEl("a", { href: "https://ellpeck.de/support" })
|
|
.createEl("img", { attr: { src: "https://ellpeck.de/res/generalsupport.png" }, cls: "simple-time-tracker-support" });
|
|
}
|
|
}
|