obsidian-plugin/playmean_obsidian-event-highlight-plugin
1
0
Fork 0
mirror of https://github.com/playmean/obsidian-event-highlight-plugin.git synced 2026-07-22 05:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: toggle full date with click

Browse source
This commit is contained in:
Aleksey Korolev 2024-10-22 01:23:33 +03:00
parent ce3c369849
commit 4328775dfe
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
main.ts
View file

@ -2,6 +2,7 @@ import { Plugin, moment, setIcon, setTooltip } from 'obsidian';
export default class EventHighlightPlugin extends Plugin {
private attributeName = 'data-datey';
private attributeSwapName = 'data-datey-swap';
private renderElement(el: Element, source: string) {
const parsedDate = moment(source, 'YYYY-MM-DD', true);
@ -37,6 +38,8 @@ export default class EventHighlightPlugin extends Plugin {
el.setAttribute(this.attributeName, source);
}
const isSwap = el.hasAttribute(this.attributeSwapName);
const dateSpan = el.createEl('div');
const iconSpan = dateSpan.createEl('div');
@ -59,9 +62,10 @@ export default class EventHighlightPlugin extends Plugin {
moment.relativeTimeRounding(roundingDefault);
dateSpan.createEl('div', {
text: isAfter
? workFormatted
: `${workFromNow.slice(0, 1).toLocaleUpperCase()}${workFromNow.slice(1)}`,
text:
isAfter || isSwap
? workFormatted
: `${workFromNow.slice(0, 1).toLocaleUpperCase()}${workFromNow.slice(1)}`,
});
iconSpan.style.display = 'inline-flex';
@ -124,6 +128,16 @@ export default class EventHighlightPlugin extends Plugin {
async onload() {
this.registerMarkdownCodeBlockProcessor('datey', (source, el, ctx) => {
this.renderElement(el, source.trim());
el.addEventListener('click', () => {
if (el.hasAttribute(this.attributeSwapName)) {
el.removeAttribute(this.attributeSwapName);
} else {
el.setAttribute(this.attributeSwapName, '');
}
this.renderElement(el, source.trim());
});
});
this.registerEvent(