mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2025-01-06 22:12:25 +03:00
Use the block display mode so that the right colors render in the month view
This commit is contained in:
parent
833b7bad03
commit
65a4cc5df0
2 changed files with 16 additions and 0 deletions
|
@ -1214,6 +1214,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: appointment.color,
|
color: appointment.color,
|
||||||
data: appointment, // Store appointment data for later use.
|
data: appointment, // Store appointment data for later use.
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(appointmentEvent);
|
calendarEventSource.push(appointmentEvent);
|
||||||
|
@ -1237,6 +1238,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: true,
|
editable: true,
|
||||||
className: 'fc-unavailability fc-custom',
|
className: 'fc-unavailability fc-custom',
|
||||||
data: unavailability,
|
data: unavailability,
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(unavailabilityEvent);
|
calendarEventSource.push(unavailabilityEvent);
|
||||||
|
@ -1254,6 +1256,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: false,
|
editable: false,
|
||||||
className: 'fc-blocked-period fc-unavailability',
|
className: 'fc-blocked-period fc-unavailability',
|
||||||
data: blockedPeriod,
|
data: blockedPeriod,
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(blockedPeriodEvent);
|
calendarEventSource.push(blockedPeriodEvent);
|
||||||
|
@ -1317,6 +1320,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
color: '#879DB4',
|
color: '#879DB4',
|
||||||
editable: false,
|
editable: false,
|
||||||
className: 'fc-working-plan-exception fc-custom',
|
className: 'fc-working-plan-exception fc-custom',
|
||||||
|
display: 'block',
|
||||||
data: {
|
data: {
|
||||||
date: weekdayDate,
|
date: weekdayDate,
|
||||||
workingPlanException: workingPlanExceptions[weekdayDate],
|
workingPlanException: workingPlanExceptions[weekdayDate],
|
||||||
|
@ -1339,6 +1343,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(unavailabilityEvent);
|
calendarEventSource.push(unavailabilityEvent);
|
||||||
|
@ -1366,6 +1371,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(unavailabilityEvent);
|
calendarEventSource.push(unavailabilityEvent);
|
||||||
|
@ -1389,6 +1395,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(unavailabilityEvent);
|
calendarEventSource.push(unavailabilityEvent);
|
||||||
|
@ -1415,6 +1422,7 @@ App.Utils.CalendarDefaultView = (function () {
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability fc-break',
|
className: 'fc-unavailability fc-break',
|
||||||
|
display: 'block',
|
||||||
};
|
};
|
||||||
|
|
||||||
calendarEventSource.push(unavailabilityEvent);
|
calendarEventSource.push(unavailabilityEvent);
|
||||||
|
|
|
@ -765,6 +765,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: moment(workingPlanExceptionEnd, 'YYYY-MM-DD HH:mm', true).add(1, 'day'),
|
end: moment(workingPlanExceptionEnd, 'YYYY-MM-DD HH:mm', true).add(1, 'day'),
|
||||||
allDay: true,
|
allDay: true,
|
||||||
color: '#879DB4',
|
color: '#879DB4',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
className: 'fc-working-plan-exception fc-custom',
|
className: 'fc-working-plan-exception fc-custom',
|
||||||
data: {
|
data: {
|
||||||
|
@ -784,6 +785,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: end,
|
end: end,
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: '#BEBEBE',
|
color: '#BEBEBE',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
@ -805,6 +807,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: workDateStart.toDate(),
|
end: workDateStart.toDate(),
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: '#BEBEBE',
|
color: '#BEBEBE',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
@ -823,6 +826,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: end.toDate(),
|
end: end.toDate(),
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: '#BEBEBE',
|
color: '#BEBEBE',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability',
|
className: 'fc-unavailability',
|
||||||
|
@ -845,6 +849,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: breakEnd.toDate(),
|
end: breakEnd.toDate(),
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: '#BEBEBE',
|
color: '#BEBEBE',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
display: 'background',
|
display: 'background',
|
||||||
className: 'fc-unavailability fc-break',
|
className: 'fc-unavailability fc-break',
|
||||||
|
@ -907,6 +912,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: moment(appointment.end_datetime).toDate(),
|
end: moment(appointment.end_datetime).toDate(),
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: appointment.color,
|
color: appointment.color,
|
||||||
|
display: 'block',
|
||||||
data: appointment, // Store appointment data for later use.
|
data: appointment, // Store appointment data for later use.
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -942,6 +948,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
end: moment(unavailability.end_datetime).toDate(),
|
end: moment(unavailability.end_datetime).toDate(),
|
||||||
allDay: false,
|
allDay: false,
|
||||||
color: '#879DB4',
|
color: '#879DB4',
|
||||||
|
display: 'block',
|
||||||
editable: true,
|
editable: true,
|
||||||
className: 'fc-unavailability fc-custom',
|
className: 'fc-unavailability fc-custom',
|
||||||
data: unavailability,
|
data: unavailability,
|
||||||
|
@ -979,6 +986,7 @@ App.Utils.CalendarTableView = (function () {
|
||||||
backgroundColor: '#d65069',
|
backgroundColor: '#d65069',
|
||||||
borderColor: '#d65069',
|
borderColor: '#d65069',
|
||||||
textColor: '#ffffff',
|
textColor: '#ffffff',
|
||||||
|
display: 'block',
|
||||||
editable: false,
|
editable: false,
|
||||||
className: 'fc-blocked-period fc-unavailability',
|
className: 'fc-blocked-period fc-unavailability',
|
||||||
data: blockedPeriod,
|
data: blockedPeriod,
|
||||||
|
|
Loading…
Reference in a new issue