Has two types of views, one for trainee and one for organizer.
Organizer is able to filter between commands. Organizer also has possibility to switch between wrong and correct commands. Another filter option is to display only certain trainees.
Trainee can only see his commands and by default see every mistake type he/she has done.
For Organizer view
<crczp-mistake/>
For Trainee view
<crczp-mistake [sandboxId]="sandboxID"/>
Reference graph shows reference solution for training. Its zoomable component which allows traversal through graph.
<crczp-reference-graph/>
Summary graph shows results of all trainees in training. Its zoomable component which allows traversal through graph.
<crczp-summary-graph/>
Command timeline displaying timeline for one trainee. Organizer is able to choose between displayed trainees. Detail about particular commands is displayed along with time they were submitted.
For Organizer view
<crczp-timeline/>
For Trainee view
<crczp-timeline [sandboxId]="sandboxID"/>
Trainee graph shows what commands trainee used, to which state they brought him/her to. Its zoomable component which allows traversal through graph.
<crczp-trainee-graph/>
Sources: https://github.com/cyberrangecz/frontend-command-visualizations