base cipher report component class

src/app/tools/exposed-passwords-report.component.ts

@@ -1,8 +1,6 @@
 import {
     Component,
     ComponentFactoryResolver,
-    ViewChild,
-    ViewContainerRef,
 } from '@angular/core';
 
 import { AuditService } from 'jslib/abstractions/audit.service';
@@ -12,28 +10,21 @@ import { CipherView } from 'jslib/models/view/cipherView';
 
 import { CipherType } from 'jslib/enums/cipherType';
 
-import { ModalComponent } from '../modal.component';
-import { AddEditComponent } from '../vault/add-edit.component';
+import { CipherReportComponent } from './cipher-report.component';
 
 @Component({
     selector: 'app-exposed-passwords-report',
     templateUrl: 'exposed-passwords-report.component.html',
 })
-export class ExposedPasswordsReportComponent {
-    @ViewChild('cipherAddEdit', { read: ViewContainerRef }) cipherAddEditModalRef: ViewContainerRef;
-
-    loading = false;
-    hasLoaded = false;
-    ciphers: CipherView[] = [];
+export class ExposedPasswordsReportComponent extends CipherReportComponent {
     exposedPasswordMap = new Map<string, number>();
 
-    private modal: ModalComponent = null;
-
     constructor(private ciphersService: CipherService, private auditService: AuditService,
-        private componentFactoryResolver: ComponentFactoryResolver) { }
+        componentFactoryResolver: ComponentFactoryResolver) {
+        super(componentFactoryResolver);
+    }
 
-    async load() {
-        this.loading = true;
+    async setCiphers() {
         const allCiphers = await this.ciphersService.getAllDecrypted();
         const exposedPasswordCiphers: CipherView[] = [];
         const promises: Array<Promise<void>> = [];
@@ -51,34 +42,5 @@ export class ExposedPasswordsReportComponent {
         });
         await Promise.all(promises);
         this.ciphers = exposedPasswordCiphers;
-        this.loading = false;
-        this.hasLoaded = true;
-    }
-
-    selectCipher(cipher: CipherView) {
-        if (this.modal != null) {
-            this.modal.close();
-        }
-
-        const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
-        this.modal = this.cipherAddEditModalRef.createComponent(factory).instance;
-        const childComponent = this.modal.show<AddEditComponent>(
-            AddEditComponent, this.cipherAddEditModalRef);
-
-        childComponent.cipherId = cipher == null ? null : cipher.id;
-        childComponent.onSavedCipher.subscribe(async (c: CipherView) => {
-            this.modal.close();
-            await this.load();
-        });
-        childComponent.onDeletedCipher.subscribe(async (c: CipherView) => {
-            this.modal.close();
-            await this.load();
-        });
-
-        this.modal.onClosed.subscribe(() => {
-            this.modal = null;
-        });
-
-        return childComponent;
     }
 }