diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 2da967e..78e1477 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -6,6 +6,7 @@ import { LoginComponent } from './pages/login/login.component'; import { MockComponent } from './widgets/mock/mock.component'; import { RegisterBusinessComponent } from './pages/register-business/register-business.component'; import { TabsComponent } from './layout/tabs/tabs.component'; +import { InvestigateBusinessEntitiesAndIndividualsComponent } from './pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component'; const routes: Routes = [ { path: '', pathMatch: 'full', redirectTo: 'login' }, @@ -23,6 +24,9 @@ const routes: Routes = [ }, { path: 'register-business', component: RegisterBusinessComponent, + }, { + path: 'investigate-business-entities-and-individuals', + component: InvestigateBusinessEntitiesAndIndividualsComponent, }] }, ]; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index ad052a5..9a7c2a4 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -18,6 +18,10 @@ import { FileComponent } from './widgets/file/file.component'; import { DateInputComponent } from './widgets/form/date-input/date-input.component'; import { SelectInputComponent } from './widgets/form/select-input/select-input.component'; import { GenericInputComponent } from './widgets/form/generic-input/generic-input.component'; +import { InvestigateBusinessEntitiesAndIndividualsComponent } from './pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component'; +import { ViewCaseDetailsComponent } from './pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component'; +import { ModifyCaseDetailsComponent } from './pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component'; +import { AssignPanelComponent } from './pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component'; @NgModule({ declarations: [ @@ -35,7 +39,11 @@ import { GenericInputComponent } from './widgets/form/generic-input/generic-inpu FileComponent, DateInputComponent, SelectInputComponent, - GenericInputComponent + GenericInputComponent, + InvestigateBusinessEntitiesAndIndividualsComponent, + ViewCaseDetailsComponent, + ModifyCaseDetailsComponent, + AssignPanelComponent ], imports: [ BrowserModule, diff --git a/src/app/layout/notifications/notifications.component.html b/src/app/layout/notifications/notifications.component.html index d1c806c..3bb809e 100644 --- a/src/app/layout/notifications/notifications.component.html +++ b/src/app/layout/notifications/notifications.component.html @@ -1,7 +1,14 @@ \ No newline at end of file diff --git a/src/app/layout/notifications/notifications.component.ts b/src/app/layout/notifications/notifications.component.ts index 243dfe2..ffc7187 100644 --- a/src/app/layout/notifications/notifications.component.ts +++ b/src/app/layout/notifications/notifications.component.ts @@ -12,19 +12,23 @@ export class NotificationsComponent implements OnInit { description?: string, redirectionUrl?: string, }> = [{ - text: "New name application has been submitted", - description: "A new Applicant in the company name Kimao has applied for an appeal", - timeStamp: "1 hour ago", + text: 'New name application has been submitted', + description: 'A new Applicant in the company name Kimao has applied for an appeal', + timeStamp: '1 hour ago', }, { - text: "Request to create a new Committee", - timeStamp: "2 hours ago", + text: 'Entity Corp. flagged for investigation', + timeStamp: '2 days 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", - timeStamp: "1 hour ago", + text: 'Request to create a new Committee', + timeStamp: '2 hours ago', }, { - text: "Request to create a new Committee", - timeStamp: "2 hours ago", + text: 'New name application has been submitted', + description: 'A new Applicant in the company name Kimao has applied for an appeal', + timeStamp: '1 hour ago', + }, { + text: 'Request to create a new Committee', + timeStamp: '2 hours ago', }]; constructor() { } diff --git a/src/app/pages/e-services/e-services.component.html b/src/app/pages/e-services/e-services.component.html index f5989f8..6de4d77 100644 --- a/src/app/pages/e-services/e-services.component.html +++ b/src/app/pages/e-services/e-services.component.html @@ -34,38 +34,13 @@
  • 2
    -
    Application to register Person(s) Business
    +
    Investigating Business Entities and Individuals

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sapiente beatae est nobis voluptatibus. Pariatur, unde enim libero dignissimos quos ipsa sed vitae ex illum rem, eius explicabo fugit nisi!

    15
    - -
    -
    • - -
  • -
    2
    -
    -
    Withdrawal of Name Application
    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sapiente beatae est nobis voluptatibus. Pariatur, unde enim libero dignissimos quos ipsa sed vitae ex illum rem, eius explicabo fugit nisi!

    -
    -
    15
    -
    - +
    • - - -
    - -
    - -
    - -
    - - \ No newline at end of file + \ No newline at end of file diff --git a/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.html b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.html new file mode 100644 index 0000000..884b9bf --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.html @@ -0,0 +1 @@ + diff --git a/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.scss b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.spec.ts b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.spec.ts new file mode 100644 index 0000000..cf6a47f --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AssignPanelComponent } from './assign-panel.component'; + +describe('AssignPanelComponent', () => { + let component: AssignPanelComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AssignPanelComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AssignPanelComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.ts b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.ts new file mode 100644 index 0000000..35fd46a --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/assign-panel/assign-panel.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-assign-panel', + templateUrl: './assign-panel.component.html', + styleUrls: ['./assign-panel.component.scss'] +}) +export class AssignPanelComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} 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 new file mode 100644 index 0000000..f445257 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html @@ -0,0 +1,34 @@ +
    +

    + Investigating Business Entities and Individuals +

    +
    + +
    + E-Services / + Investigating Business Entities and Individuals +
    + + + + + + + + +
    + + +
    \ No newline at end of file diff --git a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.scss b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.scss new file mode 100644 index 0000000..d419f85 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.scss @@ -0,0 +1,329 @@ +.form-action-buttons { + text-align: center; + margin-bottom: 2rem; + + button { + &:first-child { + margin-right: 2rem; + } + } +} + +.form { + display: grid; + grid-template-columns: 1fr 1fr; + width: calc(70% - 2rem); + padding: 4rem; + margin: 0 auto; + + .input-holder { + width: calc(100% - 2rem); + } +} + +.acknowledgement { + width: 100%; + margin: 0 auto; + + h2 { + font-size: 2rem; + color: var(--dark-grey); + filter: brightness(80%); + font-weight: 500; + margin: 2rem 2rem 3rem; + } + + .container { + width: calc(70% - 2rem); + margin: 2rem auto; + + @media print { + width: calc(100% - 2rem); + } + } + + .bill-container { + width: 70%; + box-shadow: 0 0 10px var(--shadow-grey); + border-radius: 1rem; + overflow: hidden; + margin: 0 auto 5rem; + + @media print { + width: 100%; + } + } + + .check-icon { + display: block; + width: 58px; + height: auto; + margin: 3rem auto 2rem; + } + + h3 { + font-size: 3rem; + font-weight: normal; + text-align: center; + color: var(--success); + } + + .bill-breakup { + margin-top: 3rem; + display: grid; + grid-template-columns: 1fr 1fr; + list-style: none; + + li { + margin: 1.8rem; + width: 100%; + } + + label { + display: block; + color: var(--dark-grey); + font-size: 1.6rem; + filter: brightness(80%); + } + + .value { + display: block; + color: var(--dark-grey); + opacity: 0.8; + font-size: 1.6rem; + letter-spacing: 0.5px; + line-height: 1.6; + margin-top: 1rem; + + &.active { + color: var(--highlight); + font-weight: normal; + } + } + } + + .form-action-buttons { + margin: 2rem 1.5rem; + + @media print { + display: none; + } + } + + .total-amount { + text-align: center; + overflow: hidden; + padding: 1rem; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: var(--footer-grey); + opacity: 0.4; + } + + & > * { + position: relative; + } + + label { + font-size: 2rem; + color: var(--dark-grey); + } + + span { + margin-left: 1rem; + font-size: 2.4rem; + color: var(--highlight); + } + } + + .message-board { + padding: 0 2rem; + list-style: none; + + @media print { + display: none; + } + + h5 { + font-size: 1.6rem; + color: var(--dark-grey); + filter: brightness(80%); + font-weight: 500; + } + + li { + margin: 1.5rem 0; + line-height: 1.7; + letter-spacing: 0.5px; + font-size: 1.4rem; + color: var(--dark-grey); + opacity: 0.8; + + a { + color: var(--highlight); + font-weight: 500; + } + } + } +} + +.receipt { + width: calc(100% - 4rem); + margin: 0 auto; + + h2 { + font-size: 2rem; + color: var(--dark-grey); + filter: brightness(80%); + font-weight: 500; + margin: 2rem 0; + } + + .bill-breakup { + display: grid; + grid-template-columns: 1fr 1fr; + list-style: none; + + li { + margin-bottom: 1rem; + width: 100%; + display: flex; + align-items: center; + justify-content: flex-start; + } + + label { + display: block; + color: var(--dark-grey); + font-size: 1.4rem; + } + + .value { + display: block; + color: var(--dark-grey); + opacity: 0.8; + font-size: 1.6rem; + letter-spacing: 0.5px; + line-height: 1.6; + margin-left: 1rem; + } + } + + .table { + margin: 2rem auto; + width: 100%; + border-radius: 1rem; + overflow: auto; + border: 2px solid var(--border-grey); + min-height: 10rem; + + header { + background: linear-gradient(90deg, var(--secondary) 0%, var(--primary)); + color: white; + font-size: 1.6rem; + display: flex; + align-items: center; + justify-content: flex-start; + height: 5.5rem; + font-weight: 300; + letter-spacing: 0.5px; + } + + .cell { + width: calc(100% / 6); + + @media print { + word-break: break-all; + } + + &:nth-child(1) { + text-align: center; + width: 10rem; + } + + &:nth-child(2) { + width: calc(20% + (10% - 10rem)); + } + + &:nth-child(3) { + width: 20%; + } + + &:nth-child(4) { + width: 20%; + } + + &:nth-child(5) { + width: 10%; + } + + &:nth-child(3) { + width: 20%; + } + } + + ul { + list-style: none; + } + + li { + display: flex; + align-items: flex-start; + justify-content: flex-start; + padding: 2rem 0; + + &:nth-child(even) { + background-color: var(--border-grey); + } + + .cell { + font-size: 1.4rem; + color: var(--dark-grey); + line-height: 1.7; + } + } + } + + .message-board { + width: 100%; + margin: 4rem 0; + list-style: none; + + h5 { + font-size: 1.6rem; + color: var(--dark-grey); + filter: brightness(80%); + font-weight: 500; + margin-bottom: 1rem; + } + + li { + margin: 0.5rem 0; + line-height: 1.7; + letter-spacing: 0.5px; + font-size: 1.4rem; + color: var(--dark-grey); + opacity: 0.8; + + a { + color: var(--highlight); + font-weight: 500; + } + } + } + + .form-action-buttons { + text-align: left; + + @media print { + display: none; + } + } +} \ No newline at end of file diff --git a/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.spec.ts b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.spec.ts new file mode 100644 index 0000000..33f5c28 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { InvestigateBusinessEntitiesAndIndividualsComponent } from './investigate-business-entities-and-individuals.component'; + +describe('InvestigateBusinessEntitiesAndIndividualsComponent', () => { + let component: InvestigateBusinessEntitiesAndIndividualsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ InvestigateBusinessEntitiesAndIndividualsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(InvestigateBusinessEntitiesAndIndividualsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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 new file mode 100644 index 0000000..32aa7c2 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.ts @@ -0,0 +1,42 @@ +import { Component, OnInit } from '@angular/core'; + +type State = 'VIEW INITIAL DETAILS'|'ENTER MORE DETAILS'|'ASSIGN COMMITTEE'; + +@Component({ + selector: 'app-investigate-business-entities-and-individuals', + templateUrl: './investigate-business-entities-and-individuals.component.html', + styleUrls: ['./investigate-business-entities-and-individuals.component.scss'] +}) +export class InvestigateBusinessEntitiesAndIndividualsComponent implements OnInit { + hasEnoughData = false; + + state: State = 'VIEW INITIAL DETAILS'; + stateHistory: Array = []; + + constructor() { } + + proceed() { + this.stateHistory.push(this.state); + + switch (this.state) { + case 'VIEW INITIAL DETAILS': + if (this.hasEnoughData) { + this.state = 'ASSIGN COMMITTEE'; + } else { + this.state = 'ENTER MORE DETAILS'; + } + } + } + + goBack() { + const state = this.stateHistory.pop(); + + if (state) { + this.state = state; + } + } + + ngOnInit(): void { + } + +} diff --git a/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.html b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.html new file mode 100644 index 0000000..84152ec --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.html @@ -0,0 +1 @@ +

    modify-case-details works!

    diff --git a/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.scss b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.spec.ts b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.spec.ts new file mode 100644 index 0000000..b900b20 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ModifyCaseDetailsComponent } from './modify-case-details.component'; + +describe('ModifyCaseDetailsComponent', () => { + let component: ModifyCaseDetailsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ModifyCaseDetailsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ModifyCaseDetailsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.ts b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.ts new file mode 100644 index 0000000..a0744aa --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/modify-case-details/modify-case-details.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-modify-case-details', + templateUrl: './modify-case-details.component.html', + styleUrls: ['./modify-case-details.component.scss'] +}) +export class ModifyCaseDetailsComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.html b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.html new file mode 100644 index 0000000..4a27d93 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.html @@ -0,0 +1,30 @@ +
    +

    Case details

    + + +

    Board of directors

    + + +

    Documents

    +
    + + +
    + +
    + +
    +
    \ No newline at end of file diff --git a/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.scss b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.scss new file mode 100644 index 0000000..11399e9 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.scss @@ -0,0 +1,31 @@ +.screen-holder { + width: calc(70% - 2rem); + padding: 4rem; + margin: 0 auto; +} + +h3 { + font-size: 2rem; + color: var(--dark-grey); + filter: brightness(80%); + font-weight: 500; + margin: 2rem 0; +} + +.files-holder { + & > * { + margin-right: 15px; + } +} + +.prompt-data-outreach { + font-size: 1.4rem; + color: var(--dark-grey); + padding: 2rem; + text-align: center; + margin-top: 20px; + + input { + margin-right: 10px; + } +} \ No newline at end of file diff --git a/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.spec.ts b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.spec.ts new file mode 100644 index 0000000..feaaec3 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ViewCaseDetailsComponent } from './view-case-details.component'; + +describe('ViewCaseDetailsComponent', () => { + let component: ViewCaseDetailsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ViewCaseDetailsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ViewCaseDetailsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.ts b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.ts new file mode 100644 index 0000000..8943530 --- /dev/null +++ b/src/app/pages/investigate-business-entities-and-individuals/view-case-details/view-case-details.component.ts @@ -0,0 +1,53 @@ +import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; +import { KeyValue } from 'src/app/widgets/key-value-holder/key-value-holder.component'; + +@Component({ + selector: 'app-view-case-details', + templateUrl: './view-case-details.component.html', + styleUrls: ['./view-case-details.component.scss'] +}) +export class ViewCaseDetailsComponent implements OnInit { + @Output() updateHasEnoughData = new EventEmitter(); + + @Input() hasEnoughData: boolean = false; + + companyDetails: Array = [{ + key: 'Business Name', + value: 'Entity Corp.', + }, { + key: 'Company ID', + value: 'ARN2021110294038', + }, { + key: 'Source of complaint', + value: 'Automatic', + }, { + key: 'Reason for complaint', + value: 'Unusual financial activity', + }]; + + boardDirectorHeadings: Array = [ + 'Name', + 'Member since', + ] + + boardDirectorData: Array> = [ + [ + 'Rose E. Arthur', + 'July 26, 2010', + ], [ + 'David A. Bryant', + 'July 26, 2008', + ] + ] + + constructor() { } + + toggleHasData(toggle: boolean) { + this.hasEnoughData = toggle; + this.updateHasEnoughData.emit(toggle); + } + + ngOnInit(): void { + } + +} diff --git a/src/app/pages/login/login.component.scss b/src/app/pages/login/login.component.scss index 31d914d..e751452 100644 --- a/src/app/pages/login/login.component.scss +++ b/src/app/pages/login/login.component.scss @@ -4,7 +4,7 @@ display: flex; align-items: center; justify-content: space-between; - background-image: url('../../assets/images/wall.jpeg'); + background-image: url('../../../assets/images/wall.jpeg'); background-size: cover; background-position: center; height: 100vh; diff --git a/src/app/widgets/table/table.component.html b/src/app/widgets/table/table.component.html index 7700d5a..8d79e35 100644 --- a/src/app/widgets/table/table.component.html +++ b/src/app/widgets/table/table.component.html @@ -5,7 +5,7 @@
      -
    1. +
    2. {{ i + 1 }}

      {{ detail }}

      diff --git a/src/app/widgets/table/table.component.ts b/src/app/widgets/table/table.component.ts index 0dec62b..67406a8 100644 --- a/src/app/widgets/table/table.component.ts +++ b/src/app/widgets/table/table.component.ts @@ -7,7 +7,7 @@ import { Component, Input, OnInit } from '@angular/core'; }) export class TableComponent implements OnInit { @Input() headings: Array = []; - @Input() tableDetails: Array> = []; + @Input() data: Array> = []; constructor() { } diff --git a/src/assets/files/compressed-files.zip b/src/assets/files/compressed-files.zip new file mode 100644 index 0000000..dd8a09e Binary files /dev/null and b/src/assets/files/compressed-files.zip differ diff --git a/src/assets/files/document.docx b/src/assets/files/document.docx new file mode 100644 index 0000000..c1f9cc9 Binary files /dev/null and b/src/assets/files/document.docx differ diff --git a/src/assets/files/spreadsheet.xlsx b/src/assets/files/spreadsheet.xlsx new file mode 100644 index 0000000..8a5afee Binary files /dev/null and b/src/assets/files/spreadsheet.xlsx differ