38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { Renderer, RenderContext } from '../../core/IGroupingRenderer';
|
|
import { DateService } from '../../core/DateService';
|
|
|
|
export class DateRenderer implements Renderer {
|
|
readonly type = 'date';
|
|
next: Renderer | null = null;
|
|
|
|
constructor(private dateService: DateService) {}
|
|
|
|
render(context: RenderContext): void {
|
|
const dates = context.filter['date'] || [];
|
|
const resourceCount = context.filter['resource']?.length || 1;
|
|
|
|
// Render dates for HVER resource (resourceCount gange)
|
|
for (let r = 0; r < resourceCount; r++) {
|
|
for (const dateStr of dates) {
|
|
const date = this.dateService.parseISO(dateStr);
|
|
|
|
// Header
|
|
const header = document.createElement('swp-day-header');
|
|
header.dataset.date = dateStr;
|
|
header.innerHTML = `
|
|
<swp-day-name>${this.dateService.getDayName(date, 'short')}</swp-day-name>
|
|
<swp-day-date>${date.getDate()}</swp-day-date>
|
|
`;
|
|
context.headerContainer.appendChild(header);
|
|
|
|
// Column
|
|
const column = document.createElement('swp-day-column');
|
|
column.dataset.date = dateStr;
|
|
column.innerHTML = '<swp-events-layer></swp-events-layer>';
|
|
context.columnContainer.appendChild(column);
|
|
}
|
|
}
|
|
|
|
// Leaf - ingen next
|
|
}
|
|
}
|