BTC školovanje list
Figma Component: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=3261-14528
Last modified with commit 54c7b1e on
by TjasaSimovic.
List of BTC školovanje programs across all brands (10 per page) with search, date range, brand and status filters, a "Novo školovanje" button, and a per-row actions menu (Detalji / Uredi / Ukloni školovanje) with a delete confirmation modal. Status (Aktivni / Nadolazeći / Prošli) is calculated from the Modul 1 start date and the Modul 4 end date.
The BTC školovanje list displays all training programs across all brands. It is opened from the side menu: Assessment i školovanja → BTC školovanje.
Page title: “BTC školovanje”. Breadcrumb: BTC školovanje.
List columns
- Naziv – name of the školovanje
- Marka – brand(s)
- Datum početka Modul 1 – start date of Modul 1 (dd.mm.yyyy)
- Status – tag with one of: Aktivni, Nadolazeći, Prošli
- Actions menu (three dots icon “…”)
Status
Status is set automatically from the module dates:
- Nadolazeći – the Modul 1 start date is in the future
- Aktivni – from the Modul 1 start date until the Modul 4 end date. If no Modul 4 end date has been entered, the školovanje stays Aktivni.
- Prošli – the Modul 4 end date has passed
Sorting
The list is sorted by status first (Aktivni → Nadolazeći → Prošli). Within each status group it is sorted by the Modul 1 start date, ascending.
Search and filters
- Search field “Pretraži po nazivu školovanja ili kandidatu” – searches by školovanje name and by candidate name
- Date range picker (dd.mm.yyyy - dd.mm.yyyy) – filters by date
- MARKA – filter by brand
- PRIKAŽI – filter by status, with the options:
- All
- Aktivni
- Nadolazeći
- Prošli
By default all statuses are shown.
The date range filter shows every školovanje whose span (Modul 1 start date to Modul 4 end date) overlaps the selected range, even partly. A školovanje without a Modul 4 end date counts as still running.
Pagination
The list is paginated with 10 records per page, the same as the events list (“Prikazuje se 1-10 od 14” and page numbers).
User actions
- View all školovanje records
- Search by školovanje name or candidate name
- Filter by date, brand (MARKA) and status (PRIKAŽI)
- Add a new školovanje (“NOVO ŠKOLOVANJE” button) – opens Adding new BTC školovanje
- View the školovanje detail page (all statuses)
- Edit a školovanje (Aktivni and Nadolazeći only). Prošli cannot be edited.
- Delete a školovanje (Nadolazeći only). Aktivni and Prošli cannot be deleted.
Actions menu
Clicking the three dots icon on a row opens a menu. Its options depend on the status:
| Status | Options |
|---|---|
| Aktivni | Detalji školovanje, Uredi školovanje |
| Nadolazeći | Detalji školovanje, Uredi školovanje, Ukloni školovanje (red, with a trash icon) |
| Prošli | Detalji školovanje |
- Detalji školovanje – opens the BTC školovanje detail page
- Uredi školovanje – opens Uredi BTC školovanje
- Ukloni školovanje – opens the delete confirmation modal
Delete confirmation modal
Figma: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=4104-9896
- Warning icon, title “Ukloni školovanje?”, with the školovanje name as a subtitle (e.g. “Školovanje 2026/1”)
- Text: “Jeste li sigurni da želite ukloniti ovo školovanje?” (Figma has the typo “ovu”)
- Buttons:
- Odustani – closes the modal without deleting
- Ukloni (red) – deletes the školovanje. It disappears from the app, but its data is kept (see Data retention).
- Close icon (x) in the top right corner – closes the modal without deleting