inactive 2fa report

src/app/tools/inactive-two-factor-report.component.ts

@@ -0,0 +1,130 @@
+import {
+    Component,
+    ComponentFactoryResolver,
+    OnInit,
+    ViewChild,
+    ViewContainerRef,
+} from '@angular/core';
+
+import { CipherService } from 'jslib/abstractions/cipher.service';
+
+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 { Utils } from 'jslib/misc/utils';
+
+@Component({
+    selector: 'app-inactive-two-factor-report',
+    templateUrl: 'inactive-two-factor-report.component.html',
+})
+export class InactiveTwoFactorReportComponent implements OnInit {
+    @ViewChild('cipherAddEdit', { read: ViewContainerRef }) cipherAddEditModalRef: ViewContainerRef;
+
+    loading = false;
+    hasLoaded = false;
+    services = new Map<string, string>();
+    cipherDocs = new Map<string, string>();
+    ciphers: CipherView[] = [];
+
+    private modal: ModalComponent = null;
+
+    constructor(private ciphersService: CipherService, private componentFactoryResolver: ComponentFactoryResolver) { }
+
+    async ngOnInit() {
+        await this.load();
+    }
+
+    async load() {
+        this.loading = true;
+        try {
+            await this.load2fa();
+        } catch { }
+        if (this.services.size > 0) {
+            const allCiphers = await this.ciphersService.getAllDecrypted();
+            const inactive2faCiphers: CipherView[] = [];
+            const promises: Array<Promise<void>> = [];
+            const docs = new Map<string, string>();
+            allCiphers.forEach((c) => {
+                if (c.type !== CipherType.Login || (c.login.totp != null && c.login.totp !== '') || !c.login.hasUris) {
+                    return;
+                }
+                for (let i = 0; i < c.login.uris.length; i++) {
+                    const u = c.login.uris[i];
+                    if (u.uri != null && u.uri !== '') {
+                        const hostname = Utils.getHostname(u.uri);
+                        if (hostname != null && this.services.has(hostname)) {
+                            if (this.services.get(hostname) != null) {
+                                docs.set(c.id, this.services.get(hostname));
+                            }
+                            inactive2faCiphers.push(c);
+                            break;
+                        }
+                    }
+                }
+            });
+            await Promise.all(promises);
+            this.ciphers = inactive2faCiphers;
+            this.cipherDocs = docs;
+        }
+        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;
+    }
+
+    private async load2fa() {
+        if (this.services.size > 0) {
+            return;
+        }
+        const response = await fetch(new Request('https://twofactorauth.org/data.json'));
+        if (response.status !== 200) {
+            throw new Error();
+        }
+        const responseJson = await response.json();
+        for (const categoryName in responseJson) {
+            if (responseJson.hasOwnProperty(categoryName)) {
+                const category = responseJson[categoryName];
+                for (const serviceName in category) {
+                    if (category.hasOwnProperty(serviceName)) {
+                        const service = category[serviceName];
+                        if (service.tfa && service.url != null) {
+                            const hostname = Utils.getHostname(service.url);
+                            if (hostname != null) {
+                                this.services.set(hostname, service.doc);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}