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

Adds navigation buttons management and refactors navigation

Browse source 
Introduces NavigationButtonsManager to handle navigation button interactions
Renames NavigationRenderer to WeekInfoRenderer for clarity
Adds new NAV_BUTTON_CLICKED event for better separation of concerns

Improves event-driven navigation workflow
This commit is contained in:
Janus C. H. Knudsen 2025-11-07 23:23:19 +01:00
parent 29ba0bfa37
commit bd8f5ae6c6
5 changed files with 102 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/managers/NavigationManager.ts
View file

@ -2,12 +2,12 @@ import { IEventBus } from '../types/CalendarTypes';
import { EventRenderingService } from '../renderers/EventRendererManager';
import { DateService } from '../utils/DateService';
import { CoreEvents } from '../constants/CoreEvents';
import { NavigationRenderer } from '../renderers/NavigationRenderer';
import { WeekInfoRenderer } from '../renderers/WeekInfoRenderer';
import { GridRenderer } from '../renderers/GridRenderer';
export class NavigationManager {
private eventBus: IEventBus;
private navigationRenderer: NavigationRenderer;
private weekInfoRenderer: WeekInfoRenderer;
private gridRenderer: GridRenderer;
private dateService: DateService;
private currentWeek: Date;
@ -19,11 +19,11 @@ export class NavigationManager {
eventRenderer: EventRenderingService,
gridRenderer: GridRenderer,
dateService: DateService,
navigationRenderer: NavigationRenderer
weekInfoRenderer: WeekInfoRenderer
) {
this.eventBus = eventBus;
this.dateService = dateService;
this.navigationRenderer = navigationRenderer;
this.weekInfoRenderer = weekInfoRenderer;
this.gridRenderer = gridRenderer;
this.currentWeek = this.getISOWeekStart(new Date());
this.targetWeek = new Date(this.currentWeek);
@ -54,17 +54,12 @@ export class NavigationManager {
// Listen for filter changes and apply to pre-rendered grids
this.eventBus.on(CoreEvents.FILTER_CHANGED, (e: Event) => {
const detail = (e as CustomEvent).detail;
this.navigationRenderer.applyFilterToPreRenderedGrids(detail);
this.weekInfoRenderer.applyFilterToPreRenderedGrids(detail);
});
// Listen for navigation button clicks
document.addEventListener('click', (e) => {
const target = e.target as HTMLElement;
const navButton = target.closest('[data-action]') as HTMLElement;
if (!navButton) return;
const action = navButton.dataset.action;
// Listen for navigation button clicks from NavigationButtonsManager
this.eventBus.on(CoreEvents.NAV_BUTTON_CLICKED, (event: Event) => {
const { action } = (event as CustomEvent).detail;
switch (action) {
case 'prev':