Her 74 availability and booking full calendar

[mhope21]

HER- 74: Full calendar and Booking

Issue

https://raquelanaroman.atlassian.net/browse/HER-74

Description

As a teacher user, I want to provide specific details when booking so that the speaker has all the necessary information for my booking. As a teacher user, I want to view speaker availabilities so that I can choose the best time for my booking. As a speaker, I want to be able to create availabilities so that a teacher user can view them. Allow bookings to be modified within availability time frame by teachers. Allow speakers to modify booking status. Display a confirmation with booking details upon successful booking and remove the availability from the calendar.

Acceptance Criteria

• The booking modal should appear when a teacher selects a time slot.

• The modal should include pre-populated fields for name, speaker, date, organization, and address.

• The modal should include fields for start time, end time, and a drop-down box for speaker events.

• All required fields should have validation, and error messages should be displayed for any missing or incorrect information.

• The calendar should display all one-time and recurring availabilities for each speaker.

• Users should be able to hover over specific time slots to view more details.

• A confirmation modal should appear upon successful booking submission, listing the booking details and notifying the user of emails sent.

• The speaker's availability should be updated on FullCalendar, removing the booked date and time slot.

Implementation

Fetch availability data from the Availability and RecurringAvailability models, ensuring that both one-time and recurring availabilities are included for the specified month and year.

Ensure the job to create recurring availabilities for the next month is triggered when the user navigates to the next month.

Integrate FullCalendar into the application; use the fetched availability data to populate the calendar.

Distinguish between one time and recurring availabilities.

Allow users to view details about each availability by hovering over time slots.

Write tests to ensure that the availability data is correctly fetched and displayed on the calendar.

Changes

1. Implement Full Calendar.
2. Booking Functionality.
3. Modify bookings.
4. Edit Profile

Review Checklist

• I have documented my code with code comments.