Skip to main content

Attendance

The "Attendance" page provides a detailed monthly view of employee attendance, along with options for marking attendance, importing, exporting, and various filters.

Top Filters and Date Selection:

  • Employee dropdown (All): Filter attendance records for a specific employee.

  • Department dropdown (All): Filter attendance records for employees within a specific department.

  • Designation dropdown (All): Filter attendance records for employees with a specific designation.

  • Month dropdown: Select the month for which you want to view attendance (e.g., "June").

  • Year dropdown: Select the year for which you want to view attendance (e.g., "2025").

Action Buttons:

  • Mark Attendance:

    • Purpose: To manually mark an employee's attendance (e.g., Present, Absent, Half Day).

    • How to Use: Click the green "+ Mark Attendance" button. This will likely open a modal or form to select an employee, date, and attendance status.

  • Import:

    • Purpose: To import attendance data from an external file (e.g., CSV, Excel).

    • How to Use: Click the "Import" button. This will likely open a modal or navigate to a page for uploading an import file.

  • Export:

    • Purpose: To export the current attendance data from the system into a file (e.g., CSV, Excel).

    • How to Use: Click the "Export" button. This will usually trigger a file download.

View Options (Right Side of Action Buttons):

  • Roster/Grid View (Currently Selected): The icon with horizontal lines indicates the current view, which is the detailed monthly attendance grid.

  • List View: The icon with a simple list might switch to a more condensed list format of attendance records.

  • Employee/Person View: The person icon might switch to a view organized by individual employees, showing their attendance history.

Attendance Legend:

Below the action buttons, a "Note" section provides a legend explaining the symbols used in the attendance grid:

  • Holiday: 🎁

  • Day Off: 🏖️

  • Present: ✔️

  • Half Day: 🌗

  • Late: 🔴

  • Absent:

  • On Leave: ✈️

Attendance Grid Table:

The main area displays the monthly attendance in a grid format, with employees on the left and days of the month across the top.

  • Employee Column: Lists the names of the employees (e.g., "Adam Harith"). "It's you" indicates the logged-in user.

  • Day Columns (1 to 30/31): Each column represents a day of the month. Below the number, the day of the week (Sun, Mon, Tue, etc.) is displayed.

  • Attendance Cells: Each cell, at the intersection of an employee and a day, displays the attendance status using the symbols from the legend.

    • In the example for "Adam Harith" in June 2025:

      • Days 1-6 are marked with "x", indicating Sunday to Friday, possibly "Day Off" or not yet marked.

      • Days 7-16 are marked with "x", likely indicating "Absent".

      • Days 17-30 are marked with "x", indicating "Absent".

  • Total Column: Shows a summary of attendance for the month for each employee (e.g., "0/30" likely means 0 days present out of 30 days in the month).

Table Navigation:

  • Show X entries: A dropdown to select how many entries are displayed per page (e.g., "Show 100 entries").

  • Showing X to Y of Z entries: Indicates the current range of entries being displayed out of the total number of entries.

  • Previous / Next buttons: Used to navigate through multiple pages of attendance records if there are more entries than displayed on a single page.