92 lines
3.1 KiB
TypeScript
92 lines
3.1 KiB
TypeScript
import {
|
|
Component,
|
|
OnDestroy,
|
|
OnInit,
|
|
} from '@angular/core';
|
|
|
|
import { ToasterService } from 'angular2-toaster';
|
|
import { Angulartics2 } from 'angulartics2';
|
|
|
|
import { ApiService } from 'jslib/abstractions/api.service';
|
|
import { I18nService } from 'jslib/abstractions/i18n.service';
|
|
import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
|
|
import { UserService } from 'jslib/abstractions/user.service';
|
|
|
|
import { UpdateTwoFactorAuthenticatorRequest } from 'jslib/models/request/updateTwoFactorAuthenticatorRequest';
|
|
import { TwoFactorAuthenticatorResponse } from 'jslib/models/response/twoFactorAuthenticatorResponse';
|
|
|
|
import { TwoFactorProviderType } from 'jslib/enums/twoFactorProviderType';
|
|
|
|
import { TwoFactorBaseComponent } from './two-factor-base.component';
|
|
|
|
@Component({
|
|
selector: 'app-two-factor-authenticator',
|
|
templateUrl: 'two-factor-authenticator.component.html',
|
|
})
|
|
export class TwoFactorAuthenticatorComponent extends TwoFactorBaseComponent implements OnInit, OnDestroy {
|
|
key: string;
|
|
token: string;
|
|
formPromise: Promise<any>;
|
|
|
|
private qrScript: HTMLScriptElement;
|
|
|
|
constructor(apiService: ApiService, i18nService: I18nService,
|
|
analytics: Angulartics2, toasterService: ToasterService,
|
|
private userService: UserService, platformUtilsService: PlatformUtilsService) {
|
|
super(apiService, i18nService, analytics, toasterService, platformUtilsService,
|
|
TwoFactorProviderType.Authenticator);
|
|
this.qrScript = window.document.createElement('script');
|
|
this.qrScript.src = 'scripts/qrious.min.js';
|
|
this.qrScript.async = true;
|
|
}
|
|
|
|
ngOnInit() {
|
|
window.document.body.appendChild(this.qrScript);
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
window.document.body.removeChild(this.qrScript);
|
|
}
|
|
|
|
auth(authResponse: any) {
|
|
super.auth(authResponse);
|
|
return this.processResponse(authResponse.response);
|
|
}
|
|
|
|
submit() {
|
|
if (this.enabled) {
|
|
return super.disable(this.formPromise);
|
|
} else {
|
|
return this.enable();
|
|
}
|
|
}
|
|
|
|
protected enable() {
|
|
const request = new UpdateTwoFactorAuthenticatorRequest();
|
|
request.masterPasswordHash = this.masterPasswordHash;
|
|
request.token = this.token;
|
|
request.key = this.key;
|
|
|
|
return super.enable(async () => {
|
|
this.formPromise = this.apiService.putTwoFactorAuthenticator(request);
|
|
const response = await this.formPromise;
|
|
await this.processResponse(response);
|
|
});
|
|
}
|
|
|
|
private async processResponse(response: TwoFactorAuthenticatorResponse) {
|
|
this.token = null;
|
|
this.enabled = response.enabled;
|
|
this.key = response.key;
|
|
const email = await this.userService.getEmail();
|
|
window.setTimeout(() => {
|
|
const qr = new (window as any).QRious({
|
|
element: document.getElementById('qr'),
|
|
value: 'otpauth://totp/Bitwarden:' + encodeURIComponent(email) +
|
|
'?secret=' + encodeURIComponent(this.key) + '&issuer=Bitwarden',
|
|
size: 160,
|
|
});
|
|
}, 100);
|
|
}
|
|
}
|