BTC školovanje detail
Figma Component: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=3261-15436
Last modified with commit 374306c on
by Aljaž.
The BTC školovanje detail page, with a header (name, status, brand), an "Uredi školovanje" button, links to Rezultati feedback forme and Potpisi, and 4 collapsible module sections. Each section shows its date range and an attendance table (Kandidat × Dan 1 / Dan 2). Each day can be edited inline with checkboxes and saved with Spremi.
The BTC školovanje detail page is accessible to all users with access to the BTC školovanje section. It is opened with “Detalji školovanje” from the list.
Breadcrumb: BTC školovanje > {školovanje name}. A “Natrag” link returns to the list.
Header
- Školovanje name with a status tag (Aktivni / Nadolazeći / Prošli)
- Brand(s)
- “UREDI ŠKOLOVANJE” button – opens Uredi BTC školovanje. Only shown when the status is Aktivni or Nadolazeći.
Quick links
Two link cards are shown under the header:
- Rezultati feedback forme → – opens the Rezultati feedback forme page
- Potpisi → – opens the Potpisi page, where the user can upload signature documents
Modules
The page has 4 collapsible module sections (Modul 1–4).
- All sections are collapsed by default.
- The section header shows “Modul X” with a calendar icon and the module’s date range (e.g. “12.05.2025. – 14.05.2025.”). If no dates have been entered for the module, “-” is shown.
- An expanded section shows the attendance table for that module.
Attendance table
Columns: KANDIDAT, DAN 1, DAN 2.
- KANDIDAT – avatar (initials) and the candidate’s name
- DAN 1 / DAN 2 – for each candidate:
- a green check icon if the candidate was present
- a grey “–” icon if the candidate was not present (also the default)
- Each day column header (DAN 1, DAN 2) has an edit (pencil) icon.
Editing attendance
Figma: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=3560-17259
- Clicking the edit icon of a day switches that day’s icons to checkboxes, one per candidate. A checked box means present.
- “Odustani” and “Spremi” buttons appear on the right of the table header.
- The user checks or unchecks candidates.
- “Spremi” saves the selection. The checkboxes turn back into check / “–” icons that reflect the saved values.
- “Odustani” discards the changes and returns to view mode.
Only one day is in edit mode at a time. The other day keeps showing icons.