mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-29 07:59:42 +01:00
share login component
This commit is contained in:
parent
579f970323
commit
7b4d0a71de
9
package-lock.json
generated
9
package-lock.json
generated
@ -189,6 +189,15 @@
|
|||||||
"integrity": "sha512-/ndYYbV/7WZx6ujm6avFUqfb+FKbrx7oT+3mYj8i0o9N26Ug+BseFjy6oRnlVVedl39yRP6hhea81QgKmoYbbQ==",
|
"integrity": "sha512-/ndYYbV/7WZx6ujm6avFUqfb+FKbrx7oT+3mYj8i0o9N26Ug+BseFjy6oRnlVVedl39yRP6hhea81QgKmoYbbQ==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"angulartics2": {
|
||||||
|
"version": "5.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/angulartics2/-/angulartics2-5.0.1.tgz",
|
||||||
|
"integrity": "sha512-QYBp7km7xTf/57zKKnYreM0OQ1Pq0kd4L9HJTC79vy7+RG1XqrkA944jTGKDERLWtjEAlQuSyZMS9J5IZZ56sw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"tslib": "1.9.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"argparse": {
|
"argparse": {
|
||||||
"version": "1.0.10",
|
"version": "1.0.10",
|
||||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
|
||||||
|
@ -41,6 +41,7 @@
|
|||||||
"@types/node-forge": "0.7.1",
|
"@types/node-forge": "0.7.1",
|
||||||
"@types/webcrypto": "0.0.28",
|
"@types/webcrypto": "0.0.28",
|
||||||
"angular2-toaster": "4.0.2",
|
"angular2-toaster": "4.0.2",
|
||||||
|
"angulartics2": "5.0.1",
|
||||||
"core-js": "2.4.1",
|
"core-js": "2.4.1",
|
||||||
"lunr": "2.1.6",
|
"lunr": "2.1.6",
|
||||||
"node-forge": "0.7.1",
|
"node-forge": "0.7.1",
|
||||||
|
67
src/angular/components/login.component.ts
Normal file
67
src/angular/components/login.component.ts
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import {
|
||||||
|
Component,
|
||||||
|
EventEmitter,
|
||||||
|
Input,
|
||||||
|
} from '@angular/core';
|
||||||
|
import { Router } from '@angular/router';
|
||||||
|
|
||||||
|
import { ToasterService } from 'angular2-toaster';
|
||||||
|
import { Angulartics2 } from 'angulartics2';
|
||||||
|
|
||||||
|
import { AuthResult } from '../../models/domain/authResult';
|
||||||
|
|
||||||
|
import { AuthService } from '../../abstractions/auth.service';
|
||||||
|
import { I18nService } from '../../abstractions/i18n.service';
|
||||||
|
import { SyncService } from '../../abstractions/sync.service';
|
||||||
|
|
||||||
|
export class LoginComponent {
|
||||||
|
@Input() email: string = '';
|
||||||
|
|
||||||
|
masterPassword: string = '';
|
||||||
|
showPassword: boolean = false;
|
||||||
|
formPromise: Promise<AuthResult>;
|
||||||
|
|
||||||
|
protected twoFactorRoute = '2fa';
|
||||||
|
protected successRoute = 'vault';
|
||||||
|
|
||||||
|
constructor(protected authService: AuthService, protected router: Router,
|
||||||
|
protected analytics: Angulartics2, protected toasterService: ToasterService,
|
||||||
|
protected i18nService: I18nService, protected syncService: SyncService) { }
|
||||||
|
|
||||||
|
async submit() {
|
||||||
|
if (this.email == null || this.email === '') {
|
||||||
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
||||||
|
this.i18nService.t('emailRequired'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.email.indexOf('@') === -1) {
|
||||||
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
||||||
|
this.i18nService.t('invalidEmail'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.masterPassword == null || this.masterPassword === '') {
|
||||||
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
||||||
|
this.i18nService.t('masterPassRequired'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
this.formPromise = this.authService.logIn(this.email, this.masterPassword);
|
||||||
|
const response = await this.formPromise;
|
||||||
|
if (response.twoFactor) {
|
||||||
|
this.analytics.eventTrack.next({ action: 'Logged In To Two-step' });
|
||||||
|
this.router.navigate([this.twoFactorRoute]);
|
||||||
|
} else {
|
||||||
|
this.syncService.fullSync(true);
|
||||||
|
this.analytics.eventTrack.next({ action: 'Logged In' });
|
||||||
|
this.router.navigate([this.successRoute]);
|
||||||
|
}
|
||||||
|
} catch { }
|
||||||
|
}
|
||||||
|
|
||||||
|
togglePassword() {
|
||||||
|
this.analytics.eventTrack.next({ action: 'Toggled Master Password on Login' });
|
||||||
|
this.showPassword = !this.showPassword;
|
||||||
|
document.getElementById('masterPassword').focus();
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user