2fa recovery code view

src/app/settings/two-factor-recovery.component.ts

@@ -0,0 +1,46 @@
+import { Component } from '@angular/core';
+
+import { I18nService } from 'jslib/abstractions/i18n.service';
+
+import { TwoFactorRecoverResponse } from 'jslib/models/response/twoFactorRescoverResponse';
+
+import { TwoFactorProviderType } from 'jslib/enums/twoFactorProviderType';
+
+@Component({
+    selector: 'app-two-factor-recovery',
+    templateUrl: 'two-factor-recovery.component.html',
+})
+export class TwoFactorRecoveryComponent {
+    code: string;
+    authed: boolean;
+    twoFactorProviderType = TwoFactorProviderType;
+
+    constructor(private i18nService: I18nService) { }
+
+    auth(authResponse: any) {
+        this.authed = true;
+        this.processResponse(authResponse.response);
+    }
+
+    print() {
+        const w = window.open();
+        w.document.write('<div style="font-size: 18px; text-align: center;">' +
+            '<p>' + this.i18nService.t('twoFactorRecoveryYourCode') + ':</p>' +
+            '<code style="font-family: Menlo, Monaco, Consolas, \'Courier New\', monospace;">' +
+            this.code + '</code></div>' +
+            '<p style="text-align: center;">' + new Date() + '</p>');
+        w.print();
+        w.close();
+    }
+
+    private formatString(s: string) {
+        if (s == null) {
+            return null;
+        }
+        return s.replace(/(.{4})/g, '$1 ').trim().toUpperCase();
+    }
+
+    private processResponse(response: TwoFactorRecoverResponse) {
+        this.code = this.formatString(response.code);
+    }
+}