35 lines
No EOL
1.6 KiB
JavaScript
35 lines
No EOL
1.6 KiB
JavaScript
// Header rendering strategy interface and implementations
|
|
import { DateService } from '../utils/DateService';
|
|
/**
|
|
* Date-based header renderer (original functionality)
|
|
*/
|
|
export class DateHeaderRenderer {
|
|
render(calendarHeader, context) {
|
|
const { currentWeek, config } = context;
|
|
// FIRST: Always create all-day container as part of standard header structure
|
|
const allDayContainer = document.createElement('swp-allday-container');
|
|
calendarHeader.appendChild(allDayContainer);
|
|
// Initialize date service with timezone and locale from config
|
|
const timezone = config.timeFormatConfig.timezone;
|
|
const locale = config.timeFormatConfig.locale;
|
|
this.dateService = new DateService(config);
|
|
const workWeekSettings = config.getWorkWeekSettings();
|
|
const dates = this.dateService.getWorkWeekDates(currentWeek, workWeekSettings.workDays);
|
|
const weekDays = config.dateViewSettings.weekDays;
|
|
const daysToShow = dates.slice(0, weekDays);
|
|
daysToShow.forEach((date, index) => {
|
|
const header = document.createElement('swp-day-header');
|
|
if (this.dateService.isSameDay(date, new Date())) {
|
|
header.dataset.today = 'true';
|
|
}
|
|
const dayName = this.dateService.getDayName(date, 'long', locale).toUpperCase();
|
|
header.innerHTML = `
|
|
<swp-day-name>${dayName}</swp-day-name>
|
|
<swp-day-date>${date.getDate()}</swp-day-date>
|
|
`;
|
|
header.dataset.date = this.dateService.formatISODate(date);
|
|
calendarHeader.appendChild(header);
|
|
});
|
|
}
|
|
}
|
|
//# sourceMappingURL=DateHeaderRenderer.js.map
|