Ellpeck/ObsidianSimpleTimeTracker
1
0
Fork 0
mirror of https://github.com/Ellpeck/ObsidianSimpleTimeTracker.git synced 2024-11-27 19:48:34 +01:00
Code Issues Projects Releases Wiki Activity

feat: add tag display to Segment

Browse source
This commit is contained in:
bK3127B201 2024-03-14 18:20:58 +02:00
parent 48d576aaa2
commit 1e15966bfc
1 changed files with 48 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/tracker.ts
View file

@ -370,11 +370,58 @@ class EditableTimestampField extends EditableField {
}
}
class EditableTagField extends EditableField {
constructor(row: HTMLTableRowElement, indent: number, value: string) {
super(row, indent, value);
const tagValue = this.getTag(value);
this.label.innerHTML = tagValue;
}
beginEdit(value: string): void {
super.beginEdit(value ? this.setTag(value) : "");
}
endEdit(): string {
const value = this.box.getValue();
let displayValue = value;
if (value) {
displayValue = this.getTag(value);
}
this.label.innerHTML = displayValue;
this.box.inputEl.hide();
this.label.hidden = false;
return value;
}
getTag(value: string): string {
const regex = /#(\S+)(?=\s|$)/;
const match = value.match(regex);
if (match) {
const tagName = match[0];
const tagHtml = `<a href="${tagName}" class="tag" target="_blank" rel="noopener" data-tag-name="${tagName}">${tagName}</a>`;
return value.replace(regex, tagHtml);
}
return value;
}
setTag(value: string): string {
const anchorRegex = /<a href="([^"]+)" class="tag" target="_blank" rel="noopener" data-tag-name="([^"]+)">([^<]+)<\/a>/;
const match = value.match(anchorRegex);
if (match) {
const tagName = match[2];
return value.replace(anchorRegex, tagName);
}
return value;
}
}
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;
let row = table.createEl("tr");
let nameField = new EditableField(row, indent, entry.name);
//let nameField = new EditableField(row, indent, entry.name);
let nameField = new EditableTagField(row, indent, entry.name);
let startField = new EditableTimestampField(row, (entry.startTime), settings);
let endField = new EditableTimestampField(row, (entry.endTime), settings);