From 3f084424969d7c59ca083b33bd6c3aa10e183a16 Mon Sep 17 00:00:00 2001
From: Adwaith Rao <adwaithr99@gmail.com>
Date: Sat, 27 Nov 2021 16:05:42 +0530
Subject: [PATCH] Add final screen

---
 src/app/app.module.ts                         |  4 ++-
 .../notifications/notifications.component.ts  | 14 ++++++++++-
 .../closing-remarks.component.html            |  9 +++++++
 .../closing-remarks.component.scss            | 17 +++++++++++++
 .../closing-remarks.component.spec.ts         | 25 +++++++++++++++++++
 .../closing-remarks.component.ts              | 15 +++++++++++
 .../concur-compliance-review.component.html   |  3 ++-
 ...ss-entities-and-individuals.component.html |  8 ++++--
 ...ness-entities-and-individuals.component.ts | 10 ++++++--
 9 files changed, 98 insertions(+), 7 deletions(-)
 create mode 100644 src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.html
 create mode 100644 src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.scss
 create mode 100644 src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.spec.ts
 create mode 100644 src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 52b5d86..1898d2f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -27,6 +27,7 @@ import { TextareaComponent } from './widgets/form/textarea/textarea.component';
 import { MultiFileUploadComponent } from './widgets/form/multi-file-upload/multi-file-upload.component';
 import { ReviewNonComplianceComponent } from './pages/investigate-business-entities-and-individuals/review-non-compliance/review-non-compliance.component';
 import { ConcurComplianceReviewComponent } from './pages/investigate-business-entities-and-individuals/concur-compliance-review/concur-compliance-review.component';
+import { ClosingRemarksComponent } from './pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component';
 
 @NgModule({
   declarations: [
@@ -52,7 +53,8 @@ import { ConcurComplianceReviewComponent } from './pages/investigate-business-en
     TextareaComponent,
     MultiFileUploadComponent,
     ReviewNonComplianceComponent,
-    ConcurComplianceReviewComponent
+    ConcurComplianceReviewComponent,
+    ClosingRemarksComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/layout/notifications/notifications.component.ts b/src/app/layout/notifications/notifications.component.ts
index 8262731..045d8a2 100644
--- a/src/app/layout/notifications/notifications.component.ts
+++ b/src/app/layout/notifications/notifications.component.ts
@@ -20,9 +20,21 @@ export class NotificationsComponent implements OnInit {
         timeStamp: '2 days ago',
         redirectionUrl: '/tabs/investigate-business-entities-and-individuals',
     }, {
-        text: 'Request to create a new Committee',
+        text: 'Request to create a panel',
+        timeStamp: '1 day ago',
+        redirectionUrl: '/tabs/investigate-business-entities-and-individuals',
+    }, {
+        text: 'Review non-compliance for Entity Corp.',
+        timeStamp: '4 hours ago',
+        redirectionUrl: '/tabs/investigate-business-entities-and-individuals',
+    }, {
+        text: 'Concur non-compliance for Entity Corp.',
         timeStamp: '2 hours ago',
         redirectionUrl: '/tabs/investigate-business-entities-and-individuals',
+    }, {
+        text: 'Investigation complete',
+        timeStamp: '1 hours ago',
+        redirectionUrl: '/tabs/investigate-business-entities-and-individuals',
     }, {
         text: 'New name application has been submitted',
         description: 'A new Applicant in the company name Kimao has applied for an appeal',
diff --git a/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.html b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.html
new file mode 100644
index 0000000..0d387dc
--- /dev/null
+++ b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.html
@@ -0,0 +1,9 @@
+<div class="screen-holder">
+    <h3>Investigation complete</h3>
+    <p>The investigation is complete, and the entity is marked as compliant.</p>
+    <a [routerLink]="['/tabs/e-services']">
+        <button class="common-button">
+            Go home
+        </button>
+    </a>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.scss b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.scss
new file mode 100644
index 0000000..6313f0a
--- /dev/null
+++ b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.scss
@@ -0,0 +1,17 @@
+.screen-holder {
+    width: calc(70% - 2rem);
+    padding: 4rem;
+    margin: 0 auto;
+}
+
+h3 {
+    font-size: 2rem;
+    color: var(--secondary);
+    font-weight: 500;
+    margin: 2rem 0;
+}
+
+p {
+    font-size: 1.6rem;
+    margin-bottom: 25px;
+}
\ No newline at end of file
diff --git a/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.spec.ts b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.spec.ts
new file mode 100644
index 0000000..e8ad91e
--- /dev/null
+++ b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ClosingRemarksComponent } from './closing-remarks.component';
+
+describe('ClosingRemarksComponent', () => {
+  let component: ClosingRemarksComponent;
+  let fixture: ComponentFixture<ClosingRemarksComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ClosingRemarksComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ClosingRemarksComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.ts b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.ts
new file mode 100644
index 0000000..96272eb
--- /dev/null
+++ b/src/app/pages/investigate-business-entities-and-individuals/closing-remarks/closing-remarks.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-closing-remarks',
+  templateUrl: './closing-remarks.component.html',
+  styleUrls: ['./closing-remarks.component.scss']
+})
+export class ClosingRemarksComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/investigate-business-entities-and-individuals/concur-compliance-review/concur-compliance-review.component.html b/src/app/pages/investigate-business-entities-and-individuals/concur-compliance-review/concur-compliance-review.component.html
index d5c4b34..779ebe4 100644
--- a/src/app/pages/investigate-business-entities-and-individuals/concur-compliance-review/concur-compliance-review.component.html
+++ b/src/app/pages/investigate-business-entities-and-individuals/concur-compliance-review/concur-compliance-review.component.html
@@ -44,4 +44,5 @@
             <input type="checkbox" [(ngModel)]="isConcurring" (ngModelChange)="toggleIsConcurring($event)">
             <span>The panel agrees with the investigator's findings</span>
         </label>
-    </div>
\ No newline at end of file
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html
index c80d921..cb50d1b 100644
--- a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html
+++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html
@@ -9,13 +9,17 @@
     <span class="current-page"> Investigating Business Entities and Individuals </span>
 </section>
 
+<app-closing-remarks 
+    *ngIf="state === 'CLOSING REMARKS'"
+></app-closing-remarks>
+
 <app-check-status
-    *ngIf="!canExecute"
+    *ngIf="!canExecute && state !== 'CLOSING REMARKS'"
     [status]="state"
     [assignedTo]="executingRole"
 ></app-check-status>
 
-<ng-container *ngIf="canExecute">
+<ng-container *ngIf="canExecute && state !== 'CLOSING REMARKS'">
     <app-view-case-details 
         *ngIf="state === 'VIEW INITIAL DETAILS'"
         [hasEnoughData]="hasEnoughData" 
diff --git a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.ts b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.ts
index d7c7015..6ac2a2e 100644
--- a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.ts
+++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-type State = 'VIEW INITIAL DETAILS'|'ENTER MORE DETAILS'|'ASSIGN COMMITTEE'|'REVIEW NON COMPLIANCE'|'CONCUR COMPLIANCE REVIEW';
+type State = 'VIEW INITIAL DETAILS'|'ENTER MORE DETAILS'|'ASSIGN COMMITTEE'|'REVIEW NON COMPLIANCE'|'CONCUR COMPLIANCE REVIEW'|'CLOSING REMARKS';
 type Role = 'Investigator'|'Hod'|'Panel';
 
 @Component({
@@ -59,6 +59,10 @@ export class InvestigateBusinessEntitiesAndIndividualsComponent implements OnIni
                 this.state = 'CONCUR COMPLIANCE REVIEW';
                 this.executingRole = 'Panel';
                 break;
+            case 'CLOSING REMARKS':
+                this.state = 'CLOSING REMARKS';
+                this.executingRole = 'Investigator';
+                break;
             default:
                 this.state = 'VIEW INITIAL DETAILS';
                 this.executingRole = 'Investigator';
@@ -100,8 +104,10 @@ export class InvestigateBusinessEntitiesAndIndividualsComponent implements OnIni
             case 'CONCUR COMPLIANCE REVIEW':
                 if (!this.isPanelConcurring) {
                     this.state = 'REVIEW NON COMPLIANCE';
-                    this.executingRole = 'Investigator';
+                } else {
+                    this.state = 'CLOSING REMARKS';
                 }
+                this.executingRole = 'Investigator';
                 break;
         }