Documentation

Employee Detail

The Employee Detail page presents a single employee's monthly work calendar, leave days, daily attendance records and app/URL breakdown all in one place.

What Does the Employee Detail Page Show?

You can reach this page by clicking an employee's name in the Users list. The page shows a calendar for the selected month. Coloured dots on each day summarise whether that day was regular time, overtime, a leave day or absent.

At the top of the page you'll find a monthly summary: total regular time, overtime, days worked, and on-time/late/early-departure counts. Click any day on the calendar to open a detailed side drawer for that day.

How to Use the Page

1

Navigate Between Months

Use the arrow buttons at the top of the page to move to the previous or next month. The selected month loads automatically and works across different years as well.

2

Understand the Calendar Colours

The coloured dot under each day indicates its status: green = regular hours met, yellow = missing time (underworked), blue = overtime, grey = weekend or public holiday, purple = leave day. Turkish public holidays are marked automatically.

3

Click a Day — the Drawer Opens

Clicking a day opens a side drawer panel. It shows: clock-in/out times, total regular and overtime hours, AFK durations and reasons, the list of sessions for that day, and the most-used apps and URLs.

4

Add or Remove Leave

Clicking a day with no data or a day already marked as leave opens an action modal. From there you can add a leave entry, remove an existing one or add manual time. Adding leave requires the employee, the date and an optional note.

5

Add Manual Time

Use the Add Time button in the drawer panel or the action modal. The system warns you if an open session already exists for that employee on that day. You can also edit existing sessions from the same page.

📅Real-World Scenario

Manager Reviews Emma's May Record

At the start of June, David needs to prepare a May summary for his accountant Emma. He clicks Emma's name in the Users list, opens her Employee Detail page and navigates to May.

He notices May 14th is grey — not a public holiday but no data either. It turns out Emma worked that day from her laptop without opening the tracking app. He clicks May 14th, the action modal appears, he selects Add Time and enters 09:00–17:00 for an 8-hour entry.

May 19th has a yellow dot — missing time. He clicks it and opens the drawer: Emma worked 6 h 15 min, showing 1 h 45 min short. He checks the AFK reasons: 2 hours are logged as "Meeting" — those should count as working time. He makes a note to discuss this with Emma.

Finally, Emma is taking annual leave from 28–31 May. He clicks each day and adds a leave entry. The monthly report will now show these as leave days and will not flag them as missing time.

Calendar Colour Codes

Regular Hours Met

The employee completed the expected hours for this day.

Missing Time

The employee worked fewer hours than expected.

Overtime

The employee worked beyond their scheduled hours.

Leave Day

Leave has been manually added for this day.

Weekend / Public Holiday

A day not included in the work schedule or a public holiday.

Absent

A scheduled working day with no session recorded.

Monthly Summary Cards at the Top

Regular Time

Total time spent within the scheduled working hours

Overtime

Total time worked beyond the regular hours limit

Days Worked

Number of days with at least one session in the month

On Time

Days the employee clocked in on or before the shift start

Late

Days the employee clocked in after the shift start

Early Departure

Days the employee clocked out before the shift end

⚠️Things to Watch Out For

  • Leave added but work sessions still show: Adding leave to a day doesn't delete existing sessions. The calendar shows the leave colour but the sessions remain visible in the drawer.
  • Why aren't Turkish public holidays showing? The holiday list comes from a static map. Any extra days announced during the year are not added automatically — add manual leave entries as a workaround.
  • Overtime looks wrong: Overtime is calculated against the shift hours in the Settings page. If those values aren't accurate, overtime will be miscalculated.

Related Pages