wip

src/v2/features/date/DateRenderer.ts

@@ -1,36 +1,38 @@
-import { IEnumerable } from 'ts-linq-light';
-import { IGroupingRenderer, RenderContext } from '../../core/IGroupingRenderer';
-import { NextFunction, RenderData } from '../../core/RenderBuilder';
+import { Renderer, RenderContext } from '../../core/IGroupingRenderer';
 import { DateService } from '../../core/DateService';
 
-export class DateRenderer implements IGroupingRenderer<string> {
+export class DateRenderer implements Renderer {
   readonly type = 'date';
+  next: Renderer | null = null;
 
   constructor(private dateService: DateService) {}
 
-  render(
-    dates: IEnumerable<string>,
-    _data: RenderData,
-    _next: NextFunction,
-    context: RenderContext
-  ): void {
-    for (const dateStr of dates) {
-      const date = this.dateService.parseISO(dateStr);
+  render(context: RenderContext): void {
+    const dates = context.filter['date'] || [];
+    const resourceCount = context.filter['resource']?.length || 1;
 
-      const headerCell = document.createElement('swp-day-header');
-      headerCell.dataset.date = dateStr;
-      headerCell.innerHTML = `
-        <swp-day-name>${this.dateService.getDayName(date, 'short')}</swp-day-name>
-        <swp-day-date>${date.getDate()}</swp-day-date>
-      `;
-      context.headerContainer.appendChild(headerCell);
+    // 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);
 
-      const column = document.createElement('swp-day-column');
-      column.dataset.date = dateStr;
-      column.innerHTML = '<swp-events-layer></swp-events-layer>';
-      context.columnContainer.appendChild(column);
+        // 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);
 
-      // Leaf renderer - ingen next.render() kald
+        // 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
   }
 }