bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-20 10:13:31 +00:00
Code Issues Releases Wiki Activity

changed breach report to allow username entry

Browse Source
This commit is contained in:
Kyle Spearrin
2018-06-29 08:21:08 -04:00
parent dec6b17aa4
commit 15d6e4937f
4 changed files with 42 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/tools/breach-report.component.html
View File

@@ -2,15 +2,27 @@
<h1>{{'dataBreachReport' | i18n}}</h1>
</div>
<p>{{'breachDesc' | i18n}}</p>
<i class="fa fa-spinner fa-spin text-muted" *ngIf="loading"></i>
<ng-container *ngIf="!loading">
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
<div class="row">
<div class="form-group col-6">
<label for="username">{{'username' | i18n}}</label>
<input id="username" type="text" name="Username" class="form-control" [(ngModel)]="username" required>
<small class="form-text text-muted">{{'breachCheckUsernameEmail' | i18n}}</small>
</div>
</div>
<button appBlurClick type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
<i class="fa fa-spinner fa-spin"></i>
<span>{{'checkBreaches' | i18n}}</span>
</button>
</form>
<div class="mt-4" *ngIf="!form.loading && checkedUsername">
<p *ngIf="error">{{'reportError' | i18n}}...</p>
<ng-container *ngIf="!error">
<app-callout type="success" title="{{'goodNews' | i18n}}" *ngIf="!breachedAccounts.length">
{{'breachEmailNotFound' | i18n : email}}
{{'breachUsernameNotFound' | i18n : checkedUsername}}
</app-callout>
<app-callout type="danger" title="{{'breachFound' | i18n}}" *ngIf="breachedAccounts.length">
{{'breachEmailFound' | i18n : email : breachedAccounts.length}}
{{'breachUsernameFound' | i18n : checkedUsername : breachedAccounts.length}}
</app-callout>
<ul class="list-group list-group-breach" *ngIf="breachedAccounts.length">
<li *ngFor="let a of breachedAccounts" class="list-group-item d-flex align-items-center">
@@ -42,4 +54,4 @@
</li>
</ul>
</ng-container>
</ng-container>
</div>

18
src/app/tools/breach-report.component.ts
View File

@@ -12,21 +12,27 @@ import { BreachAccountResponse } from 'jslib/models/response/breachAccountRespon
templateUrl: 'breach-report.component.html',
})
export class BreachReportComponent implements OnInit {
loading = true;
error = false;
email: string;
username: string;
checkedUsername: string;
breachedAccounts: BreachAccountResponse[] = [];
formPromise: Promise<BreachAccountResponse[]>;
constructor(private auditService: AuditService, private userService: UserService) { }
async ngOnInit() {
this.loading = true;
this.username = await this.userService.getEmail();
}
async submit() {
this.error = false;
this.username = this.username.toLowerCase();
try {
this.email = await this.userService.getEmail();
this.breachedAccounts = await this.auditService.breachedAccounts(this.email);
this.formPromise = this.auditService.breachedAccounts(this.username);
this.breachedAccounts = await this.formPromise;
} catch {
this.error = true;
}
this.loading = false;
this.checkedUsername = this.username;
}
}