Medical members

The Medical Members module allows administrators to manage all staff associated with the hospital, including Doctors, Nurses, and Admins. From this section, admins can add, view, search, and manage medical personnel and system users.

Accessing Medical Members

1. Log in to the Yalla Admin Web.
2. From the left sidebar, click on Medical Members.
3. By default, the Doctor list opens.

Overview Widgets

At the top of the Medical Members page, four summary widgets are displayed:

• Total Members
• Total Doctors
• Total Nurses
• Total Admins

These widgets provide a quick overview of staff distribution in the hospital.

Tabs in Medical Members

The page contains three tabs:

• Doctor
• Nurse
• Admin

Selecting a tab updates the list to display the corresponding member type.

Doctor Management

Doctor List Page

The Doctor list displays doctors in a table with the following columns:

• Name
• Department
• Room
• License Number
• Total Working Hours
• Email Address
• Phone
• Action

Search, Filter, and Sort Doctors

• Use the Search doctors field to search by name or other relevant details.
• Click the Filter button to refine results.
• If no data is found, it works as an empty state
• All columns support sorting in ascending and descending order.

Pagination

• When more than 10 doctors are added, pagination controls appear.
• Use pagination to navigate through the list.

Empty State (No Doctors)

If no doctors are available:

• A message is displayed informing the user that no doctors exist.
• An Add New Doctor button is shown to guide the admin to create one

Adding a New Doctor

Open Add Doctor Modal

1. Click Add New Doctor.
2. The Add New Doctor modal opens.

Doctor Information Fields

The modal includes the following fields:

• First Name (mandatory)
• Last Name (mandatory)
• Gender (mandatory)
• Phone Number
• Email Address (mandatory)
• Password (mandatory)
• Dr’s App Bio
• License Number delete
• Department(mandatory)
• Room
• Profile Image Upload

Image Upload

• Click Upload Image to open the file manager.
• Selecting an image sets it as the doctor’s profile picture.
• The Remove option deletes the selected image if needed.

Validation Rules

• Mandatory fields: First Name, Last Name, Gender, Email Address, Password, Department
• Validation errors appear if mandatory fields are missing.
• The Creatre account button remains disabled until valid input is provided.

Mobile App Visibility

• Dr’s App Bio appears in the Doctor Profile on the patient mobile app. (Upcoming)
• If a License Number is added, it is displayed under the doctor’s profile image in the patient app.
• If the license number is kept blank, then no number will be visible
• 

Create a Doctor account

1. Enter all required information.
2. Click Create Account.
3. A success message confirms the doctor has been added.
4. The doctor appears in the Doctor list.

Closing the Modal

• Clicking Close (X) without entering data closes the modal immediately.
• If data has been entered, a warning pop-up appears to confirm discarding changes.
  
  

Doctor List Actions

Each Doctor in the list includes a three-dot (⋮) action menu with the following options:

Edit Doctor

• Opens the Edit doctor modal.
• Allows you to update doctor details.
• All features available in the Add doctor modal are also available in Edit mode

.

Doctors View Details

This button allows the admin to visit the details page of the doctor. The details view page can be reached by three(3) other processes, too. Click here to learn more

The details view page shows the overall information about that Doctor, including their personal details, department, events/bookings with them, and the process to create or manage their availability(Rota).
The details view is consistent with all other details views of the hospital entity. Know more about the details view

Delete Doctor

• Allows you to remove a Doctor from the system (confirmation required).

Nurse Management

Nurse List Page

Selecting the Nurse tab opens the Nurse list with the following columns:

• Name
• Total Working Hours
• Email Address
• Phone
• Actions

Search, Filter, and Sort Nurses

• Use the Search Nurse to find nurses.
• Filters and column sorting work the same as in the Doctor list.

Empty State (No Nurses)

• A message is displayed when no nurses exist.
• An Add New Nurse button is shown.

Adding a New Nurse

Nurse Information Fields

• First Name (mandatory)
• Last Name (mandatory)
• Gender (mandatory)
• Phone Number
• Email Address (mandatory)
• Password (mandatory)
• Machine Skills (mandatory)
• Profile Image Upload

Machine Skills

• The Machine Skills dropdown lists all machines added to the hospital.
• A search field is available within the dropdown for quick selection.

Validation & Save

• Mandatory fields must be completed to enable the Add New Nurse button.
• Validation errors appear if required fields are missing.
• Upon saving, the nurse is added successfully to the list.
  
  

Nurse List Actions

Each Nurse in the list includes a three-dot (⋮) action menu with the following options:

Edit Nurse

• Opens the Edit Nurse modal.
• Allows you to update Nurse details.
• All features available in the Add Nurse modal are also available in Edit mode

.

Nurse View Details

This button allows the admin to visit the details page of the Nurse. The details view page can be reached by three(3) other processes, too. Click here to learn more

The details view page shows all related information about the nurse, including their personal details, bookings with them, related machines, Services, and the process to create or manage their availability(Rota) and leaves.
The details view is consistent with all other details views of the hospital entity, similar to a doctor. Know more about the details view

Delete Nurse

• Allows you to remove a Nurse from the system (confirmation required).

Admin Management

In the Admin web panel, an Admin account can also be created; however, only the Hospital owner can create an Admin account. The owner can also manage all the accounts of Admin. No admin has access to other admin details.
From Admin Perspective:

From the Owner's perspective:

Admin List Page

Selecting the Admin tab displays the Admin list with columns:

• Name
• Email Address
• Phone
• Action

Admin List Features

• Search, filter, sorting, and pagination behave consistently with other tabs.
• Pagination appears when more than 10 admins are added.

Adding a New Admin

Admin Information Fields

• First Name (mandatory)
• Last Name (mandatory)
• Gender (mandatory)
• Phone Number
• Email Address (mandatory)
• Password (mandatory)
• Profile Image Upload

Validation & Save

• All mandatory fields must be filled.
• The Add New Admin button remains disabled until valid input is provided.
• After successful creation:
  • The admin receives an email with login credentials.
  • The admin can log in using the provided credentials.

Admin List Actions

Each Admin in the list includes a three-dot (⋮) action menu with the following options:

Edit Admin

• Opens the Edit Admin modal.
• Allows you to update Admin information.
• All features available in the Add Admin modal are also available in Edit mode
• 

Delete Admin

• Allows you to remove an Admin from the system (confirmation required).

Consistency Across All Tabs

• Close (X) behavior is consistent for Doctor, Nurse, and Admin modals.
• Warning pop-ups appear when attempting to close with unsaved changes.
• Validation and button enable/disable behavior are consistent across all forms.