Major refactorering to get a hold on all these events
This commit is contained in:
parent
2a766cf685
commit
59b3c64c55
18 changed files with 1901 additions and 357 deletions
|
|
@ -1,8 +1,8 @@
|
|||
import { CalendarConfig } from '../core/CalendarConfig.js';
|
||||
|
||||
/**
|
||||
* PositionUtils - Utility funktioner til pixel/minut konvertering
|
||||
* Håndterer positionering og størrelse beregninger for calendar events
|
||||
* PositionUtils - Utility functions for pixel/minute conversion
|
||||
* Handles positioning and size calculations for calendar events
|
||||
*/
|
||||
export class PositionUtils {
|
||||
private config: CalendarConfig;
|
||||
|
|
@ -12,41 +12,45 @@ export class PositionUtils {
|
|||
}
|
||||
|
||||
/**
|
||||
* Konverter minutter til pixels
|
||||
* Convert minutes to pixels
|
||||
*/
|
||||
public minutesToPixels(minutes: number): number {
|
||||
const pixelsPerHour = this.config.get('hourHeight');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const pixelsPerHour = gridSettings.hourHeight;
|
||||
return (minutes / 60) * pixelsPerHour;
|
||||
}
|
||||
|
||||
/**
|
||||
* Konverter pixels til minutter
|
||||
* Convert pixels to minutes
|
||||
*/
|
||||
public pixelsToMinutes(pixels: number): number {
|
||||
const pixelsPerHour = this.config.get('hourHeight');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const pixelsPerHour = gridSettings.hourHeight;
|
||||
return (pixels / pixelsPerHour) * 60;
|
||||
}
|
||||
|
||||
/**
|
||||
* Konverter tid (HH:MM) til pixels fra dag start
|
||||
* Convert time (HH:MM) to pixels from day start
|
||||
*/
|
||||
public timeToPixels(timeString: string): number {
|
||||
const [hours, minutes] = timeString.split(':').map(Number);
|
||||
const totalMinutes = (hours * 60) + minutes;
|
||||
const dayStartMinutes = this.config.get('dayStartHour') * 60;
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const dayStartMinutes = gridSettings.dayStartHour * 60;
|
||||
const minutesFromDayStart = totalMinutes - dayStartMinutes;
|
||||
|
||||
return this.minutesToPixels(minutesFromDayStart);
|
||||
}
|
||||
|
||||
/**
|
||||
* Konverter Date object til pixels fra dag start
|
||||
* Convert Date object to pixels from day start
|
||||
*/
|
||||
public dateToPixels(date: Date): number {
|
||||
const hours = date.getHours();
|
||||
const minutes = date.getMinutes();
|
||||
const totalMinutes = (hours * 60) + minutes;
|
||||
const dayStartMinutes = this.config.get('dayStartHour') * 60;
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const dayStartMinutes = gridSettings.dayStartHour * 60;
|
||||
const minutesFromDayStart = totalMinutes - dayStartMinutes;
|
||||
|
||||
return this.minutesToPixels(minutesFromDayStart);
|
||||
|
|
@ -57,7 +61,8 @@ export class PositionUtils {
|
|||
*/
|
||||
public pixelsToTime(pixels: number): string {
|
||||
const minutes = this.pixelsToMinutes(pixels);
|
||||
const dayStartMinutes = this.config.get('dayStartHour') * 60;
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const dayStartMinutes = gridSettings.dayStartHour * 60;
|
||||
const totalMinutes = dayStartMinutes + minutes;
|
||||
|
||||
const hours = Math.floor(totalMinutes / 60);
|
||||
|
|
@ -103,7 +108,8 @@ export class PositionUtils {
|
|||
* Snap position til grid interval
|
||||
*/
|
||||
public snapToGrid(pixels: number): number {
|
||||
const snapInterval = this.config.get('snapInterval');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const snapInterval = gridSettings.snapInterval;
|
||||
const snapPixels = this.minutesToPixels(snapInterval);
|
||||
|
||||
return Math.round(pixels / snapPixels) * snapPixels;
|
||||
|
|
@ -115,7 +121,8 @@ export class PositionUtils {
|
|||
public snapTimeToInterval(timeString: string): string {
|
||||
const [hours, minutes] = timeString.split(':').map(Number);
|
||||
const totalMinutes = (hours * 60) + minutes;
|
||||
const snapInterval = this.config.get('snapInterval');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const snapInterval = gridSettings.snapInterval;
|
||||
|
||||
const snappedMinutes = Math.round(totalMinutes / snapInterval) * snapInterval;
|
||||
const snappedHours = Math.floor(snappedMinutes / 60);
|
||||
|
|
@ -186,7 +193,8 @@ export class PositionUtils {
|
|||
*/
|
||||
public isWithinWorkHours(timeString: string): boolean {
|
||||
const [hours] = timeString.split(':').map(Number);
|
||||
return hours >= this.config.get('workStartHour') && hours < this.config.get('workEndHour');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
return hours >= gridSettings.workStartHour && hours < gridSettings.workEndHour;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -194,7 +202,8 @@ export class PositionUtils {
|
|||
*/
|
||||
public isWithinDayBounds(timeString: string): boolean {
|
||||
const [hours] = timeString.split(':').map(Number);
|
||||
return hours >= this.config.get('dayStartHour') && hours < this.config.get('dayEndHour');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
return hours >= gridSettings.dayStartHour && hours < gridSettings.dayEndHour;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -209,8 +218,9 @@ export class PositionUtils {
|
|||
* Hent maksimum event højde i pixels (hele dagen)
|
||||
*/
|
||||
public getMaximumEventHeight(): number {
|
||||
const dayDurationHours = this.config.get('dayEndHour') - this.config.get('dayStartHour');
|
||||
return dayDurationHours * this.config.get('hourHeight');
|
||||
const gridSettings = this.config.getGridSettings();
|
||||
const dayDurationHours = gridSettings.dayEndHour - gridSettings.dayStartHour;
|
||||
return dayDurationHours * gridSettings.hourHeight;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue