Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Supports dynamic event types; refactors navigation DOM access

Browse source 
Enables dynamic event types by reading the 'type' field from raw event data instead of using a hardcoded value.

Removes DOM element caching for calendar and grid containers in the navigation manager, opting for direct DOM queries. Eliminates associated cache clearing and post-animation header event emission.
This commit is contained in:
Janus C. H. Knudsen 2025-09-23 23:39:01 +02:00
parent 48d1fd681c
commit 32894cca82
2 changed files with 5 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/managers/NavigationManager.ts
View file

@ -16,10 +16,6 @@ export class NavigationManager {
private currentWeek: Date;
private targetWeek: Date;
private animationQueue: number = 0;
// Cached DOM elements to avoid redundant queries
private cachedCalendarContainer: HTMLElement | null = null;
private cachedCurrentGrid: HTMLElement | null = null;
constructor(eventBus: IEventBus, eventRenderer: EventRenderingService) {
this.eventBus = eventBus;
@ -33,38 +29,15 @@ export class NavigationManager {
private init(): void {
this.setupEventListeners();
// Don't update week info immediately - wait for DOM to be ready
}
/**
* Get cached calendar container element
*/
private getCalendarContainer(): HTMLElement | null {
if (!this.cachedCalendarContainer) {
this.cachedCalendarContainer = document.querySelector('swp-calendar-container');
}
return this.cachedCalendarContainer;
return document.querySelector('swp-calendar-container');
}
/**
* Get cached current grid element
*/
private getCurrentGrid(): HTMLElement | null {
const container = this.getCalendarContainer();
if (!container) return null;
if (!this.cachedCurrentGrid) {
this.cachedCurrentGrid = container.querySelector('swp-grid-container:not([data-prerendered])');
}
return this.cachedCurrentGrid;
}
/**
* Clear cached DOM elements (call when DOM structure changes)
*/
private clearCache(): void {
this.cachedCalendarContainer = null;
this.cachedCurrentGrid = null;
return document.querySelector('swp-calendar-container swp-grid-container:not([data-prerendered])');
}
private setupEventListeners(): void {
@ -274,28 +247,6 @@ export class NavigationManager {
const root = document.documentElement;
root.style.setProperty('--all-day-row-height', '0px');
const header = newGrid.querySelector('swp-calendar-header') as HTMLElement;
if (header) {
// Remove the hardcoded 0px height
header.style.height = '';
header.style.height
// NOW emit header:ready for this specific container
const weekEnd = DateCalculator.addDays(targetWeek, 6);
this.eventBus.emit('header:ready', {
headerElement: header,
startDate: targetWeek,
endDate: weekEnd,
isNavigation: true
});
console.log('🎯 NavigationManager: Animation complete, emitted header:ready', {
weekStart: targetWeek.toISOString()
});
}
// Clear cache since DOM structure changed
this.clearCache();
// Update state
this.currentWeek = new Date(targetWeek);
this.animationQueue--;
@ -361,5 +312,4 @@ export class NavigationManager {
this.updateWeekInfo();
}
// Rendering methods moved to NavigationRenderer for better separation of concerns
}