diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue index cb83d7b..3c0a56e 100644 --- a/src/pages/calendar/TheCalendar.vue +++ b/src/pages/calendar/TheCalendar.vue @@ -167,7 +167,15 @@ export default { }, fetchEventsData() { fetchWrapper - .get("registry/event/?limit=100") + .get( + `registry/event/?limit=100&start=${this.currentDate.format( + "YYYY-MM-DD" + )}T${ + this.timeInformation.dayStartTime + }:00Z&end=${this.currentDate.format("YYYY-MM-DD")}T${ + this.timeInformation.dayEndTime + }:00Z` + ) .then((res) => this.saveEventsData(res)); }, changeWidth(value) { @@ -210,6 +218,7 @@ export default { }, currentDate() { this.fetchSchedulesData(); + this.fetchEventsData(); }, }, mounted() { diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue index 21a0d0f..fd0f0fa 100644 --- a/src/pages/calendar/components/CalendarFormAddEvent.vue +++ b/src/pages/calendar/components/CalendarFormAddEvent.vue @@ -207,12 +207,12 @@ export default { startDate() { return this.selectedEventData.start ? moment.parseZone(this.selectedEventData.start) - : moment(); + : this.currentDate; }, endDate() { return this.selectedEventData.end ? moment.parseZone(this.selectedEventData.end) - : moment(); + : this.currentDate; }, eventEmployee() { if (this.selectedEventData.employees) { diff --git a/src/pages/calendar/components/CalendarSchedule.vue b/src/pages/calendar/components/CalendarSchedule.vue index 8d67086..a05182a 100644 --- a/src/pages/calendar/components/CalendarSchedule.vue +++ b/src/pages/calendar/components/CalendarSchedule.vue @@ -185,12 +185,6 @@ export default { ownersCount() { return this.filteredOwners.length; }, - filteredEventsByDate() { - return this.eventsData.filter( - ({ start }) => - start.slice(0, 10) === this.currentDate.format("YYYY-MM-DD") - ); - }, columnHeight() { return ( (this.timeCoil.length - 1) * this.pixelsPerHour + @@ -301,7 +295,7 @@ export default { }, filterEventsByOwner(owner) { let filteredArray = []; - this.filteredEventsByDate.forEach((item) => { + this.eventsData.forEach((item) => { let foundEvent = item.employees.find( (elem) => elem.employee.id === owner.id && elem.role === "owner" );