Yalla Admin Manual

Yalla Admin Manual

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

  1. Log in as Admin
  2. From the left sidebar, go to:
    Appointments → Calendar View
  3. 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

  1. Click the All Resources dropdown (top-right)
  2. 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

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.

Resource Name Navigation

  • Clicking on a resource name (e.g., Doctor, Nurse, Machine) redirects to its details page

Date Selection (Calendar Picker)

  1. Click the date label or calendar icon
  2. Select a date from the pop-up calendar
  3. 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

On this page