Merge pull request #3753 from crazyserver/MOBILE-4351

MOBILE-4351 course: Add completion status before task inside activities
moodlehq · Jul 25, 2023 · 3e8b7a4 · 3e8b7a4
2 parents 81d1da3 + e062214
commit 3e8b7a4
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/core/features/course/components/module-completion/core-course-module-completion.html b/src/core/features/course/components/module-completion/core-course-module-completion.html
@@ -7,25 +7,27 @@
                 <ng-container *ngFor="let rule of details">
                     <ion-chip *ngIf="rule.statuscomplete" color="success" role="listitem" [attr.aria-label]="rule.accessibleDescription"
                         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>
+                            <strong>{{ 'core.course.completion_automatic:done' | translate }}</strong>
                             {{ rule.rulevalue.description }}
                         </ion-label>
                     </ion-chip>
 
                     <ion-chip *ngIf="rule.statuscompletefail" color="danger" role="listitem" [attr.aria-label]="rule.accessibleDescription"
                         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>
+                            <strong>{{ 'core.course.completion_automatic:failed' | translate }}</strong>
                             {{ rule.rulevalue.description }}
                         </ion-label>
                     </ion-chip>
 
                     <ion-chip *ngIf="rule.statusincomplete" color="secondary" role="listitem" [attr.aria-label]="rule.accessibleDescription"
                         class="completioninfo completion_incomplete">
-                        <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>
+                            <strong>{{ 'core.course.completion_automatic:todo' | translate }}</strong>
                             {{ rule.rulevalue.description }}
                         </ion-label>
                     </ion-chip>
@@ -34,8 +36,9 @@
 
             <ng-container *ngIf="!completion.istrackeduser">
                 <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>
+                        <strong>{{ 'core.course.completion_automatic:todo' | translate }}</strong>
                         {{ rule.rulevalue.description }}
                     </ion-label>
                 </ion-chip>