Ellpeck/ObsidianSimpleTimeTracker
1
0
Fork 0
mirror of https://github.com/Ellpeck/ObsidianSimpleTimeTracker.git synced 2024-12-18 19:39:22 +01:00
Code Issues Projects Releases Wiki Activity

added fancier buttons

Browse source
This commit is contained in:
Ell 2022-10-10 14:51:11 +02:00
parent 4a5e663e1d
commit 5a0a810d95
5 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -16,7 +16,6 @@ The tracker's information is stored in the code block as JSON data. The names, s
# 🛣️ Roadmap # 🛣️ Roadmap
Super Simple Time Tracker is still in its early stages! There are a lot of plans for it, including: Super Simple Time Tracker is still in its early stages! There are a lot of plans for it, including:
- A setting to link segments to corresponding daily notes automatically - A setting to link segments to corresponding daily notes automatically
- A fancier Start and End button
# 🙏 Acknowledgements # 🙏 Acknowledgements
If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image! If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!

10
src/tracker.ts
View file

@ -59,7 +59,9 @@ export function displayTracker(tracker: Tracker, element: HTMLElement, getSectio
// add start/stop controls // add start/stop controls
let running = isRunning(tracker); let running = isRunning(tracker);
let btn = new ButtonComponent(element) let btn = new ButtonComponent(element)
.setButtonText(running ? "End" : "Start") .setClass("clickable-icon")
.setIcon(`lucide-${running ? "stop" : "play"}-circle`)
.setTooltip(running ? "End" : "Start")
.onClick(async () => { .onClick(async () => {
if (running) { if (running) {
endEntry(tracker); endEntry(tracker);
@ -102,10 +104,8 @@ export function displayTracker(tracker: Tracker, element: HTMLElement, getSectio
nameBox.inputEl.hidden = true; nameBox.inputEl.hidden = true;
row.createEl("td", { text: formatTimestamp(entry.startTime, settings) }); row.createEl("td", { text: formatTimestamp(entry.startTime, settings) });
if (entry.endTime) { row.createEl("td", { text: entry.endTime ? formatTimestamp(entry.endTime, settings) : "" });
row.createEl("td", { text: formatTimestamp(entry.endTime, settings) }); row.createEl("td", { text: entry.endTime ? formatDurationBetween(entry.startTime, entry.endTime) : "" });
row.createEl("td", { text: formatDurationBetween(entry.startTime, entry.endTime) });
}
let entryButtons = row.createEl("td"); let entryButtons = row.createEl("td");
let editButton = new ButtonComponent(entryButtons) let editButton = new ButtonComponent(entryButtons)

5
styles.css
View file

@ -20,6 +20,11 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.simple-time-tracker-btn svg {
width: 32px;
height: 32px;
}
.simple-time-tracker-bottom button { .simple-time-tracker-bottom button {
margin: 10px 5px 10px 5px; margin: 10px 5px 10px 5px;
} }

10
test-vault/.obsidian/plugins/simple-time-tracker/main.js vendored
View file

File diff suppressed because one or more lines are too long

5
test-vault/.obsidian/plugins/simple-time-tracker/styles.css vendored
View file

@ -20,6 +20,11 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.simple-time-tracker-btn svg {
width: 32px;
height: 32px;
}
.simple-time-tracker-bottom button { .simple-time-tracker-bottom button {
margin: 10px 5px 10px 5px; margin: 10px 5px 10px 5px;
} }