Commit 7e45776a authored by Konstantin Schulz's avatar Konstantin Schulz
Browse files

exercise list now uses additional symbols and help text

parent 937eb7a9
Pipeline #12522 failed with stages
in 2 minutes and 38 seconds
......@@ -30,15 +30,16 @@
<ion-row style="padding-top: 1em; font-size: 1.2em">
<ion-label>{{ 'SORT_BY' | translate }}</ion-label>
<ion-select [(ngModel)]="currentSortingCategory" (ngModelChange)="sortExercises()"
<ion-select-option *ngFor="let key of helperService.getEnumValues(SortingCategory)" value="{{key}}">
<label>{{ 'SORT_BY' | translate }}
<select [(ngModel)]="currentSortingCategory" (ngModelChange)="sortExercises()"
name="currentSortingCategory" style="border-radius: 2em !important; padding: 0.2em">
<option *ngFor="let key of helperService.getEnumValues(SortingCategory)" value="{{key}}">
{{ key | translate }}
......@@ -108,6 +109,14 @@
<button (click)="showHelp = !showHelp" style="padding:0.2em;">
<ion-icon name="help-circle"></ion-icon>
<ion-row *ngIf="showHelp" style="padding-bottom: 1em">
{{ 'EXERCISE_LIST_LEGEND' | translate }}
<ion-row *ngIf="exercises?.length; else loading">
<ion-grid style="padding: 0">
......@@ -120,10 +129,12 @@
<ion-col size="4">
{{ getDateString(exercise.last_access_time) }}
<ion-col size="2">
<ion-col size="2" style="padding: 0">
<ion-icon name="barbell-outline"
style="font-size: 1.1em; vertical-align: sub; padding: 0 0 0 0.1em"></ion-icon>
<ion-col size="2">
<ion-col size="2" style="padding-right: 1em">
......@@ -36,6 +36,7 @@ export class ExerciseListPage implements OnInit {
public Math = Math;
public metadata: { [eid: string]: string } = {};
public ObjectKeys = Object.keys;
public showHelp = false;
public showVocabularyCorpus = false;
public SortingCategory = SortingCategory;
public sortingCategoriesAsc: Set<SortingCategory> = new Set<SortingCategory>([
......@@ -117,7 +118,7 @@ export class ExerciseListPage implements OnInit {
getMatchingDegree(exercise: ExerciseMC): string {
return exercise.matching_degree ? Math.round(exercise.matching_degree).toString() : '';
return exercise.matching_degree ? `${Math.round(exercise.matching_degree)}%` : '';
ngOnInit(): Promise<void> {
......@@ -188,7 +188,7 @@
"EXERCISE_GENERATE": "Übung erstellen",
"EXERCISE_LIST": "Übungsspeicher",
"EXERCISE_LIST_LEGEND": "Das Hantel-Symbol zeigt die Komplexität des Textes an, für den die Übung generiert wurde. Ein niedriger Wert weist auf einen einfachen Text hin, ein hoher auf einen schweren. Sofern ein Vokabelabgleich durchgeführt wurde, gibt die Prozentzahl die Übereinstimmung des Textes mit dem gewählten Zielvokabular an.",
"EXERCISE_NO_OOV": "Unbekannte Vokabeln ausschließen",
"EXERCISE_PARAMETERS": "Übungsparameter",
"EXERCISE_SET_PARAMETERS": "Parameter festlegen",
......@@ -188,7 +188,7 @@
"EXERCISE_GENERATE": "Create exercise",
"EXERCISE_LIST": "Exercise Repository",
"EXERCISE_LIST_LEGEND": "The barbell symbol indicates the complexity of the text from which the exercise was generated. A low value represents an easy text, a high value represents a difficult text. If a vocabulary check has been performed, the percentage indicates the amount of overlap between the text and the desired target vocabulary.",
"EXERCISE_NO_OOV": "Exclude unknown words",
"EXERCISE_PARAMETERS": "Exercise parameters",
"EXERCISE_SET_PARAMETERS": "Set parameters",
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment