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

Refactors week header to calendar header

Browse source 
Renames 'week header' to 'calendar header' for better representation
of the component's purpose, which includes more than just week-based
calendar views.

Updates related methods and references in GridManager and
ScrollManager to reflect the change.

Fixes incorrect calculation of the column width.
This commit is contained in:
Janus Knudsen 2025-08-07 00:26:33 +02:00
parent 29811fd4b5
commit 2a766cf685
5 changed files with 62 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/utils/PositionUtils.js
View file

@ -106,9 +106,9 @@ export class PositionUtils {
static getDayColumnPosition(dayIndex) {
// These values should be calculated based on actual calendar layout
const timeAxisWidth = 60; // Default time axis width
const calendarElement = document.querySelector('swp-calendar-content');
const dayColumnWidth = calendarElement ?
(calendarElement.clientWidth - timeAxisWidth) / calendarConfig.get('weekDays') :
const scrollableContent = document.querySelector('swp-scrollable-content');
const dayColumnWidth = scrollableContent ?
(scrollableContent.clientWidth) / calendarConfig.get('weekDays') :
120; // Default day column width
return timeAxisWidth + (dayIndex * dayColumnWidth);
@ -121,9 +121,9 @@ export class PositionUtils {
*/
static getDayIndexForPosition(pixelPosition) {
const timeAxisWidth = 60; // Default time axis width
const calendarElement = document.querySelector('swp-calendar-content');
const dayColumnWidth = calendarElement ?
(calendarElement.clientWidth - timeAxisWidth) / calendarConfig.get('weekDays') :
const scrollableContent = document.querySelector('swp-scrollable-content');
const dayColumnWidth = scrollableContent ?
(scrollableContent.clientWidth) / calendarConfig.get('weekDays') :
120; // Default day column width
if (pixelPosition < timeAxisWidth) {
@ -152,10 +152,10 @@ export class PositionUtils {
const duration = endMinutes - startMinutes;
const calendarElement = document.querySelector('swp-calendar-content');
const scrollableContent = document.querySelector('swp-scrollable-content');
const timeAxisWidth = 60; // Default time axis width
const dayColumnWidth = calendarElement ?
(calendarElement.clientWidth - timeAxisWidth) / calendarConfig.get('weekDays') :
const dayColumnWidth = scrollableContent ?
(scrollableContent.clientWidth) / calendarConfig.get('weekDays') :
120; // Default day column width
return {