report page creation

Author: sawankshrma

src/app/app-routing.module.ts

@@ -10,6 +10,7 @@ import { UsageComponent } from './pages/usage/usage.component';
 import { TeamsComponent } from './pages/teams/teams.component';
 import { RoadmapComponent } from './pages/roadmap/roadmap.component';
 import { SettingsComponent } from './pages/settings/settings.component';
+import { ReportComponent } from './pages/report/report.component';
 
 const routes: Routes = [
   { path: '', component: CircularHeatmapComponent },
@@ -24,6 +25,7 @@ const routes: Routes = [
   { path: 'userday', component: UserdayComponent },
   { path: 'roadmap', component: RoadmapComponent },
   { path: 'settings', component: SettingsComponent },
+  { path: 'report', component: ReportComponent },
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -32,6 +32,9 @@ import { KpiComponent } from './component/kpi/kpi.component';
 import { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { TeamsGroupsEditorModule } from './component/teams-groups-editor/teams-groups-editor.module';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { ReportComponent } from './pages/report/report.component';
+import { ReportActivityComponent } from './component/report-activity/report-activity.component';
+import { ReportConfigModalComponent } from './component/report-config-modal/report-config-modal.component';
 
 @NgModule({
   declarations: [
@@ -56,6 +59,9 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     ProgressSliderComponent,
     KpiComponent,
     SettingsComponent,
+    ReportComponent,
+    ReportActivityComponent,
+    ReportConfigModalComponent,
   ],
   imports: [
     BrowserModule,