manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "simple-time-tracker",
     "name": "Super Simple Time Tracker",
-    "version": "0.2.0",
+    "version": "0.1.8",
     "minAppVersion": "1.2.8",
     "description": "Multi-purpose time trackers for your notes!",
     "author": "Ellpeck",

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "simple-time-tracker",
-    "version": "0.2.0",
+    "version": "0.1.7",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "simple-time-tracker",
-            "version": "0.2.0",
+            "version": "0.1.7",
             "license": "MIT",
             "devDependencies": {
                 "@types/node": "^16.11.6",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "simple-time-tracker",
-    "version": "0.2.0",
+    "version": "0.1.8",
     "description": "Multi-purpose time trackers for your notes!",
     "main": "main.js",
     "scripts": {

src/settings-tab.ts

@@ -52,17 +52,6 @@ export class SimpleTimeTrackerSettingsTab extends PluginSettingTab {
                 });
             });
 
-        new Setting(this.containerEl)
-            .setName("Timestamp Durations")
-            .setDesc("Whether durations should be displayed in a timestamp format (12:15:01) rather than the default duration format (12h 15m 1s).")
-            .addToggle(t => {
-                t.setValue(this.plugin.settings.timestampDurations);
-                t.onChange(async v => {
-                    this.plugin.settings.timestampDurations = 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.")

src/settings.ts

@@ -3,8 +3,7 @@ export const defaultSettings: SimpleTimeTrackerSettings = {
     editableTimestampFormat: "YYYY-MM-DD HH:mm:ss",
     csvDelimiter: ",",
     fineGrainedDurations: true,
-    reverseSegmentOrder: false,
-    timestampDurations: false
+    reverseSegmentOrder: false
 };
 
 export interface SimpleTimeTrackerSettings {
@@ -14,6 +13,5 @@ export interface SimpleTimeTrackerSettings {
     csvDelimiter: string;
     fineGrainedDurations: boolean;
     reverseSegmentOrder: boolean;
-    timestampDurations: boolean;
 
 }

src/tracker.ts

@@ -42,7 +42,7 @@ export function loadTracker(json: string): Tracker {
 }
 
 export function displayTracker(tracker: Tracker, element: HTMLElement, file: string, getSectionInfo: () => MarkdownSectionInformation, settings: SimpleTimeTrackerSettings): void {
-    element.addClass("simple-time-tracker-container");
+    element.classList.add("simple-time-tracker-container");
     // add start/stop controls
     let running = isRunning(tracker);
     let btn = new ButtonComponent(element)
@@ -215,37 +215,29 @@ function unformatEditableTimestamp(formatted: string, settings: SimpleTimeTracke
 function formatDuration(totalTime: number, settings: SimpleTimeTrackerSettings): string {
     let ret = "";
     let duration = moment.duration(totalTime);
-    let hours = settings.fineGrainedDurations ? duration.hours() : Math.floor(duration.asHours());
-
-    if (settings.timestampDurations) {
-        if (settings.fineGrainedDurations) {
-            let days = Math.floor(duration.asDays());
-            if (days > 0)
-                ret += days + ".";
-        }
-        ret += `${hours.toString().padStart(2, "0")}:${duration.minutes().toString().padStart(2, "0")}:${duration.seconds().toString().padStart(2, "0")}`;
+    let hours: number;
+    if (settings.fineGrainedDurations) {
+        if (duration.years() > 0)
+            ret += duration.years() + "y ";
+        if (duration.months() > 0)
+            ret += duration.months() + "M ";
+        if (duration.days() > 0)
+            ret += duration.days() + "d ";
+        hours = duration.hours();
     } else {
-        if (settings.fineGrainedDurations) {
-            let years = Math.floor(duration.asYears());
-            if (years > 0)
-                ret += years + "y ";
-            if (duration.months() > 0)
-                ret += duration.months() + "M ";
-            if (duration.days() > 0)
-                ret += duration.days() + "d ";
-        }
-        if (hours > 0)
-            ret += hours + "h ";
-        if (duration.minutes() > 0)
-            ret += duration.minutes() + "m ";
-        ret += duration.seconds() + "s";
+        hours = Math.floor(duration.asHours());
     }
+    if (hours > 0)
+        ret += hours + "h ";
+    if (duration.minutes() > 0)
+        ret += duration.minutes() + "m ";
+    ret += duration.seconds() + "s";
     return ret;
 }
 
 function fixLegacyTimestamps(entries: Entry[]): void {
     for (let entry of entries) {
-        if (entry.startTime && !isNaN(+entry.startTime))
+        if (!isNaN(+entry.startTime))
             entry.startTime = moment.unix(+entry.startTime).toISOString();
         if (entry.endTime && !isNaN(+entry.endTime))
             entry.endTime = moment.unix(+entry.endTime).toISOString();
@@ -313,7 +305,7 @@ class EditableField {
         this.label = this.cell.createEl("span", {text: value});
         this.label.style.marginLeft = `${indent}em`;
         this.box = new TextComponent(this.cell).setValue(value);
-        this.box.inputEl.addClass("simple-time-tracker-input");
+        this.box.inputEl.classList.add("simple-time-tracker-input");
         this.box.inputEl.hide();
     }
 
@@ -339,8 +331,8 @@ class EditableField {
 class EditableTimestampField extends EditableField {
     settings: SimpleTimeTrackerSettings;
 
-    constructor(row: HTMLTableRowElement, value: string, settings: SimpleTimeTrackerSettings) {
-        super(row, 0, value ? formatTimestamp(value, settings) : "");
+    constructor(row: HTMLTableRowElement, indent: number, value: string, settings: SimpleTimeTrackerSettings) {
+        super(row, indent, value ? formatTimestamp(value, settings) : "");
         this.settings = settings;
     }
 
@@ -370,32 +362,30 @@ class EditableTimestampField extends EditableField {
     }
 }
 
-function addEditableTableRow(tracker: Tracker, entry: Entry, table: HTMLTableElement, newSegmentNameBox: TextComponent, trackerRunning: boolean, file: string, getSectionInfo: () => MarkdownSectionInformation, settings: SimpleTimeTrackerSettings, indent: number): void {
-    let entryRunning = getRunningEntry(tracker.entries) == entry;
+function addEditableTableRow(tracker: Tracker, entry: Entry, table: HTMLTableElement, newSegmentNameBox: TextComponent, running: boolean, file: string, getSectionInfo: () => MarkdownSectionInformation, settings: SimpleTimeTrackerSettings, indent: number): void {
     let row = table.createEl("tr");
 
     let nameField = new EditableField(row, indent, entry.name);
-    let startField = new EditableTimestampField(row, (entry.startTime), settings);
-    let endField = new EditableTimestampField(row, (entry.endTime), settings);
+    let startField = new EditableTimestampField(row, indent, (entry.startTime), settings);
+    let endField = new EditableTimestampField(row, indent, (entry.endTime), settings);
 
     row.createEl("td", {text: entry.endTime || entry.subEntries ? formatDuration(getDuration(entry), settings) : ""});
 
     let entryButtons = row.createEl("td");
-    entryButtons.addClass("simple-time-tracker-table-buttons");
-    new ButtonComponent(entryButtons)
-        .setClass("clickable-icon")
-        .setIcon(`lucide-play`)
-        .setTooltip("Continue")
-        .setDisabled(trackerRunning)
-        .onClick(async () => {
-            startSubEntry(entry, newSegmentNameBox.getValue());
-            await saveTracker(tracker, this.app, file, getSectionInfo());
-        });
+    if (!running) {
+        new ButtonComponent(entryButtons)
+            .setClass("clickable-icon")
+            .setIcon(`lucide-play`)
+            .setTooltip("Continue")
+            .onClick(async () => {
+                startSubEntry(entry, newSegmentNameBox.getValue());
+                await saveTracker(tracker, this.app, file, getSectionInfo());
+            });
+    }
     let editButton = new ButtonComponent(entryButtons)
         .setClass("clickable-icon")
         .setTooltip("Edit")
         .setIcon("lucide-pencil")
-        .setDisabled(entryRunning)
         .onClick(async () => {
             if (nameField.editing()) {
                 entry.name = nameField.endEdit();
@@ -407,11 +397,8 @@ function addEditableTableRow(tracker: Tracker, entry: Entry, table: HTMLTableEle
                 editButton.setIcon("lucide-pencil");
             } else {
                 nameField.beginEdit(entry.name);
-                // only allow editing start and end times if we don't have sub entries
-                if (!entry.subEntries) {
-                    startField.beginEdit(entry.startTime);
-                    endField.beginEdit(entry.endTime);
-                }
+                startField.beginEdit((entry.startTime));
+                endField.beginEdit((entry.endTime));
                 editButton.setIcon("lucide-check");
             }
         });
@@ -419,7 +406,6 @@ function addEditableTableRow(tracker: Tracker, entry: Entry, table: HTMLTableEle
         .setClass("clickable-icon")
         .setTooltip("Remove")
         .setIcon("lucide-trash")
-        .setDisabled(entryRunning)
         .onClick(async () => {
             removeEntry(tracker.entries, entry);
             await saveTracker(tracker, this.app, file, getSectionInfo());
@@ -427,6 +413,6 @@ function addEditableTableRow(tracker: Tracker, entry: Entry, table: HTMLTableEle
 
     if (entry.subEntries) {
         for (let sub of orderedEntries(entry.subEntries, settings))
-            addEditableTableRow(tracker, sub, table, newSegmentNameBox, trackerRunning, file, getSectionInfo, settings, indent + 1);
+            addEditableTableRow(tracker, sub, table, newSegmentNameBox, running, file, getSectionInfo, settings, indent + 1);
     }
 }

styles.css

@@ -60,7 +60,6 @@
 
 .simple-time-tracker-table td,
 .simple-time-tracker-table th {
-    vertical-align: middle;
     border: none;
 }
 
@@ -72,11 +71,3 @@
     max-width: 150px;
     min-width: 100px;
 }
-
-.simple-time-tracker-table-buttons {
-    text-align: right !important;
-}
-
-.simple-time-tracker-table tr:hover {
-    background-color: var(--background-modifier-hover);
-}

test-vault/.obsidian/plugins/simple-time-tracker/data.json

@@ -2,7 +2,6 @@
   "timestampFormat": "YY-MM-DD hh:mm:ss",
   "editableTimestampFormat": "YYYY-MM-DD HH:mm:ss",
   "csvDelimiter": ",",
-  "fineGrainedDurations": true,
-  "reverseSegmentOrder": false,
-  "timestampDurations": true
+  "fineGrainedDurations": false,
+  "reverseSegmentOrder": true
 }

test-vault/duration_accumulation_test.md

@@ -2,9 +2,5 @@
 More notes for my cool project! This note shows that we can correctly display accumulated time that lasts longer than a 24 hour day! 
 
 ```simple-time-tracker
-{"entries":[{"name":"test","startTime":"2020-08-01T07:00:00.000Z","endTime":"2021-08-02T07:00:00.000Z","subEntries":null},{"name":"test","startTime":"2021-08-01T07:00:00.000Z","endTime":"2021-10-02T07:00:00.000Z","subEntries":null},{"name":"test","startTime":"1970-01-01T00:00:00.000Z","endTime":null,"subEntries":[{"name":"Part 1","startTime":"2022-08-01T07:00:00.000Z","endTime":"2022-08-02T07:00:00.000Z","subEntries":null},{"name":"Part 2","startTime":"2024-02-26T13:19:40.629Z","endTime":"2024-02-26T13:19:43.713Z","subEntries":null},{"name":"Part 3","startTime":"1970-01-01T00:00:00.000Z","endTime":null,"subEntries":[{"name":"Part 1","startTime":"2024-02-26T13:23:51.939Z","endTime":"2024-02-26T13:23:54.232Z","subEntries":null},{"name":"Part 2","startTime":"2024-02-26T13:27:34.397Z","endTime":"2024-02-26T13:27:49.282Z","subEntries":null}]},{"name":"Part 4","startTime":"2024-02-26T13:29:06.983Z","endTime":"2024-02-26T13:29:20.770Z","subEntries":null}]},{"name":"test","startTime":"2022-10-01T12:30:10.000Z","endTime":"2022-10-01T13:40:05.000Z","subEntries":null},{"name":"Segment 5","startTime":"1970-01-01T00:00:00.000Z","endTime":null,"subEntries":[{"name":"Part 1","startTime":"2023-05-23T16:16:56.000Z","endTime":"2023-05-23T16:16:59.000Z","subEntries":null},{"name":"Part 2","startTime":"1970-01-01T00:00:00.000Z","endTime":null,"subEntries":[{"name":"Part 1","startTime":"2024-02-26T13:30:39.632Z","endTime":"2024-02-26T13:30:56.290Z","subEntries":null},{"name":"Part 2","startTime":"2024-02-26T13:30:57.000Z","endTime":"2024-02-26T13:31:00.000Z","subEntries":null}]},{"name":"Part 3","startTime":"2024-02-26T13:34:18.537Z","endTime":"2024-02-26T13:34:21.169Z","subEntries":null}]}]}
-```
-
-```simple-time-tracker
-{"entries":[{"name":"Segment 1","startTime":null,"endTime":null,"subEntries":[{"name":"Part 1","startTime":null,"endTime":null,"subEntries":[{"name":"Part 1","startTime":"2024-02-26T13:37:59.292Z","endTime":"2024-02-26T13:38:01.437Z","subEntries":null},{"name":"Part 2","startTime":"2024-02-26T14:04:14.156Z","endTime":"2024-02-26T14:04:30.576Z","subEntries":null}]},{"name":"Part 2","startTime":"2024-02-26T13:38:16.235Z","endTime":"2024-02-26T13:38:18.895Z","subEntries":null}]}]}
+{"entries":[{"name":"test","startTime":"2020-08-01T07:00:00.000Z","endTime":"2021-08-02T07:00:00.000Z","subEntries":null},{"name":"test","startTime":"2021-08-01T07:00:00.000Z","endTime":"2021-10-02T07:00:00.000Z","subEntries":null},{"name":"test","startTime":"1970-01-01T00:00:00.000Z","endTime":null,"subEntries":[{"name":"Part 1","startTime":"2022-08-01T07:00:00.000Z","endTime":"2022-08-02T07:00:00.000Z","subEntries":null},{"name":"Part 2","startTime":"2024-02-26T13:19:40.629Z","endTime":"2024-02-26T13:19:43.713Z","subEntries":null},{"name":"Part 3","startTime":"2024-02-26T13:23:51.939Z","endTime":"2024-02-26T13:23:54.232Z","subEntries":null}]},{"name":"test","startTime":"2022-10-01T12:30:10.000Z","endTime":"2022-10-01T13:40:05.000Z","subEntries":null},{"name":"Segment 5","startTime":"2023-05-23T16:16:56.000Z","endTime":"2023-05-23T16:16:59.000Z","subEntries":null}]}
 ```

versions.json

@@ -8,6 +8,5 @@
     "0.1.5": "0.15.0",
     "0.1.6": "0.15.0",
     "0.1.7": "1.2.8",
-    "0.1.8": "1.3.0",
-    "0.2.0": "1.3.0"
+    "0.1.8": "1.3.0"
 }