boilerplate report page

src/app/app-routing.module.ts

@@ -1,11 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { HomeComponent } from './home.component';
+import { ReportComponent } from './report.component';
 import { ThanksComponent } from './thanks.component';
 
 const routes: Routes = [
   { path: '', component: HomeComponent },
-  { path: 'thanks', component: ThanksComponent }
+  { path: 'thanks', component: ThanksComponent },
+  { path: 'report', component: ReportComponent }
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -12,6 +12,7 @@ import { SignComponent } from './sign.component';
 import { ThanksComponent } from './thanks.component';
 import { AppRoutingModule } from './app-routing.module';
 import { HomeComponent } from './home.component';
+import { ReportComponent } from './report.component';
 
 @NgModule({
   declarations: [
@@ -24,6 +25,7 @@ import { HomeComponent } from './home.component';
     SignComponent,
     ThanksComponent,
     HomeComponent,
+    ReportComponent,
   ],
   imports: [
     BrowserModule,

src/app/home.component.ts

@@ -16,6 +16,8 @@ import { checkin, checkout } from "src/assets/forms";
 
     <app-form *ngIf="action=='checkout'" [template]="checkout"></app-form>
 
+    <a routerLink="/report">Go To Report Page</a>
+
     <footer>Accenture | 2022</footer>
   `
 })

src/types.d.ts

@@ -1,11 +1,3 @@
-declare interface TextOptions {
-  modifier: string;
-}
-
-declare interface RadioOptions {
-  choices: string[];
-}
-
 declare interface Field {
   type: string;
   id: string;
@@ -26,4 +18,12 @@ declare interface Form {
   goto: string;
   step: number;
   steps: Step[];
-}                             
+}    
+
+declare interface Entry {
+  name: string;
+  eid: string;
+  asset: string;
+  complete: boolean;
+  photo: string;
+}