2018-04-06 04:21:18 +02:00
|
|
|
import { Angulartics2 } from 'angulartics2';
|
|
|
|
|
|
|
|
import {
|
|
|
|
EventEmitter,
|
|
|
|
Input,
|
|
|
|
OnInit,
|
|
|
|
Output,
|
|
|
|
} from '@angular/core';
|
|
|
|
|
|
|
|
import { I18nService } from '../../abstractions/i18n.service';
|
|
|
|
import { PasswordGenerationService } from '../../abstractions/passwordGeneration.service';
|
|
|
|
import { PlatformUtilsService } from '../../abstractions/platformUtils.service';
|
|
|
|
|
|
|
|
export class PasswordGeneratorComponent implements OnInit {
|
|
|
|
@Input() showSelect: boolean = false;
|
|
|
|
@Output() onSelected = new EventEmitter<string>();
|
|
|
|
|
|
|
|
options: any = {};
|
|
|
|
password: string = '-';
|
|
|
|
showOptions = false;
|
|
|
|
avoidAmbiguous = false;
|
|
|
|
|
|
|
|
constructor(protected passwordGenerationService: PasswordGenerationService, protected analytics: Angulartics2,
|
|
|
|
protected platformUtilsService: PlatformUtilsService, protected i18nService: I18nService,
|
2018-10-03 05:09:19 +02:00
|
|
|
private win: Window) { }
|
2018-04-06 04:21:18 +02:00
|
|
|
|
|
|
|
async ngOnInit() {
|
|
|
|
this.options = await this.passwordGenerationService.getOptions();
|
|
|
|
this.avoidAmbiguous = !this.options.ambiguous;
|
2018-04-23 19:03:47 +02:00
|
|
|
this.password = await this.passwordGenerationService.generatePassword(this.options);
|
2018-04-06 04:21:18 +02:00
|
|
|
this.analytics.eventTrack.next({ action: 'Generated Password' });
|
|
|
|
await this.passwordGenerationService.addHistory(this.password);
|
|
|
|
}
|
|
|
|
|
|
|
|
async sliderChanged() {
|
|
|
|
this.saveOptions(false);
|
|
|
|
await this.passwordGenerationService.addHistory(this.password);
|
|
|
|
this.analytics.eventTrack.next({ action: 'Regenerated Password' });
|
|
|
|
}
|
|
|
|
|
|
|
|
async sliderInput() {
|
|
|
|
this.normalizeOptions();
|
2018-04-23 19:03:47 +02:00
|
|
|
this.password = await this.passwordGenerationService.generatePassword(this.options);
|
2018-04-06 04:21:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
async saveOptions(regenerate: boolean = true) {
|
|
|
|
this.normalizeOptions();
|
|
|
|
await this.passwordGenerationService.saveOptions(this.options);
|
|
|
|
|
|
|
|
if (regenerate) {
|
|
|
|
await this.regenerate();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
async regenerate() {
|
2018-04-23 19:03:47 +02:00
|
|
|
this.password = await this.passwordGenerationService.generatePassword(this.options);
|
2018-04-06 04:21:18 +02:00
|
|
|
await this.passwordGenerationService.addHistory(this.password);
|
|
|
|
this.analytics.eventTrack.next({ action: 'Regenerated Password' });
|
|
|
|
}
|
|
|
|
|
|
|
|
copy() {
|
|
|
|
this.analytics.eventTrack.next({ action: 'Copied Generated Password' });
|
2018-08-17 18:24:56 +02:00
|
|
|
const copyOptions = this.win != null ? { window: this.win } : null;
|
2018-04-19 14:00:54 +02:00
|
|
|
this.platformUtilsService.copyToClipboard(this.password, copyOptions);
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('info', null,
|
|
|
|
this.i18nService.t('valueCopied', this.i18nService.t('password')));
|
2018-04-06 04:21:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
select() {
|
|
|
|
this.analytics.eventTrack.next({ action: 'Selected Generated Password' });
|
|
|
|
this.onSelected.emit(this.password);
|
|
|
|
}
|
|
|
|
|
|
|
|
toggleOptions() {
|
|
|
|
this.showOptions = !this.showOptions;
|
|
|
|
}
|
|
|
|
|
|
|
|
private normalizeOptions() {
|
|
|
|
this.options.minLowercase = 0;
|
|
|
|
this.options.minUppercase = 0;
|
|
|
|
this.options.ambiguous = !this.avoidAmbiguous;
|
|
|
|
|
|
|
|
if (!this.options.uppercase && !this.options.lowercase && !this.options.number && !this.options.special) {
|
|
|
|
this.options.lowercase = true;
|
|
|
|
const lowercase = document.querySelector('#lowercase') as HTMLInputElement;
|
|
|
|
if (lowercase) {
|
|
|
|
lowercase.checked = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-06-21 04:12:15 +02:00
|
|
|
if (!this.options.length || this.options.length < 5) {
|
2018-04-06 04:21:18 +02:00
|
|
|
this.options.length = 5;
|
|
|
|
} else if (this.options.length > 128) {
|
|
|
|
this.options.length = 128;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!this.options.minNumber) {
|
|
|
|
this.options.minNumber = 0;
|
|
|
|
} else if (this.options.minNumber > this.options.length) {
|
|
|
|
this.options.minNumber = this.options.length;
|
|
|
|
} else if (this.options.minNumber > 9) {
|
|
|
|
this.options.minNumber = 9;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!this.options.minSpecial) {
|
|
|
|
this.options.minSpecial = 0;
|
|
|
|
} else if (this.options.minSpecial > this.options.length) {
|
|
|
|
this.options.minSpecial = this.options.length;
|
|
|
|
} else if (this.options.minSpecial > 9) {
|
|
|
|
this.options.minSpecial = 9;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.options.minSpecial + this.options.minNumber > this.options.length) {
|
|
|
|
this.options.minSpecial = this.options.length - this.options.minNumber;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|