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 @@ ...@@ -30,15 +30,16 @@
</label> </label>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row style="padding-top: 1em; font-size: 1.2em">
<ion-col> <ion-col>
<ion-label>{{ 'SORT_BY' | translate }}</ion-label> <label>{{ 'SORT_BY' | translate }}
<ion-select [(ngModel)]="currentSortingCategory" (ngModelChange)="sortExercises()" <select [(ngModel)]="currentSortingCategory" (ngModelChange)="sortExercises()"
name="currentSortingCategory"> name="currentSortingCategory" style="border-radius: 2em !important; padding: 0.2em">
<ion-select-option *ngFor="let key of helperService.getEnumValues(SortingCategory)" value="{{key}}"> <option *ngFor="let key of helperService.getEnumValues(SortingCategory)" value="{{key}}">
{{ key | translate }} {{ key | translate }}
</ion-select-option> </option>
</ion-select> </select>
</label>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row>
...@@ -108,6 +109,14 @@ ...@@ -108,6 +109,14 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col>
<button (click)="showHelp = !showHelp" style="padding:0.2em;">
<ion-icon name="help-circle"></ion-icon>
</button>
</ion-col>
</ion-row>
<ion-row *ngIf="showHelp" style="padding-bottom: 1em">
{{ 'EXERCISE_LIST_LEGEND' | translate }}
</ion-row> </ion-row>
<ion-row *ngIf="exercises?.length; else loading"> <ion-row *ngIf="exercises?.length; else loading">
<ion-grid style="padding: 0"> <ion-grid style="padding: 0">
...@@ -120,10 +129,12 @@ ...@@ -120,10 +129,12 @@
<ion-col size="4"> <ion-col size="4">
{{ getDateString(exercise.last_access_time) }} {{ getDateString(exercise.last_access_time) }}
</ion-col> </ion-col>
<ion-col size="2"> <ion-col size="2" style="padding: 0">
{{Math.round(exercise.text_complexity)}} {{Math.round(exercise.text_complexity)}}
<ion-icon name="barbell-outline"
style="font-size: 1.1em; vertical-align: sub; padding: 0 0 0 0.1em"></ion-icon>
</ion-col> </ion-col>
<ion-col size="2"> <ion-col size="2" style="padding-right: 1em">
{{getMatchingDegree(exercise)}} {{getMatchingDegree(exercise)}}
</ion-col> </ion-col>
</ion-row> </ion-row>
......
...@@ -36,6 +36,7 @@ export class ExerciseListPage implements OnInit { ...@@ -36,6 +36,7 @@ export class ExerciseListPage implements OnInit {
public Math = Math; public Math = Math;
public metadata: { [eid: string]: string } = {}; public metadata: { [eid: string]: string } = {};
public ObjectKeys = Object.keys; public ObjectKeys = Object.keys;
public showHelp = false;
public showVocabularyCorpus = false; public showVocabularyCorpus = false;
public SortingCategory = SortingCategory; public SortingCategory = SortingCategory;
public sortingCategoriesAsc: Set<SortingCategory> = new Set<SortingCategory>([ public sortingCategoriesAsc: Set<SortingCategory> = new Set<SortingCategory>([
...@@ -117,7 +118,7 @@ export class ExerciseListPage implements OnInit { ...@@ -117,7 +118,7 @@ export class ExerciseListPage implements OnInit {
} }
getMatchingDegree(exercise: ExerciseMC): string { 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> { ngOnInit(): Promise<void> {
......
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
"EXERCISE_FEEDBACK_PARTIALLY_CORRECT_DEFAULT": "Das ist teilweise korrekt.", "EXERCISE_FEEDBACK_PARTIALLY_CORRECT_DEFAULT": "Das ist teilweise korrekt.",
"EXERCISE_GENERATE": "Übung erstellen", "EXERCISE_GENERATE": "Übung erstellen",
"EXERCISE_LIST": "Übungsspeicher", "EXERCISE_LIST": "Übungsspeicher",
"EXERCISE_LIST_LEGEND": "Legende", "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_NO_OOV": "Unbekannte Vokabeln ausschließen",
"EXERCISE_PARAMETERS": "Übungsparameter", "EXERCISE_PARAMETERS": "Übungsparameter",
"EXERCISE_SET_PARAMETERS": "Parameter festlegen", "EXERCISE_SET_PARAMETERS": "Parameter festlegen",
......
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
"EXERCISE_FEEDBACK_PARTIALLY_CORRECT_DEFAULT": "That is partially correct.", "EXERCISE_FEEDBACK_PARTIALLY_CORRECT_DEFAULT": "That is partially correct.",
"EXERCISE_GENERATE": "Create exercise", "EXERCISE_GENERATE": "Create exercise",
"EXERCISE_LIST": "Exercise Repository", "EXERCISE_LIST": "Exercise Repository",
"EXERCISE_LIST_LEGEND": "Legend", "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_NO_OOV": "Exclude unknown words",
"EXERCISE_PARAMETERS": "Exercise parameters", "EXERCISE_PARAMETERS": "Exercise parameters",
"EXERCISE_SET_PARAMETERS": "Set 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