Update text and add translation

CSETWebNg/src/app/assessment/results/analytics-results/analytics-results.component.html

@@ -1,8 +1,7 @@
-<div class="white-panel oy-auto ox-auto d-flex flex-column flex-11a">
-  <h3 class="mb-3">Assessment Analytics</h3>
-  <p>This chart displays the implementation scoring of the current assessment in relation to other assessments of the
-    same type. Each category is scored, with the minimum, maximum, and median scores charted to illustrate how the
-    current assessment compares to other assessments within the same sector or across all sectors</p>
+<div class="white-panel oy-auto ox-auto d-flex flex-column flex-11a" *transloco="let t" >
+  <h3 class="mb-3">{{t('analytics.title')}}</h3>
+  <p>{{t('analytics.description 1')}}</p>
+  <p>{{t('analytics.description 2')}}</p>
   <div class="container ps-0">
     <div class="container-fluid ps-0">
       <div class="row">
@@ -13,12 +12,12 @@ <h3 class="mb-3">Assessment Analytics</h3>
             <div class="p-4">
               <mat-button-toggle-group [(ngModel)]="dataType" (change)="toggleData($event)">
                 <mat-button-toggle [value]="'mySector'" [disabled]="!showSector"
-                  matTooltip="Select a sector from demographics" [matTooltipDisabled]="showSector">
-                  My Sector
-                  <div *ngIf="dataType === 'mySector'"><h6 style="font-size: 13px;">Sample Size: {{sampleSize}}</h6></div>
+                  matTooltip="Select a sector from Demographics in Assessment Information" [matTooltipDisabled]="showSector">
+                  {{t('analytics.my sector')}}
+                  <div *ngIf="dataType === 'mySector'"><h6 style="font-size: 13px;">{{t('analytics.sample size')}}: {{sampleSize}}</h6></div>
                 </mat-button-toggle>
-                <mat-button-toggle value="allSectors">All Sectors
-                  <div *ngIf="dataType === 'allSectors'"><h6 style="font-size: 13px;">Sample Size: {{sampleSize}}</h6></div>
+                <mat-button-toggle value="allSectors">{{t('analytics.all sectors')}}
+                  <div *ngIf="dataType === 'allSectors'"><h6 style="font-size: 13px;">{{t('analytics.sample size')}}: {{sampleSize}}</h6></div>
                 </mat-button-toggle>
               </mat-button-toggle-group>
             </div>

CSETWebNg/src/app/assessment/results/analytics-results/analytics-results.component.ts

@@ -7,6 +7,7 @@ import { AggregationService } from '../../../services/aggregation.service';
 import { AssessmentDetail } from '../../../models/assessment-info.model';
 import { DemographicService } from '../../../services/demographic.service';
 import { DemographicIodService } from '../../../services/demographic-iod.service';
+import { TranslocoService } from '@jsverse/transloco';
 
 Chart.register(...registerables);
 
@@ -59,7 +60,8 @@ export class AnalyticsResultsComponent implements OnInit {
     public assessSvc: AssessmentService,
     public aggregSvc: AggregationService,
     public demoSvc: DemographicService,
-    public demoIodSvc: DemographicIodService
+    public demoIodSvc: DemographicIodService,
+    public tSvc: TranslocoService
   ) { }
 
   ngOnInit(): void {
@@ -75,7 +77,7 @@ export class AnalyticsResultsComponent implements OnInit {
         this.demoIodSvc.getDemographics().subscribe((resp: DemographicsIod) => {
           resp.listSectors.forEach(sector => {
             if (sector.optionValue == this.sectorId) {
-              this.sectorTitle = sector.optionText
+              this.sectorTitle = this.tSvc.translate('analytics.' + sector.optionText)
             }
           });
         })

CSETWebNg/src/assets/i18n/en.json

@@ -1089,5 +1089,14 @@
       "report title": "Multiple Assessment Comparison Report",
       "document library": "Document Library"
     }
+  }, 
+  "analytics": {
+    "title": "Assessment Analytics", 
+    "description 1": "This chart displays the implementation scoring of the current assessment in relation to other assessments of the same type, as applicable. Each category is scored, with the minimum, maximum, and median scores charted to illustrate how the current assessment compares to other assessments. Users can choose to view results within the same sector or across all sectors.", 
+    "description 2": "If additional assessments of the same type have not been conducted, the chart will only display the current assessment results.", 
+    "sample size": "Sample Size", 
+    "tooltip": "Select a sector from Demographics in Assessment Information", 
+    "my sector": "My Sector", 
+    "all sectors": "All Sectors"
   }
 }

CSETWebNg/src/assets/i18n/es.json

@@ -913,5 +913,14 @@
             "report title": "Informe de Comparación de Múltiples Evaluaciones",
             "document library": "Biblioteca de documentos"
         }
+    },  
+    "analytics": { 
+        "title": "Análisis de Evaluación", 
+        "description 1": "Este gráfico muestra la puntuación de implementación de la evaluación actual en relación con otras evaluaciones del mismo tipo, según corresponda. Cada categoría se puntúa, con las puntuaciones mínima, máxima y mediana graficadas para ilustrar cómo se compara la evaluación actual con otras evaluaciones. Los usuarios pueden elegir ver los resultados dentro del mismo sector o en todos los sectores.", 
+        "description 2": "Si no se han realizado evaluaciones adicionales del mismo tipo, el gráfico solo mostrará los resultados de la evaluación actual.", 
+        "sample size": "Tamaño de Muestra", 
+        "tooltip": "Seleccione un sector de Demografía en Información de Evaluación", 
+        "my sector": "Mi Sector", 
+        "all sectors": "Todos los Sectores"
     }
 }

CSETWebNg/src/assets/i18n/uk.json

@@ -921,5 +921,14 @@
       "11c": "– Організація визначила повний набір необхідних заходів, необхідних для досягнення заявленого результату мети.",
       "11d": "– Організація не має найближчих планів реалізації рекомендованих дій для досягнення мети."
     }
+  }, 
+  "analytics": { 
+    "title": "Аналітика Оцінювання", 
+    "description 1": "Ця діаграма відображає оцінку впровадження поточного оцінювання у порівнянні з іншими оцінюваннями того ж типу, якщо це застосовно. Кожна категорія оцінюється, з мінімальними, максимальними та медіанними оцінками, що показують, як поточне оцінювання порівнюється з іншими оцінюваннями. Користувачі можуть вибрати перегляд результатів у тому ж секторі або у всіх секторах.", 
+    "description 2": "Якщо додаткові оцінювання того ж типу не проводились, діаграма відображатиме лише результати поточного оцінювання.", 
+    "sample size": "Розмір Вибірки", 
+    "tooltip": "Виберіть сектор з Демографії в Інформації про Оцінювання", 
+    "my sector": "Мій Сектор", 
+    "all sectors": "Усі Сектори"
   }
 }