Pontaj Web Application
The Pontaj web application within the Cosys Dashboard platform manages employee work time records, centralizing attendance hours, leave, days off, and overtime. Its interface is designed for intuitive use and for the efficient administration of monthly data.
1. Using the Application
The Pontaj interface is organized into three main areas: 1) Add buttons, 2) Filters, and 3) Main table.
1.1 Table Structure
The table has two fixed (sticky) columns: the full name and the employee ID (in parentheses). For each employee you can see attendance hours, leave, sick leave, and night hours. The current month’s total (from the central app) is summarized and compared with the contractual norm; if it exceeds the limit, the value is highlighted in red.
Table columns correspond to the days of the month; weekends and public holidays are visually distinguished. Each employee has three rows:
- Hour type – selectable from a drop-down (including leave types).
- Number of hours – editable via double-click.
- Extra hours – accessed via a button; managed in a dedicated modal.
1.2 Filters
Three filters are available:
- Day – defaults to the current date. Use the drop-down to pick another day. If you pick a day in a previous month, add buttons are hidden automatically and the table becomes read-only: you can navigate but not edit.
- Department – choose which department’s staff to display.
- Employee search – search by name within the selected department.
1.3 Navigation and Editing
The name and ID columns remain visible during horizontal scrolling. The pagination controls are at the bottom-right; each page shows 4 employees.
Keyboard interactions
- Cell focus – click a cell to focus it.
- Arrow keys – move left, right, and down between focused cells.
- Enter – open the cell in edit mode (hour type / number of hours) or activate the button inside the cell.
- Enter on the Extra hours button – opens the modal to manage extra hours.
- Esc – closes cell editing or closes the extra-hours modal.
Mouse interactions
- Double-click – opens editing or the modal (as applicable).
- Click outside the cell/modal – closes editing or the modal (no extra save required).
1.4 Extra Hours
The extra-hours modal lists recorded entries in a table. Values can be added/updated; upon closing, totals are saved automatically and shown in the main table.
1.5 Action Buttons
Two main add buttons are available, each opening a modal:
1.5.1 Add to timesheet table
- Current month – preselected.
- Department – choose the target department.
- Target – entire department or one/more employees.
- Hour type – choose the type to apply.
- Duration (hours) – default 8 (editable).
- In-month interval – from day X to day Y.
- Include weekend – options for Saturday and/or Sunday.
- Actions – Save (green button, bottom-right) or Close (bottom-left).
1.5.2 Add extra hours
- Department / Employees – by department or selected individuals.
- Extra hour type – choose the relevant type.
- Quantity (hours) – number of extra hours.
- Target days – select the month’s days; may include Saturday and/or Sunday.
- Actions – Save or Close.
2. Application Configuration Options
Define hour types, rules for highlighting weekends and public holidays, and the color/abbreviation scheme used in the table. Options can be tailored to your organization’s needs.
