This section provides a comprehensive overview of the various departments and their associated personnel. Below are the key details presented on the initial page:

• Name: Displays the name of each department.
• Number of Employees: Indicates the count of employees within each department.
  • When a user clicks on “Employee,” the system should redirect them to the “Employees” page, automatically filtering the results to display only the individuals associated with the selected department.
• Shift: Reveals the count of shifts within each department.
  • If the shift count is displayed as zero and the user clicks on it, they should have the option to create a new shift for the department.
• Status: Distinguishes between active and inactive departments.

This structured presentation offers a clear understanding of the organisational layout and workforce distribution, facilitating efficient management and decision-making processes.

Note: An alert will appear which indicates “Please click on the “Shifts” button to create shifts for simple roster for later use.”

You have the flexibility to adjust the department status by choosing either “Active” or “Inactivate” from the status.

In addition, you have the functionality to:

• Details: Use this option to make changes or updates to department entries.
• Add New: This feature allows you to seamlessly create a new department as needed.

Adding a New Department

To initiate the creation of a new department, simply Clicking on Add New button which will open a modal on the right side, where you can enter the required details to create a new department.

This streamlined process ensures the efficient establishment of new departments, enabling you to input pertinent information systematically and accurately.

Department Creation Modal

Upon accessing the modal, you will have the opportunity to specify the following details:

• Department Name: Enter the designated name for the department.

• Status: User has ability to Active or Inactive the department by clicking on the toggle button.

Adding a Shift

Within this modal, users have the capability to seamlessly create a “New Shift,” by simply clicking on the “Shifts” button for streamlining the process for professional and efficient workforce management.

Upon selecting the “New Shift” button, users are prompted to define the “Shift Name“, “Start Time” and “End Time” for the new shift. To create the shift, simply confirm your selection by clicking on the “Save” button. The system will automatically calculate the “Total Hours“, ensuring precise and efficient shift management.

Shift Management Options

Users are provided with access to both “Edit” and “Delete” functionalities for existing shifts.

When the user clicks the “Edit” button, they can modify the Shift Name, Start Time, and End Time. The updated settings can be saved by clicking the “Update” button.

When the user clicks the “Delete” button, a pop-up will appear with the message: “Are you sure you want to delete this shift?” If the user confirms by clicking “Delete,” the shift will be permanently removed. Alternatively, the user can cancel the process by clicking “Cancel.”

Note: In this section, clicking the Shift button will open the modal. This section will be pre-filtered to display employees belonging to the selected department, allowing the user to view relevant employee details efficiently.

As we can see the filter is already applied on this section to view the specific employee details efficiently.