Snapshot
This commit is contained in:
parent
b443649ced
commit
42c418e961
7 changed files with 349 additions and 659 deletions
|
|
@ -49,9 +49,6 @@ export class ViewManager {
|
|||
}
|
||||
|
||||
private initializeView(): void {
|
||||
this.renderTimeAxis();
|
||||
this.renderWeekHeaders();
|
||||
this.renderDayColumns();
|
||||
this.updateViewButtons();
|
||||
|
||||
this.eventBus.emit(EventTypes.VIEW_RENDERED, {
|
||||
|
|
@ -75,65 +72,6 @@ export class ViewManager {
|
|||
});
|
||||
}
|
||||
|
||||
private renderTimeAxis(): void {
|
||||
const timeAxis = document.querySelector('swp-time-axis');
|
||||
if (!timeAxis) return;
|
||||
|
||||
const startHour = calendarConfig.get('dayStartHour');
|
||||
const endHour = calendarConfig.get('dayEndHour');
|
||||
|
||||
timeAxis.innerHTML = '';
|
||||
|
||||
for (let hour = startHour; hour <= endHour; hour++) {
|
||||
const marker = document.createElement('swp-hour-marker');
|
||||
const period = hour >= 12 ? 'PM' : 'AM';
|
||||
const displayHour = hour > 12 ? hour - 12 : (hour === 0 ? 12 : hour);
|
||||
marker.textContent = `${displayHour} ${period}`;
|
||||
timeAxis.appendChild(marker);
|
||||
}
|
||||
}
|
||||
|
||||
private renderWeekHeaders(): void {
|
||||
const weekHeader = document.querySelector('swp-week-header');
|
||||
if (!weekHeader) return;
|
||||
|
||||
const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
||||
|
||||
weekHeader.innerHTML = '';
|
||||
|
||||
for (let i = 0; i < 7; i++) {
|
||||
const header = document.createElement('swp-day-header');
|
||||
header.innerHTML = `
|
||||
<swp-day-name>${days[i]}</swp-day-name>
|
||||
<swp-day-date>${i + 1}</swp-day-date>
|
||||
`;
|
||||
header.dataset.dayIndex = i.toString();
|
||||
|
||||
// Check if today (this will be updated by NavigationManager later)
|
||||
if (i === 1) { // Mock today as Monday for now
|
||||
header.setAttribute('data-today', 'true');
|
||||
}
|
||||
|
||||
weekHeader.appendChild(header);
|
||||
}
|
||||
}
|
||||
|
||||
private renderDayColumns(): void {
|
||||
const dayColumns = document.querySelector('swp-day-columns');
|
||||
if (!dayColumns) return;
|
||||
|
||||
dayColumns.innerHTML = '';
|
||||
|
||||
for (let i = 0; i < 7; i++) {
|
||||
const column = document.createElement('swp-day-column');
|
||||
column.dataset.dayIndex = i.toString();
|
||||
|
||||
const eventsLayer = document.createElement('swp-events-layer');
|
||||
column.appendChild(eventsLayer);
|
||||
|
||||
dayColumns.appendChild(column);
|
||||
}
|
||||
}
|
||||
|
||||
private updateViewButtons(): void {
|
||||
const viewButtons = document.querySelectorAll('swp-view-button[data-view]');
|
||||
|
|
@ -148,9 +86,6 @@ export class ViewManager {
|
|||
}
|
||||
|
||||
private refreshCurrentView(): void {
|
||||
this.renderWeekHeaders();
|
||||
this.renderDayColumns();
|
||||
|
||||
this.eventBus.emit(EventTypes.VIEW_RENDERED, {
|
||||
view: this.currentView
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue