Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-09 09:51:02 +01:00
Code Issues Projects Releases Wiki Activity

use input change events on slider

Browse Source
This commit is contained in:
Kyle Spearrin 2018-02-26 08:47:35 -05:00
parent 2423e96b34
commit 769d7c606f
2 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/vault/password-generator.component.html
View File

@ -29,7 +29,7 @@
<input id="length" type="number" min="5" max="128" [(ngModel)]="options.length" <input id="length" type="number" min="5" max="128" [(ngModel)]="options.length"
(input)="saveOptions()"> (input)="saveOptions()">
<input id="lengthRange" type="range" min="5" max="128" step="1" <input id="lengthRange" type="range" min="5" max="128" step="1"
[(ngModel)]="options.length"> [(ngModel)]="options.length" (change)="sliderChanged()" (input)="sliderInput()">
</div> </div>
<div class="box-content-row box-content-row-checkbox" appBoxRow> <div class="box-content-row box-content-row-checkbox" appBoxRow>
<label for="uppercase">A-Z</label> <label for="uppercase">A-Z</label>

20
src/app/vault/password-generator.component.ts
View File

@ -41,27 +41,17 @@ export class PasswordGeneratorComponent implements OnInit {
this.password = this.passwordGenerationService.generatePassword(this.options); this.password = this.passwordGenerationService.generatePassword(this.options);
this.analytics.eventTrack.next({ action: 'Generated Password' }); this.analytics.eventTrack.next({ action: 'Generated Password' });
await this.passwordGenerationService.addHistory(this.password); await this.passwordGenerationService.addHistory(this.password);
}
const slider = document.querySelector('#lengthRange'); async sliderChanged() {
if (slider) {
// Save password once the slider stop moving.
slider.addEventListener('change', async (e) => {
e.preventDefault();
this.functionWithChangeDetection(() => {
this.saveOptions(false); this.saveOptions(false);
});
await this.passwordGenerationService.addHistory(this.password); await this.passwordGenerationService.addHistory(this.password);
this.analytics.eventTrack.next({ action: 'Regenerated Password' }); this.analytics.eventTrack.next({ action: 'Regenerated Password' });
}); }
// Regenerate while slider moving
slider.addEventListener('input', (e) => { async sliderInput() {
e.preventDefault();
this.functionWithChangeDetection(() => {
this.normalizeOptions(); this.normalizeOptions();
this.password = this.passwordGenerationService.generatePassword(this.options); this.password = this.passwordGenerationService.generatePassword(this.options);
});
});
}
} }
async saveOptions(regenerate: boolean = true) { async saveOptions(regenerate: boolean = true) {