all: smoother spanish translations (fixes #9086) (#9104)

Co-authored-by: dogi <[email protected]>

Author: Mutugiii

angular.json

@@ -227,10 +227,8 @@
           "options": {
             "browserTarget": "planet-app:build",
             "outputPath": "src/i18n",
-            "format": "xlf",
-            "ivy": true
-          },
-          "ivy": true
+            "format": "xlf"
+          }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.20.43",
+  "version": "0.20.44",
   "myplanet": {
     "latest": "v0.33.66",
     "min": "v0.32.66"

src/app/chat/chat-sidebar/chat-sidebar.component.html

@@ -61,10 +61,10 @@
             <button *ngIf="conversation.shared" mat-icon-button class="sidebar-icon" matTooltip="Conversation shared" i18n-matTooltip>
               <mat-icon>done_all</mat-icon>
             </button>
-            <button mat-icon-button class="sidebar-icon" *ngIf="selectedConversation?._id === conversation?._id" (click)="toggleEditTitle()" matTooltip="Edit title">
+            <button mat-icon-button class="sidebar-icon" *ngIf="selectedConversation?._id === conversation?._id" (click)="toggleEditTitle()" i18n-matTooltip matTooltip="Edit title">
               <mat-icon>edit</mat-icon>
             </button>
-            <button mat-icon-button class="sidebar-icon" *ngIf="selectedConversation?._id === conversation?._id" (click)="openShareDialog(conversation)" matTooltip="Share conversation">
+            <button mat-icon-button class="sidebar-icon" *ngIf="selectedConversation?._id === conversation?._id" (click)="openShareDialog(conversation)" i18n-matTooltip matTooltip="Share conversation">
               <mat-icon>share</mat-icon>
             </button>
           </ng-template>

src/app/chat/chat-window/chat-window.component.html

@@ -16,6 +16,7 @@
             mat-icon-button
             [planetSubmit]="promptForm.valid && spinnerOn"
             [disabled]="!promptForm.valid || providers.length === 0"
+            i18n-matTooltip
             matTooltip="chat is disabled, contact community admin"
             [matTooltipDisabled]="providers.length > 0"
             color="primary"

src/app/courses/enroll-courses/courses-enroll.component.ts

@@ -84,21 +84,20 @@ export class CoursesEnrollComponent {
   }
 
   exportCSV() {
-    // Prepare CSV data
     const csvData = this.members.map((user: any) => {
       return {
-        username: user.doc.name,
-        dateStarted: user.activityDates.createdDate
+        [$localize`username`]: user.doc.name,
+        [$localize`Date Started`]: user.activityDates.createdDate
           ? new Date(user.activityDates.createdDate).toLocaleDateString()
           : 'N/A',
-        mostRecentActivity: user.activityDates.updatedDate
+        [$localize`Most Recent Activity`]: user.activityDates.updatedDate
           ? new Date(user.activityDates.updatedDate).toLocaleDateString()
           : 'N/A',
       };
     });
     this.csvService.exportCSV({
       data: csvData,
-      title: `Course Enrollment Data - ${this.course}`,
+      title: $localize`Course Enrollment Data - ${this.course}`,
     });
   }
 }

src/app/courses/progress-courses/courses-progress-leader.component.ts

@@ -245,13 +245,13 @@ export class CoursesProgressLeaderComponent implements OnInit, OnDestroy {
           successfulSteps++;
         }
         totalErrors += stepErrors;
-        steps[`Step ${(index + 1)}`] = stepErrors;
+        steps[$localize`Step ${(index + 1)}`] = stepErrors;
       });
 
       return {
-        'Username': element.label,
-        'Success Percentage': `${((successfulSteps / totalSteps) * 100).toFixed(2)}%`,
-        'Total Errors': totalErrors,
+        [$localize`Username`]: element.label,
+        [$localize`Success Percentage`]: `${((successfulSteps / totalSteps) * 100).toFixed(2)}%`,
+        [$localize`Total Errors`]: totalErrors,
         ...steps
       };
     });

src/app/dashboard/dashboard-tile.component.html

@@ -36,7 +36,7 @@
                 {{(cardType === 'myLife' && isAccordionMode) ? '' : (item.title | truncateText:50)}}
               </p>
               <button mat-icon-button class="delete-item" (click)="removeFromShelf($event, item)" *ngIf="cardType!=='myLife' && !item?.canRemove">
-                <mat-icon i18n-matTooltip [matTooltip]="'Remove from ' + cardTitle" [inline]="true">clear</mat-icon>
+                <mat-icon i18n-matTooltip [matTooltip]="getRemoveTooltip(cardTitle)" [inline]="true">clear</mat-icon>
               </button>
             </div>
           </ng-container>

src/app/dashboard/dashboard-tile.component.ts

@@ -161,6 +161,10 @@ export class DashboardTileComponent implements AfterViewChecked, OnInit {
       this.recentlyDragged = false;
     }, 300);
   }
+
+  getRemoveTooltip(cardTitle: string): string {
+    return $localize`Remove from ${cardTitle}`;
+  }
 }
 
 @Component({

src/app/exams/exams-add.component.html

@@ -46,7 +46,7 @@
       </mat-accordion>
       <planet-step-list class="exam-questions" [steps]="questions" [nameProp]="'title'" (stepClicked)="stepClick($event)">
         <planet-step-list-item *ngFor="let question of questions?.controls; index as i" >
-          <span class="exam-question" i18n>{{ plainText(question.value.body) || 'Question ' + (i+1) }}</span>
+          <span class="exam-question">{{ getQuestionLabel(question.value.body, i) }}</span>
           <span i18n class="margin-lr-4 mat-caption warn-text-color" *ngIf="!question.valid && question.touched">There are missing fields on this question</span>
         </planet-step-list-item>
         <div planetStepListForm>

src/app/exams/exams-add.component.ts

@@ -207,8 +207,9 @@ export class ExamsAddComponent implements OnInit {
     (<UntypedFormArray>this.examForm.get('questions')).removeAt(index);
   }
 
-  plainText(value) {
-    markdownToPlainText(value);
+  getQuestionLabel(value: any, index: number): string {
+    const questionText = markdownToPlainText(value);
+    return questionText || $localize`Question ${index + 1}`;
   }
 
   goBack() {