ObsidianSimpleTimeTracker/src/settings-tab.ts

75 lines
3.3 KiB
TypeScript
Raw Normal View History

import {App, PluginSettingTab, Setting} from "obsidian";
2022-09-27 15:36:25 +02:00
import SimpleTimeTrackerPlugin from "./main";
import {defaultSettings} from "./settings";
2022-09-27 15:36:25 +02:00
export class SimpleTimeTrackerSettingsTab extends PluginSettingTab {
plugin: SimpleTimeTrackerPlugin;
constructor(app: App, plugin: SimpleTimeTrackerPlugin) {
super(app, plugin);
this.plugin = plugin;
}
display(): void {
this.containerEl.empty();
2023-05-22 20:01:50 +02:00
this.containerEl.createEl("h2", {text: "Super Simple Time Tracker Settings"});
2022-09-27 15:36:25 +02:00
2022-09-28 13:18:37 +02:00
new Setting(this.containerEl)
.setName("Timestamp Display Format")
.setDesc(createFragment(f => {
2023-05-22 20:01:50 +02:00
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."});
2022-09-28 13:18:37 +02:00
}))
.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();
});
});
2022-09-27 15:36:25 +02:00
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();
});
});
new Setting(this.containerEl)
.setName("Fine-Grained Durations")
.setDesc("Whether durations should include days, months and years. If this is disabled, additional time units will be displayed as part of the hours.")
.addToggle(t => {
t.setValue(this.plugin.settings.fineGrainedDurations);
t.onChange(async v => {
this.plugin.settings.fineGrainedDurations = v;
await this.plugin.saveSettings();
});
});
new Setting(this.containerEl)
.setName("Display Segments in Reverse Order")
.setDesc("Whether older tracker segments should be displayed towards the bottom of the tracker, rather than the top.")
.addToggle(t => {
t.setValue(this.plugin.settings.reverseSegmentOrder);
t.onChange(async v => {
this.plugin.settings.reverseSegmentOrder = v;
await this.plugin.saveSettings();
});
});
2022-09-27 15:36:25 +02:00
this.containerEl.createEl("hr");
2023-05-22 20:01:50 +02:00
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"
});
2022-09-27 15:36:25 +02:00
}
}