Display genuine teams in mat-card (sorted as in yaml)

Author: vbakke

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

@@ -218,7 +218,7 @@ <h2>Nothing to show</h2>
                 </mat-chip>
                 <mat-chip
                   #c="matChip"
-                  *ngFor="let group of teamGroups | keyvalue"
+                  *ngFor="let group of teamGroups | keyvalue : unsorted"
                   (click)="toggleTeamGroupSelection(c)">
                   {{ group.key }}
                 </mat-chip>
@@ -264,13 +264,12 @@ <h2>Nothing to show</h2>
                 <ng-template matExpansionPanelContent>
                   <ul class="team-list">
                     <li
-                      *ngFor="let item of activity.teamsImplemented | keyvalue">
+                    *ngFor="let teamname of teamVisible">
                       <mat-checkbox
-                        [checked]="item.value === true"
-                        *ngIf="teamVisible.includes(item.key | ToStringValue)"
+                      [checked]="activity.teamsImplemented[teamname]"
                         color="primary"
-                        (click)="this.teamCheckbox(activityIndex, item.key)">
-                        {{ item.key }}
+                      (click)="this.teamCheckbox(activityIndex, teamname); $event.preventDefault()">
+                      {{ teamname }}
                       </mat-checkbox>
                     </li>
                   </ul>

src/app/component/circular-heatmap/circular-heatmap.component.ts

@@ -828,4 +828,8 @@ export class CircularHeatmapComponent implements OnInit {
   perfNow(): string {
     return (performance.now() / 1000).toFixed(3);
   }
+
+  unsorted() {
+    return 0;
+  }
 }