Remove stale components.

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

@@ -3,7 +3,6 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { AccountsComponent } from '@pages/accounts/accounts.component';
 import {CreateAccountComponent} from '@pages/accounts/create-account/create-account.component';
-import {ExportAccountsComponent} from '@pages/accounts/export-accounts/export-accounts.component';
 import {AccountDetailsComponent} from '@pages/accounts/account-details/account-details.component';
 import {AccountSearchComponent} from '@pages/accounts/account-search/account-search.component';
 
@@ -11,7 +10,6 @@ const routes: Routes = [
   { path: '', component: AccountsComponent },
   { path: 'search', component: AccountSearchComponent },
   // { path: 'create', component: CreateAccountComponent },
-  { path: 'export', component: ExportAccountsComponent },
   { path: ':id', component: AccountDetailsComponent },
   { path: '**', redirectTo: '', pathMatch: 'full' }
 ];

src/app/pages/accounts/accounts.module.ts

@@ -7,8 +7,6 @@ import {SharedModule} from '@app/shared/shared.module';
 import { AccountDetailsComponent } from '@pages/accounts/account-details/account-details.component';
 import {DataTablesModule} from 'angular-datatables';
 import { CreateAccountComponent } from '@pages/accounts/create-account/create-account.component';
-import { DisbursementComponent } from '@pages/accounts/disbursement/disbursement.component';
-import { ExportAccountsComponent } from '@pages/accounts/export-accounts/export-accounts.component';
 import {MatTableModule} from '@angular/material/table';
 import {MatSortModule} from '@angular/material/sort';
 import {MatCheckboxModule} from '@angular/material/checkbox';
@@ -33,8 +31,6 @@ import {MatSnackBarModule} from '@angular/material/snack-bar';
     AccountsComponent,
     AccountDetailsComponent,
     CreateAccountComponent,
-    DisbursementComponent,
-    ExportAccountsComponent,
     AccountSearchComponent
   ],
   imports: [

src/app/pages/accounts/disbursement/disbursement.component.html

@@ -1,36 +0,0 @@
-<div class="card">
-  <mat-card-title class="card-header">
-    <div class="row">
-      NEW TRANSFER
-      <button mat-raised-button color="warn" type="button" class="btn btn-outline-danger ml-auto mr-2" (click)="cancel()"> CANCEL </button>
-    </div>
-  </mat-card-title>
-  <div class="card-body">
-    <form [formGroup]="disbursementForm" (ngSubmit)="createTransfer()">
-      <div class="row form-inline">
-        <mat-form-field appearance="outline">
-          <mat-label> TRANSACTION TYPE </mat-label>
-          <mat-select id="transactionType" formControlName="transactionType" [errorStateMatcher]="matcher">
-            <mat-option value="disbursement">DISBURSEMENT</mat-option>
-            <mat-option value="transfer">TRANSFER</mat-option>
-            <mat-option value="deposit">DEPOSIT</mat-option>
-            <mat-option value="reclamation">RECLAMATION</mat-option>
-          </mat-select>
-          <mat-error *ngIf="submitted && disbursementFormStub.transactionType.errors">Transaction type is required.</mat-error>
-        </mat-form-field>
-        <mat-form-field *ngIf="disbursementFormStub.transactionType.value === 'transfer'" appearance="outline" class="ml-3">
-          <mat-label>Enter Recipient: </mat-label>
-          <input matInput type="text" id="recipient" placeholder="Recipient" formControlName="recipient">
-        </mat-form-field>
-        <mat-form-field appearance="outline" class="ml-3">
-          <mat-label>Enter Amount: </mat-label>
-          <input matInput type="text" id="amount" placeholder="Amount" formControlName="amount" [errorStateMatcher]="matcher">
-          <mat-error *ngIf="submitted && disbursementFormStub.amount.errors">Amount is required.</mat-error>
-        </mat-form-field>
-        <button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary ml-3" style="margin-bottom: 1.2rem;">
-          CREATE TRANSFER
-        </button>
-      </div>
-    </form>
-  </div>
-</div>

src/app/pages/accounts/disbursement/disbursement.component.spec.ts

@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DisbursementComponent } from '@pages/accounts/disbursement/disbursement.component';
-import {AccountsModule} from '@pages/accounts/accounts.module';
-import {AppModule} from '@app/app.module';
-import {FooterStubComponent, SidebarStubComponent, TopbarStubComponent} from '@src/testing';
-
-describe('DisbursementComponent', () => {
-  let component: DisbursementComponent;
-  let fixture: ComponentFixture<DisbursementComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [
-        DisbursementComponent,
-        FooterStubComponent,
-        SidebarStubComponent,
-        TopbarStubComponent
-      ],
-      imports: [
-        AccountsModule,
-        AppModule
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DisbursementComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/pages/accounts/disbursement/disbursement.component.ts

@@ -1,51 +0,0 @@
-import {Component, OnInit, EventEmitter, Output, Input, ChangeDetectionStrategy} from '@angular/core';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
-import {CustomErrorStateMatcher} from '@app/_helpers';
-import {TransactionService} from '@app/_services';
-
-@Component({
-  selector: 'app-disbursement',
-  templateUrl: './disbursement.component.html',
-  styleUrls: ['./disbursement.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class DisbursementComponent implements OnInit {
-  @Input() account;
-  @Output() cancelDisbursmentEvent = new EventEmitter();
-  disbursementForm: FormGroup;
-  matcher = new CustomErrorStateMatcher();
-  submitted: boolean = false;
-
-  constructor(
-    private formBuilder: FormBuilder,
-    private transactionService: TransactionService
-  ) { }
-
-  ngOnInit(): void {
-    this.disbursementForm = this.formBuilder.group({
-      transactionType: ['', Validators.required],
-      recipient: '',
-      amount: ['', Validators.required]
-    });
-  }
-
-  get disbursementFormStub(): any { return this.disbursementForm.controls; }
-
-  async createTransfer(): Promise<void> {
-    this.submitted = true;
-    if (this.disbursementForm.invalid || !confirm('Make transfer?')) { return; }
-    if (this.disbursementFormStub.transactionType.value === 'transfer') {
-      await this.transactionService.transferRequest(
-        this.account.token,
-        this.account.address,
-        this.disbursementFormStub.recipient.value,
-        this.disbursementFormStub.amount.value
-      );
-    }
-    this.submitted = false;
-  }
-
-  cancel(): void {
-    this.cancelDisbursmentEvent.emit();
-  }
-}

src/app/pages/accounts/export-accounts/export-accounts.component.html

@@ -1,53 +0,0 @@
-<!-- Begin page -->
-<div class="wrapper">
-  <app-sidebar></app-sidebar>
-
-  <!-- ============================================================== -->
-  <!-- Start Page Content here -->
-  <!-- ============================================================== -->
-
-  <div id="content">
-    <app-topbar></app-topbar>
-    <!-- Start Content-->
-    <div class="container-fluid" appMenuSelection>
-      <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item"><a routerLink="/home">Home</a></li>
-          <li class="breadcrumb-item"><a routerLink="/accounts">Accounts</a></li>
-          <li class="breadcrumb-item active" aria-current="page">Export Accounts</li>
-        </ol>
-      </nav>
-      <div class="card">
-        <mat-card-title class="card-header">
-          EXPORT ACCOUNTS
-        </mat-card-title>
-        <div class="card-body">
-          <form [formGroup]="exportForm" (ngSubmit)="export()">
-            <div class="form-inline mb-2">
-              <mat-form-field appearance="outline">
-                <mat-label>Export : </mat-label>
-                <mat-select id="accountType" formControlName="accountType" [errorStateMatcher]="matcher">
-                  <mat-option value="vendors">VENDORS</mat-option>
-                  <mat-option value="partners">PARTNERS</mat-option>
-                  <mat-option value="selected">SELECTED</mat-option>
-                </mat-select>
-                <mat-error *ngIf="submitted && exportFormStub.accountType.errors">Account Type is required.</mat-error>
-              </mat-form-field>
-            </div>
-            <div class="form-inline mb-3">
-              <div class="form-group form-check">
-                <label class="form-check-label mr-2" for="transfers">Include transfers?</label>
-                <mat-checkbox id="transfers" formControlName="transfers"></mat-checkbox>
-              </div>
-            </div>
-            <button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary"> EXPORT </button>
-          </form>
-        </div>
-      </div>
-    </div>
-    <app-footer appMenuSelection></app-footer>
-  </div>
-  <!-- ============================================================== -->
-  <!-- End Page content -->
-  <!-- ============================================================== -->
-</div>

src/app/pages/accounts/export-accounts/export-accounts.component.spec.ts

@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ExportAccountsComponent } from '@pages/accounts/export-accounts/export-accounts.component';
-import {AccountsModule} from '@pages/accounts/accounts.module';
-import {AppModule} from '@app/app.module';
-import {FooterStubComponent, SidebarStubComponent, TopbarStubComponent} from '@src/testing';
-
-describe('ExportAccountsComponent', () => {
-  let component: ExportAccountsComponent;
-  let fixture: ComponentFixture<ExportAccountsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [
-        ExportAccountsComponent,
-        FooterStubComponent,
-        SidebarStubComponent,
-        TopbarStubComponent
-      ],
-      imports: [
-        AccountsModule,
-        AppModule
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExportAccountsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/pages/accounts/export-accounts/export-accounts.component.ts

@@ -1,34 +0,0 @@
-import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
-import {CustomErrorStateMatcher} from '@app/_helpers';
-
-@Component({
-  selector: 'app-export-accounts',
-  templateUrl: './export-accounts.component.html',
-  styleUrls: ['./export-accounts.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ExportAccountsComponent implements OnInit {
-  exportForm: FormGroup;
-  matcher = new CustomErrorStateMatcher();
-  submitted: boolean = false;
-
-  constructor(
-    private formBuilder: FormBuilder
-  ) { }
-
-  ngOnInit(): void {
-    this.exportForm = this.formBuilder.group({
-      accountType: ['', Validators.required],
-      transfers: ['']
-    });
-  }
-
-  get exportFormStub(): any { return this.exportForm.controls; }
-
-  export(): void {
-    this.submitted = true;
-    if (this.exportForm.invalid || !confirm('Export accounts?')) { return; }
-    this.submitted = false;
-  }
-}

src/app/pages/settings/invite/invite.component.html

@@ -1,51 +0,0 @@
-<!-- Begin page -->
-<div class="wrapper">
-  <app-sidebar></app-sidebar>
-
-  <!-- ============================================================== -->
-  <!-- Start Page Content here -->
-  <!-- ============================================================== -->
-
-  <div id="content">
-    <app-topbar></app-topbar>
-    <!-- Start Content-->
-    <div class="container-fluid" appMenuSelection>
-      <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item"><a routerLink="/home">Home</a></li>
-          <li class="breadcrumb-item"><a routerLink="/settings">Settings</a></li>
-          <li class="breadcrumb-item active" aria-current="page">Invite User</li>
-        </ol>
-      </nav>
-      <div class="col-md-6">
-        <div class="card">
-          <mat-card-title class="card-header text-center">
-            INVITE NEW USERS
-          </mat-card-title>
-          <div class="card-body">
-            <form [formGroup]="inviteForm" (ngSubmit)="invite()">
-              <mat-form-field appearance="outline">
-                <mat-label>Email Address: </mat-label>
-                <input matInput type="email" id="email" placeholder="Email" formControlName="email"
-                       [errorStateMatcher]="matcher">
-                <mat-error *ngIf="submitted && inviteFormStub.email.errors">Email is required.</mat-error>
-              </mat-form-field><br>
-              <mat-radio-group aria-label="Select a role" formControlName="role">
-                <mat-radio-button value="Superadmin">Superadmin</mat-radio-button><br>
-                <mat-radio-button value="Admin">Admin</mat-radio-button><br>
-                <mat-radio-button value="Subadmin">Subadmin</mat-radio-button><br>
-                <mat-radio-button value="View">View</mat-radio-button><br>
-              </mat-radio-group>
-              <mat-error *ngIf="submitted && inviteFormStub.role.errors">Role is required.</mat-error>
-              <button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary">INVITE</button>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-    <app-footer appMenuSelection></app-footer>
-  </div>
-  <!-- ============================================================== -->
-  <!-- End Page content -->
-  <!-- ============================================================== -->
-</div>

src/app/pages/settings/invite/invite.component.spec.ts

@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { InviteComponent } from '@pages/settings/invite/invite.component';
-import {FooterStubComponent, SidebarStubComponent, TopbarStubComponent} from '@src/testing';
-import {SettingsModule} from '@pages/settings/settings.module';
-import {AppModule} from '@app/app.module';
-
-describe('InviteComponent', () => {
-  let component: InviteComponent;
-  let fixture: ComponentFixture<InviteComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [
-        InviteComponent,
-        FooterStubComponent,
-        SidebarStubComponent,
-        TopbarStubComponent
-      ],
-      imports: [
-        AppModule,
-        SettingsModule,
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(InviteComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/pages/settings/invite/invite.component.ts

@@ -1,34 +0,0 @@
-import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
-import {CustomErrorStateMatcher} from '@app/_helpers';
-
-@Component({
-  selector: 'app-invite',
-  templateUrl: './invite.component.html',
-  styleUrls: ['./invite.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class InviteComponent implements OnInit {
-  inviteForm: FormGroup;
-  submitted: boolean = false;
-  matcher = new CustomErrorStateMatcher();
-
-  constructor(
-    private formBuilder: FormBuilder
-  ) { }
-
-  ngOnInit(): void {
-    this.inviteForm = this.formBuilder.group({
-      email: ['', Validators.required],
-      role: ['', Validators.required]
-    });
-  }
-
-  get inviteFormStub(): any { return this.inviteForm.controls; }
-
-  invite(): void {
-    this.submitted = true;
-    if (this.inviteForm.invalid || !confirm('Invite user?')) { return; }
-    this.submitted = false;
-  }
-}

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

@@ -2,12 +2,10 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { SettingsComponent } from '@pages/settings/settings.component';
-import {InviteComponent} from '@pages/settings/invite/invite.component';
 import {OrganizationComponent} from '@pages/settings/organization/organization.component';
 
 const routes: Routes = [
   { path: '', component: SettingsComponent },
-  { path: 'invite', component: InviteComponent },
   { path: 'organization', component: OrganizationComponent },
   { path: '**', redirectTo: '', pathMatch: 'full' }
 ];

src/app/pages/settings/settings.module.ts

@@ -4,7 +4,6 @@ import { CommonModule } from '@angular/common';
 import { SettingsRoutingModule } from '@pages/settings/settings-routing.module';
 import { SettingsComponent } from '@pages/settings/settings.component';
 import {SharedModule} from '@app/shared/shared.module';
-import { InviteComponent } from '@pages/settings/invite/invite.component';
 import { OrganizationComponent } from '@pages/settings/organization/organization.component';
 import {MatTableModule} from '@angular/material/table';
 import {MatSortModule} from '@angular/material/sort';
@@ -22,7 +21,7 @@ import {ReactiveFormsModule} from '@angular/forms';
 
 
 @NgModule({
-  declarations: [SettingsComponent, InviteComponent, OrganizationComponent],
+  declarations: [SettingsComponent, OrganizationComponent],
   imports: [
     CommonModule,
     SettingsRoutingModule,