Add tab for viewing data

Change-Id: Ib5a4194d1a0627fc85fa69dbcbf9495a8938ffc4
Signed-off-by: Ishan Katpally <100026402@mvla.net>
diff --git a/scouting/www/app.ng.html b/scouting/www/app.ng.html
index 1357228..3c9c2c2 100644
--- a/scouting/www/app.ng.html
+++ b/scouting/www/app.ng.html
@@ -55,6 +55,15 @@
       Shift Schedule
     </a>
   </li>
+  <li class="nav-item">
+    <a
+      class="nav-link"
+      [class.active]="tabIs('View')"
+      (click)="switchTabToGuarded('View')"
+    >
+      View
+    </a>
+  </li>
 </ul>
 
 <ng-container [ngSwitch]="tab">
@@ -73,4 +82,8 @@
     *ngSwitchCase="'ImportMatchList'"
   ></app-import-match-list>
   <shift-schedule *ngSwitchCase="'ShiftSchedule'"></shift-schedule>
+  <app-view
+    (switchTabsEvent)="switchTabTo($event)"
+    *ngSwitchCase="'View'"
+  ></app-view>
 </ng-container>