Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-11-04 07:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(calendar_view): display hours in calendar view

Browse Source
This commit is contained in:
Elian Doran 2025-04-08 23:28:27 +03:00
parent eea141225d
commit b1c8e625b2
No known key found for this signature in database
1 changed files with 25 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/public/app/widgets/view_widgets/calendar_view.ts
View File

@ -155,7 +155,31 @@ export default class CalendarView extends ViewMode {
locale: await CalendarView.#getLocale(),
height: "100%",
nowIndicator: true,
eventContent: this.#buildEventContent,
eventDidMount: (e) => {
const { iconClass, promotedAttributes } = e.event.extendedProps;
// Append promoted attributes to the end of the event container.
if (promotedAttributes) {
let promotedAttributesHtml = "";
for (const [name, value] of promotedAttributes) {
promotedAttributesHtml = /*html*/`\
<div class="promoted-attribute">
<span class="promoted-attribute-name">${name}</span>: <span class="promoted-attribute-value">${value}</span>
</div>`;
}
let mainContainer;
switch (e.view.type) {
case "timeGridWeek":
mainContainer = e.el.querySelector(".fc-event-main");
break;
case "listMonth":
mainContainer = e.el.querySelector(".fc-list-event-title");
break;
}
$(mainContainer ?? e.el).append($(promotedAttributesHtml));
}
},
dateClick: async (e) => {
if (!this.isCalendarRoot) {
return;
@ -178,29 +202,6 @@ export default class CalendarView extends ViewMode {
return this.$root;
}
#buildEventContent(e: EventDropArg) {
let html = "";
const { iconClass, promotedAttributes } = e.event.extendedProps;
// Title and icon
if (iconClass) {
html += `<span class="${iconClass}"></span> `;
}
html += utils.escapeHtml(e.event.title);
// Promoted attributes
if (promotedAttributes) {
for (const [name, value] of promotedAttributes) {
html += `\
<div class="promoted-attribute">
<span class="promoted-attribute-name">${name}</span>: <span class="promoted-attribute-value">${value}</span>
</div>`;
}
}
return { html };
}
static async #getLocale() {
const locale = options.get("locale");