EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4351 course: Add completion status before task inside activities

main
Pau Ferrer Ocaña 2023-07-25 09:02:25 +02:00
parent aeb12fa472
commit e06221472f
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/core/features/course/components/module-completion/core-course-module-completion.html
View File

@ -7,25 +7,27 @@
<ng-container *ngFor="let rule of details"> <ng-container *ngFor="let rule of details">
<ion-chip *ngIf="rule.statuscomplete" color="success" role="listitem" [attr.aria-label]="rule.accessibleDescription" <ion-chip *ngIf="rule.statuscomplete" color="success" role="listitem" [attr.aria-label]="rule.accessibleDescription"
class="completioninfo completion_complete"> class="completioninfo completion_complete">
<ion-icon name="fas-check" [attr.aria-label]="'core.course.completion_automatic:done' | translate "></ion-icon> <ion-icon name="fas-check" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<strong>{{ 'core.course.completion_automatic:done' | translate }}</strong>
{{ rule.rulevalue.description }} {{ rule.rulevalue.description }}
</ion-label> </ion-label>
</ion-chip> </ion-chip>
<ion-chip *ngIf="rule.statuscompletefail" color="danger" role="listitem" [attr.aria-label]="rule.accessibleDescription" <ion-chip *ngIf="rule.statuscompletefail" color="danger" role="listitem" [attr.aria-label]="rule.accessibleDescription"
class="completioninfo completion_fail"> class="completioninfo completion_fail">
<ion-icon name="fas-xmark" [attr.aria-label]="'core.course.completion_automatic:failed' | translate "></ion-icon> <ion-icon name="fas-xmark" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<strong>{{ 'core.course.completion_automatic:failed' | translate }}</strong>
{{ rule.rulevalue.description }} {{ rule.rulevalue.description }}
</ion-label> </ion-label>
</ion-chip> </ion-chip>
<ion-chip *ngIf="rule.statusincomplete" color="secondary" role="listitem" [attr.aria-label]="rule.accessibleDescription" <ion-chip *ngIf="rule.statusincomplete" color="secondary" role="listitem" [attr.aria-label]="rule.accessibleDescription"
class="completioninfo completion_incomplete"> class="completioninfo completion_incomplete">
<ion-icon name="fas-pen-to-square" <ion-icon name="fas-pen-to-square" aria-hidden="true"></ion-icon>
[attr.aria-label]="'core.course.completion_automatic:todo' | translate "></ion-icon>
<ion-label> <ion-label>
<strong>{{ 'core.course.completion_automatic:todo' | translate }}</strong>
{{ rule.rulevalue.description }} {{ rule.rulevalue.description }}
</ion-label> </ion-label>
</ion-chip> </ion-chip>
@ -34,8 +36,9 @@
<ng-container *ngIf="!completion.istrackeduser"> <ng-container *ngIf="!completion.istrackeduser">
<ion-chip *ngFor="let rule of details" role="listitem" class="core-module-completion-todo"> <ion-chip *ngFor="let rule of details" role="listitem" class="core-module-completion-todo">
<ion-icon name="fas-pen-to-square" [attr.aria-label]="'core.course.completion_automatic:todo' | translate "></ion-icon> <ion-icon name="fas-pen-to-square" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<strong>{{ 'core.course.completion_automatic:todo' | translate }}</strong>
{{ rule.rulevalue.description }} {{ rule.rulevalue.description }}
</ion-label> </ion-label>
</ion-chip> </ion-chip>