From e06221472fd21fe0a5c1a9f1b8868a6d2d5957e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 25 Jul 2023 09:02:25 +0200
Subject: [PATCH] MOBILE-4351 course: Add completion status before task inside
 activities

---
 .../core-course-module-completion.html              | 13 ++++++++-----
 1 file changed, 8 insertions(+), 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
index 2419affda5a..dbc62caca1b 100644
--- 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>