Calendar Overview
The All Resources Calendar allows administrators to view, manage, and monitor appointments across doctors, nurses, machines, and rooms in a single timeline view.
Admins can:
- Navigate dates
- Filter by resource type
- View appointment details
- Access resource and patient detail pages
- Create new appointments
Accessing the Calendar
- Log in as Admin
- From the left sidebar, go to:
Appointments → Calendar View - The system opens the All Resources calendar by default
Calendar Layout Explained
1. Date Header
- Displays the selected date (e.g., Monday, January 19, 2026)
- Controls:
- Today – jumps to the current date
- ← / → arrows – navigate to previous or next day
- Calendar icon – open date picker to jump to a specific date
2. Time Column (Left)
- Shows time slots in 30-minute intervals
- Used to visually align appointments across resources
3. Resource Columns (Top)
Each column represents a resource, such as:
- Doctors (e.g., Dr. Lilus)
- Nurse (e.g., Jahana Ara)
- Machines (e.g., Machine-2)
- Rooms (if selected)
Filtering Resources
- Click the All Resources dropdown (top-right)
- Choose one of the following:
- All Doctors
- All Nurses
- All Machines
- All Rooms
- All Resources (default)
The calendar refreshes to show only the selected resource type.
Creating a New Appointment
- The Add New Appointment button redirects to Add New appointment process
Understanding Appointments on the Calendar
Appointment Card
Each appointment block displays:
- Time range (e.g., 12:00 PM – 12:30 PM)
- Assigned resource
- Service name (e.g., Body Beauty)
Color-coded blocks help distinguish scheduled events clearly.
Viewing Appointment Details (Popup)
- Click on an appointment block
- A pop-up card appears showing:
- Patient name
- Phone number
- Department (e.g., Dermatology)
- Assigned doctor
- Service name
- Room or machine
This pop-up allows admins to quickly review appointment information without leaving the calendar.
Navigating to Detail Pages (Redirects)
Resource Name Navigation
- Clicking on a resource name (e.g., Doctor, Nurse, Machine) redirects to its details page
Date Selection (Calendar Picker)
- Click the date label or calendar icon
- Select a date from the pop-up calendar
- Click OK to load the selected date’s schedule
Scrolling & Navigation Tips
- Vertical scroll: View earlier or later time slots
- Horizontal scroll: Navigate across multiple resources when many are visible
Best Practices for Admins
- Use resource filters to reduce clutter when managing busy schedules
- Click appointment popups for quick verification before editing
- Regularly review machine and room allocations to avoid conflicts
- Use the date picker to plan future schedules efficiently