Assessment list
Figma Component: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=3054-2447
Last modified with commit 54c7b1e on
by TjasaSimovic.
List of assessments across all brands with search, date range, brand and status filters, a "Nov assessment" button, and a per-row actions menu (Detalji / Uredi / Ukloni assessment) with a delete confirmation modal. Status (Aktivni / Nadolazeći / Prošli) is calculated from the assessment date.
The assessment list displays assessments across all brands. It is opened from the side menu: Assessment i školovanja → Assessments.
Page title: “Assessments”. Breadcrumb: Assessments.
List columns
- Naziv assessmenta – name of the assessment
- Marka – brand(s). An assessment for several brands shows them comma separated (e.g. “Volkswagen, Škoda”)
- Datum – date of the assessment (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 assessment date:
- Aktivni – the assessment is scheduled for today
- Nadolazeći – the assessment is in the future
- Prošli – the assessment is in the past
Sorting
The list is sorted by status first (Aktivni → Nadolazeći → Prošli). Within each status group it is sorted by date, ascending.
Search and filters
- Search field “Pretraži po nazivu assessmenta ili kandidatu” – searches by assessment name and by candidate name
- Date range picker (dd.mm.yyyy - dd.mm.yyyy) – filters by assessment 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.
Pagination
The design shows pagination under the list (“Prikazuje se 1-14 od 120” and page numbers).
Permissions
| Action on Assessment list | Trainer | Assessment evaluator |
|---|---|---|
| View assessments | Yes (all assessments) | Yes (only the ones they are added to) |
| Search assessments by name | Yes | Yes |
| Search assessments by candidate name | Yes | Yes |
| Filter by date range | Yes | Yes |
| Filter by brand (MARKA) | Yes | Yes |
| Filter by status (PRIKAŽI) | Yes | Yes |
| Add a new assessment (“NOV ASSESSMENT” button) | Yes | No |
| View assessment detail | Yes | Yes |
| Edit assessment (Aktivni / Nadolazeći only) | Yes | No |
| Delete assessment (Nadolazeći only) | Yes | No |
Actions menu
Clicking the three dots icon on a row opens a menu. Its options depend on the status (and the role – an assessment evaluator only sees “Detalji assessmenta”):
| Status | Options |
|---|---|
| Aktivni | Detalji assessmenta, Uredi assessment |
| Nadolazeći | Detalji assessmenta, Uredi assessment, Ukloni assessment (red, with a trash icon) |
| Prošli | Detalji assessmenta |
- Detalji assessmenta – opens the assessment detail page
- Uredi assessment – opens Uredi assessment
- Ukloni assessment – opens the delete confirmation modal
Rules:
- Only assessments with status Aktivni or Nadolazeći can be edited. Prošli assessments cannot be edited.
- Only assessments with status Nadolazeći can be deleted. Aktivni and Prošli assessments cannot be deleted.
Delete confirmation modal
Figma: https://www.figma.com/design/NWu7ssnTfTJHFNDy13CnUt/Aplikacija-Vento---UI?node-id=3265-18685
- Warning icon, title “Ukloni assessment?”, with the assessment name as a subtitle (e.g. “Assessment 2026/3”)
- Text: “Jeste li sigurni da želite ukloniti ovaj assessment?” (Figma has the typo “ovi”)
- Buttons:
- Odustani – closes the modal without deleting
- Ukloni (red) – deletes the assessment. 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