fix:test and lint fix

Author: HishamHR5

src/app/component/activity-description/activity-description.component.html

@@ -349,7 +349,10 @@ <h4 class="tool-name" [innerHTML]="implement['name']"></h4>
               </span>
             </span>
             <span class="ref-section" *ngIf="teamsImplemented.size === 0">
-              <span class="ref-values">No {{ settings.getTeamLabelPlural() | lowercase }} have started this activity yet</span>
+              <span class="ref-values"
+                >No {{ settings.getTeamLabelPlural() | lowercase }} have started this activity
+                yet</span
+              >
             </span>
           </div>
         </mat-panel-title>
@@ -367,7 +370,10 @@ <h4 class="tool-name" [innerHTML]="implement['name']"></h4>
         </div>
       </div>
       <ng-template #noTeamsBlock>
-        <p>No {{ settings.getTeamLabelPlural() | lowercase }} have started implementing this activity yet.</p>
+        <p>
+          No {{ settings.getTeamLabelPlural() | lowercase }} have started implementing this activity
+          yet.
+        </p>
       </ng-template>
     </mat-expansion-panel>
   </mat-accordion>

src/app/component/activity-description/activity-description.component.ts

@@ -44,10 +44,7 @@ export class ActivityDescriptionComponent implements OnInit, OnChanges {
 
   @ViewChildren(MatAccordion) accordion!: QueryList<MatAccordion>;
 
-  constructor(
-    private loader: LoaderService,
-    public settings: SettingsService
-  ) {}
+  constructor(private loader: LoaderService, public settings: SettingsService) {}
 
   ngOnInit() {
     // Set activity data if provided

src/app/component/team-selector/team-selector.component.html

@@ -1,6 +1,8 @@
 <div class="config-section">
   <h3>{{ settings.getTeamLabelPlural() }}</h3>
-  <p class="config-hint">Select which {{ settings.getTeamLabelPlural() | lowercase }} to include in the report.</p>
+  <p class="config-hint">
+    Select which {{ settings.getTeamLabelPlural() | lowercase }} to include in the report.
+  </p>
   <div class="select-all-actions">
     <button mat-button color="primary" (click)="selectAllTeams()">Select All</button>
     <button mat-button (click)="deselectAllTeams()">Deselect All</button>

src/app/component/teams-groups-editor/teams-groups-editor.component.ts

@@ -197,7 +197,10 @@ export class TeamsGroupsEditorComponent implements OnChanges {
   }
 
   onAddGroup() {
-    let newName: string = this.findNextName(this.keys(this.localCopyTeamGroups), this.settings.getGroupLabel());
+    let newName: string = this.findNextName(
+      this.keys(this.localCopyTeamGroups),
+      this.settings.getGroupLabel()
+    );
     this.localCopyTeamGroups[newName] = [];
     this.onGroupSelected(newName);
   }

src/app/pages/circular-heatmap/circular-heatmap.component.html

@@ -35,7 +35,9 @@ <h2>Nothing to show</h2>
           </button>
           <div class="team-filter" [class.hidden]="!showFilters">
             <mat-form-field class="team-chip-list">
-              <mat-label>{{ settings.getTeamLabel() }} {{ settings.getGroupLabel() }} Filter</mat-label>
+              <mat-label
+                >{{ settings.getTeamLabel() }} {{ settings.getGroupLabel() }} Filter</mat-label
+              >
               <mat-chip-list selectable>
                 <mat-chip
                   #chip="matChip"

src/app/pages/settings/settings.component.html

@@ -36,14 +36,26 @@
     </mat-card-content>
 
     <mat-card-content>
-      <div class="terminology-container" style="display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px;">
+      <div
+        class="terminology-container"
+        style="display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px">
         <mat-form-field appearance="fill">
           <mat-label>Custom Team Terminology</mat-label>
-          <input matInput placeholder="e.g. App" name="customTeamLabel" [(ngModel)]="customTeamLabel" (ngModelChange)="onTeamLabelChange()">
+          <input
+            matInput
+            placeholder="e.g. App"
+            name="customTeamLabel"
+            [(ngModel)]="customTeamLabel"
+            (ngModelChange)="onTeamLabelChange()" />
         </mat-form-field>
         <mat-form-field appearance="fill">
           <mat-label>Custom Group Terminology</mat-label>
-          <input matInput placeholder="e.g. Portfolio" name="customGroupLabel" [(ngModel)]="customGroupLabel" (ngModelChange)="onGroupLabelChange()">
+          <input
+            matInput
+            placeholder="e.g. Portfolio"
+            name="customGroupLabel"
+            [(ngModel)]="customGroupLabel"
+            (ngModelChange)="onGroupLabelChange()" />
         </mat-form-field>
       </div>
     </mat-card-content>

src/app/pages/teams/teams.component.html

@@ -1,4 +1,7 @@
-<app-top-header [section]="settings.getTeamLabelPlural() + ' & ' + settings.getGroupLabelPlural()"></app-top-header>
+<app-top-header
+  [section]="
+    settings.getTeamLabelPlural() + ' & ' + settings.getGroupLabelPlural()
+  "></app-top-header>
 <div class="team-section">
   <app-teams-groups-editor
     [teams]="teams"
@@ -8,8 +11,12 @@
     (namesChanged)="onTeamsChanged($event)"
     (click)="$event.stopPropagation()"></app-teams-groups-editor>
   <div class="button-container" *ngIf="dataStore?.meta?.hasLocalStorage">
-    <button mat-raised-button (click)="onExportTeamGroups()">Download {{ settings.getTeamLabel() | lowercase }} setup</button>
-    <button mat-raised-button (click)="onResetTeamGroups()">Reset {{ settings.getTeamLabel() | lowercase }} setup</button>
+    <button mat-raised-button (click)="onExportTeamGroups()">
+      Download {{ settings.getTeamLabel() | lowercase }} setup
+    </button>
+    <button mat-raised-button (click)="onResetTeamGroups()">
+      Reset {{ settings.getTeamLabel() | lowercase }} setup
+    </button>
   </div>
 
   <div class="team-info">
@@ -37,7 +44,9 @@ <h2>{{ infoTitle }}</h2>
     <h3>Activities in progress</h3>
     <table mat-table matSort [dataSource]="dataSource || []" class="mat-elevation-z8 teams-table">
       <ng-container matColumnDef="Team">
-        <th mat-header-cell mat-sort-header *matHeaderCellDef class="table-small-width">{{ settings.getTeamLabel() }}</th>
+        <th mat-header-cell mat-sort-header *matHeaderCellDef class="table-small-width">
+          {{ settings.getTeamLabel() }}
+        </th>
         <td mat-cell *matCellDef="let element" class="table-small-width">
           {{ element?.team }}
         </td>

src/app/pages/teams/teams.component.ts

@@ -162,7 +162,9 @@ export class TeamsComponent implements OnInit, AfterViewInit {
     if (!yamlStr) {
       this.displayMessage(
         new DialogInfo(
-          `No ${this.settings.getTeamLabel().toLowerCase()} and ${this.settings.getGroupLabelPlural().toLowerCase()} names stored locally in the browser`,
+          `No ${this.settings.getTeamLabel().toLowerCase()} and ${this.settings
+            .getGroupLabelPlural()
+            .toLowerCase()} names stored locally in the browser`,
           'Export Error'
         )
       );
@@ -185,7 +187,9 @@ export class TeamsComponent implements OnInit, AfterViewInit {
     return new Promise((resolve, reject) => {
       let title: string = 'Delete local browser data';
       let message: string =
-        `Do you want to reset all ${this.settings.getTeamLabel().toLowerCase()} and ${this.settings.getGroupLabel().toLowerCase()} names?` +
+        `Do you want to reset all ${this.settings.getTeamLabel().toLowerCase()} and ${this.settings
+          .getGroupLabel()
+          .toLowerCase()} names?` +
         '\n\nThis will revert the names to the names stored in the yaml file on the server.';
       let buttons: string[] = ['Cancel', 'Delete'];
       this.modal