Update app for 2021

Author: lprichar

Angular/src/app/home/home.component.html

@@ -3,30 +3,8 @@
 <div class="container">
   <h1>Tracks</h1>
   <div class="row">
-    <div class="col-sm-2 m-2">
-      <a routerLink="/tracks/15355" routerLinkActive="active" class="btn btn-primary"><i class="fa fa-info"></i>Web</a>
-      <a target="_blank"
-        href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_NTdmMDllYjgtYWMzZi00MWQ5LThjNGYtNmYwOGE1MWVjZjI2%40thread.v2/0?context=%7b%22Tid%22%3a%22522429d4-f37f-4713-a7d9-58d6450b01b6%22%2c%22Oid%22%3a%22b821e4e9-0c4f-45bd-962a-71dac376dd03%22%2c%22IsBroadcastMeeting%22%3atrue%7d"
-        class="btn btn-primary m-2"><i class="fa fa-play"></i></a>
-    </div>
-    <div class="col-sm-2 m-2">
-      <a routerLink="/tracks/15356" routerLinkActive="active" class="btn btn-primary"><i class="fa fa-info"></i>Data</a>
-      <a target="_blank"
-        href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_ZjgzZjE2MmYtZjZiNC00YTM3LWEyMWQtOThmOGNjMDEwMzg5%40thread.v2/0?context=%7b%22Tid%22%3a%22522429d4-f37f-4713-a7d9-58d6450b01b6%22%2c%22Oid%22%3a%22b821e4e9-0c4f-45bd-962a-71dac376dd03%22%2c%22IsBroadcastMeeting%22%3atrue%7d"
-        class="btn btn-primary m-2"><i class="fa fa-play"></i></a>
-    </div>
-    <div class="col-sm-2 m-2">
-      <a routerLink="/tracks/15357" routerLinkActive="active" class="btn btn-primary"><i
-          class="fa fa-info"></i>Cloud</a>
-      <a target="_blank"
-        href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_ZGJlZDU3ZWItYmFiYi00ZmY4LTlmNWMtNjM5ZWJlYmI1OGM5%40thread.v2/0?context=%7b%22Tid%22%3a%22522429d4-f37f-4713-a7d9-58d6450b01b6%22%2c%22Oid%22%3a%22b821e4e9-0c4f-45bd-962a-71dac376dd03%22%2c%22IsBroadcastMeeting%22%3atrue%7d"
-        class="btn btn-primary m-2"><i class="fa fa-play"></i></a>
-    </div>
-    <div class="col-sm-2 m-2">
-      <a routerLink="/tracks/15358" routerLinkActive="active" class="btn btn-primary"><i class="fa fa-info"></i>/etc</a>
-      <a target="_blank"
-        href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_M2E4M2E2MmQtZTE5Ny00MDJhLTk5YjEtOGFmNTFiZjMxZjMy%40thread.v2/0?context=%7b%22Tid%22%3a%22522429d4-f37f-4713-a7d9-58d6450b01b6%22%2c%22Oid%22%3a%22b821e4e9-0c4f-45bd-962a-71dac376dd03%22%2c%22IsBroadcastMeeting%22%3atrue%7d"
-        class="btn btn-primary m-2"><i class="fa fa-play"></i></a>
+    <div class="col-sm-2 m-2" *ngFor="let track of tracks">
+      <a routerLink="/tracks/{{track.id}}" routerLinkActive="active" class="btn btn-primary"><i class="fa fa-info"></i>{{track.title}}</a>
     </div>
   </div>
 

Angular/src/app/home/home.component.ts

@@ -7,14 +7,48 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HomeComponent implements OnInit {
   public hours: Date[] = [];
+  public tracks: Track[] = [
+    {
+      id: 20987,
+      title: 'Web'
+    },
+    {
+      id: 15356,
+      title: 'Data'
+    },
+    {
+      id: 20988,
+      title: 'Cloud'
+    },
+    {
+      id: 20990,
+      title: 'Other'
+    }
+  ]
 
   constructor() { }
 
   ngOnInit(): void {
-    this.hours.push(new Date(2020, 8, 26, 8, 30, 0, 0));
-    for (let i = 9; i <= 16; i++) {
-      this.hours.push(new Date(2020, 8, 26, i, 0, 0, 0));
-    }
+    const year = 2021;
+    const month = 10;
+    const day = 16;
+    const hours2 = [ 
+      [9, 0],
+      [9, 30],
+      [10, 30],
+      [11, 30],
+      [13, 0],
+      [14, 0],
+      [15, 0],
+      [16, 0],
+    ]
+    this.hours = hours2.map(h => 
+      new Date(year, month-1, day, h[0], h[1])
+    );
   }
+}
 
+interface Track {
+  id: number;
+  title: string;
 }

Angular/src/app/sessionize-service.service.ts

@@ -10,7 +10,7 @@ export class SessionizeService {
   constructor(private http: HttpClient) { }
 
   public getSessionizeData(): Observable<SessionizeApiResult> {
-    const url = 'https://sessionize.com/api/v2/d5qrg1tt/view/All';
+    const url = 'https://sessionize.com/api/v2/n48g0ace/view/All';
     return this.http.get(url).pipe(
       map(res => res as SessionizeApiResult)
     );