Original

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
     "typescript.tsdk": "./node_modules/typescript/lib",
-    "tslint.enable": false
+    "tslint.enable": false,
+    "angular.enable-strict-mode-prompt": false
 }

package.json

@@ -62,7 +62,7 @@
     "ng2-completer": "^9.0.1",
     "ng2-smart-table": "^1.6.0",
     "ngx-echarts": "^4.2.2",
-    "node-sass": "^4.14.1",
+    "node-sass": "^8.0.0",
     "normalize.css": "6.0.0",
     "pace-js": "1.0.2",
     "roboto-fontface": "0.8.0",

src/app/@theme/components/header/header.component.html

@@ -3,7 +3,7 @@
     <a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
       <nb-icon icon="menu-2-outline"></nb-icon>
     </a>
-    <a class="logo" href="#" (click)="navigateHome()">ngx-<span>admin</span></a>
+    <a class="logo" href="#" (click)="navigateHome()">AB-<span>CAMS</span></a>
   </div>
   <nb-select [selected]="currentTheme" (selectedChange)="changeTheme($event)" status="primary">
     <nb-option *ngFor="let theme of themes" [value]="theme.value"> {{ theme.name }}</nb-option>

src/app/insights/hello-peter-reviews/hello-peter-reviews.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class HelloPeterReviewsModule { }

src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.html

@@ -0,0 +1 @@
+<p>hello-peter-reviews works!</p>

src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HelloPeterReviewsComponent } from './hello-peter-reviews.component';
+
+describe('HelloPeterReviewsComponent', () => {
+  let component: HelloPeterReviewsComponent;
+  let fixture: ComponentFixture<HelloPeterReviewsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ HelloPeterReviewsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HelloPeterReviewsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.ts

@@ -0,0 +1,11 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ngx-hello-peter-reviews',
+  templateUrl: './hello-peter-reviews.component.html',
+  styleUrls: ['./hello-peter-reviews.component.scss']
+})
+export class HelloPeterReviewsComponent {
+
+
+}

src/app/pages/insights/insights-routing.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { HelloPeterReviewsComponent } from './hello-peter-reviews/hello-peter-reviews.component';
+import { InsightsComponent } from './insights.component';
+
+const routes: Routes = [{
+  path: '',
+  component: InsightsComponent,
+  children: [
+    {
+      path: 'hello-peter-reviews',
+      component: HelloPeterReviewsComponent,
+    }
+  ]
+
+}];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class InsightsRoutingModule { }

src/app/pages/insights/insights.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ngx-insights',
+  template: `
+    <router-outlet></router-outlet>
+  `,
+})
+export class InsightsComponent {
+
+
+}

src/app/pages/insights/insights.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { InsightsRoutingModule } from './insights-routing.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ThemeModule } from '../../@theme/theme.module';
+import { HelloPeterReviewsComponent } from './hello-peter-reviews/hello-peter-reviews.component';
+
+
+@NgModule({
+  declarations: [
+    HelloPeterReviewsComponent,
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    ThemeModule,
+
+    InsightsRoutingModule
+  ]
+})
+export class InsightsModule { }

src/app/pages/pages-menu.ts

@@ -13,9 +13,20 @@ export const MENU_ITEMS: NbMenuItem[] = [
     link: '/pages/iot-dashboard',
   },
   {
-    title: 'FEATURES',
+    title: 'CONTINUOUS MONITORING',
     group: true,
   },
+  {
+    title: 'Insights',
+    icon: 'eye-outline',
+    children: [
+      {
+      title: 'Hello Peter Reviews',
+      link: '/pages/insights/hello-peter-reviews',
+      }
+    ]
+
+  },
   {
     title: 'Layout',
     icon: 'layout-outline',

src/app/pages/pages-routing.module.ts

@@ -18,6 +18,11 @@ const routes: Routes = [{
       path: 'iot-dashboard',
       component: DashboardComponent,
     },
+    {
+      path: 'insights',
+      loadChildren: () => import('./insights/insights.module')
+        .then(m => m.InsightsModule)
+    },
     {
       path: 'layout',
       loadChildren: () => import('./layout/layout.module')
@@ -28,6 +33,11 @@ const routes: Routes = [{
       loadChildren: () => import('./forms/forms.module')
         .then(m => m.FormsModule),
     },
+    {
+      path: 'Insights',
+      loadChildren: () => import('./forms/forms.module')
+        .then(m => m.FormsModule),
+    },
     {
       path: 'ui-features',
       loadChildren: () => import('./ui-features/ui-features.module')

src/app/pages/pages.module.ts

@@ -7,6 +7,7 @@ import { DashboardModule } from './dashboard/dashboard.module';
 import { ECommerceModule } from './e-commerce/e-commerce.module';
 import { PagesRoutingModule } from './pages-routing.module';
 import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
+import { InsightsComponent } from './insights/insights.component';
 
 @NgModule({
   imports: [
@@ -19,6 +20,8 @@ import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
   ],
   declarations: [
     PagesComponent,
+    InsightsComponent,
+
   ],
 })
 export class PagesModule {

src/index.html

@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>ngx-admin Demo Application</title>
+  <title>AB Continuous Audit Management System</title>
 
   <base href="/">