70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
|
import { IRenderContext } from '../../core/IGroupingRenderer';
|
||
|
|
import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
|
||
|
|
import { ResourceService } from '../../storage/resources/ResourceService';
|
||
|
|
import { IResource } from '../../types/CalendarTypes';
|
||
|
|
|
||
|
|
export class ResourceRenderer extends BaseGroupingRenderer<IResource> {
|
||
|
|
readonly type = 'resource';
|
||
|
|
|
||
|
|
protected readonly config: IGroupingRendererConfig = {
|
||
|
|
elementTag: 'swp-resource-header',
|
||
|
|
idAttribute: 'resourceId',
|
||
|
|
colspanVar: '--resource-cols'
|
||
|
|
};
|
||
|
|
|
||
|
|
constructor(private resourceService: ResourceService) {
|
||
|
|
super();
|
||
|
|
}
|
||
|
|
|
||
|
|
protected getEntities(ids: string[]): Promise<IResource[]> {
|
||
|
|
return this.resourceService.getByIds(ids);
|
||
|
|
}
|
||
|
|
|
||
|
|
protected getDisplayName(entity: IResource): string {
|
||
|
|
return entity.displayName;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Override render to handle:
|
||
|
|
* 1. Special ordering when parentChildMap exists (resources grouped by parent)
|
||
|
|
* 2. Different colspan calculation (just dateCount, not childCount * dateCount)
|
||
|
|
*/
|
||
|
|
async render(context: IRenderContext): Promise<void> {
|
||
|
|
const resourceIds = context.filter['resource'] || [];
|
||
|
|
const dateCount = context.filter['date']?.length || 1;
|
||
|
|
|
||
|
|
// Determine render order based on parentChildMap
|
||
|
|
// If parentChildMap exists, render resources grouped by parent (e.g., team)
|
||
|
|
// Otherwise, render in filter order
|
||
|
|
let orderedResourceIds: string[];
|
||
|
|
|
||
|
|
if (context.parentChildMap) {
|
||
|
|
// Render resources in parent-child order
|
||
|
|
orderedResourceIds = [];
|
||
|
|
for (const childIds of Object.values(context.parentChildMap)) {
|
||
|
|
for (const childId of childIds) {
|
||
|
|
if (resourceIds.includes(childId)) {
|
||
|
|
orderedResourceIds.push(childId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
orderedResourceIds = resourceIds;
|
||
|
|
}
|
||
|
|
|
||
|
|
const resources = await this.getEntities(orderedResourceIds);
|
||
|
|
|
||
|
|
// Create a map for quick lookup to preserve order
|
||
|
|
const resourceMap = new Map(resources.map(r => [r.id, r]));
|
||
|
|
|
||
|
|
for (const resourceId of orderedResourceIds) {
|
||
|
|
const resource = resourceMap.get(resourceId);
|
||
|
|
if (!resource) continue;
|
||
|
|
|
||
|
|
const header = this.createHeader(resource, context);
|
||
|
|
header.style.gridColumn = `span ${dateCount}`;
|
||
|
|
context.headerContainer.appendChild(header);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|