List team groups sorted as in the yaml file

Author: vbakke

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

@@ -6,7 +6,7 @@ <h2>Team List</h2>
     </ul>
   </div>
   <h2>Team Group</h2>
-  <div class="group-expand" *ngFor="let group of teamGroups | keyvalue">
+  <div class="group-expand" *ngFor="let group of teamGroups | keyvalue : unsorted">
     <h3>{{ group.key }}</h3>
     <div class="team-list">
       <ul>

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

@@ -27,7 +27,12 @@ export class TeamsComponent implements OnInit {
       console.log('teamGroups', this.teamGroups);
     });
   }
+  
   getTeamArray(key: string): string[] {
     return this.teamGroups.get(key) || [];
   }
+
+  unsorted() {
+    return 0;
+  }
 }