2018-01-29 15:33:43 +01:00
|
|
|
<div class="modal fade">
|
2018-01-29 22:13:37 +01:00
|
|
|
<div class="modal-dialog modal-sm">
|
2018-01-29 15:33:43 +01:00
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-body">
|
2018-01-29 22:13:37 +01:00
|
|
|
<div class="password-block">{{password}}</div>
|
|
|
|
<div class="box">
|
|
|
|
<div class="box-content condensed">
|
2018-02-01 03:40:02 +01:00
|
|
|
<a class="box-content-row" href="#" appStopClick appBlurClick
|
2018-01-29 22:13:37 +01:00
|
|
|
(click)="regenerate(true)">
|
|
|
|
<i class="fa fa-fw fa-refresh"></i> {{'regeneratePassword' | i18n}}
|
|
|
|
</a>
|
2018-02-01 03:40:02 +01:00
|
|
|
<a class="box-content-row" href="#" appStopClick appBlurClick
|
2018-01-29 22:13:37 +01:00
|
|
|
(click)="copy()">
|
|
|
|
<i class="fa fa-fw fa-clipboard"></i> {{'copyPassword' | i18n}}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box">
|
|
|
|
<div class="box-header">
|
2018-02-01 03:13:42 +01:00
|
|
|
<button type="button" (click)="toggleOptions()">
|
|
|
|
<i class="fa fa-plus-square-o" [hidden]="showOptions"></i>
|
|
|
|
<i class="fa fa-minus-square-o" [hidden]="!showOptions"></i>
|
|
|
|
{{'options' | i18n}}
|
|
|
|
</button>
|
2018-01-29 22:13:37 +01:00
|
|
|
</div>
|
2018-02-01 03:33:55 +01:00
|
|
|
<div class="box-content condensed" [hidden]="!showOptions">
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-slider" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="length">{{'length' | i18n}}</label>
|
2018-02-01 03:33:55 +01:00
|
|
|
<input id="length" type="number" min="5" max="128" [(ngModel)]="options.length"
|
|
|
|
(change)="saveOptions()">
|
|
|
|
<input id="lengthRange" type="range" min="5" max="128" step="1"
|
|
|
|
[(ngModel)]="options.length">
|
2018-01-29 22:13:37 +01:00
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="uppercase">A-Z</label>
|
|
|
|
<input id="uppercase" type="checkbox" (change)="saveOptions()"
|
|
|
|
[(ngModel)]="options.uppercase">
|
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="lowercase">a-z</label>
|
|
|
|
<input id="lowercase" type="checkbox" (change)="saveOptions()"
|
|
|
|
[(ngModel)]="options.lowercase">
|
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="numbers">0-9</label>
|
|
|
|
<input id="numbers" type="checkbox" (change)="saveOptions()"
|
|
|
|
[(ngModel)]="options.number">
|
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="special">!@#$%^&*</label>
|
|
|
|
<input id="special" type="checkbox" (change)="saveOptions()"
|
|
|
|
[(ngModel)]="options.special">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-02-01 03:33:55 +01:00
|
|
|
<div class="box" [hidden]="!showOptions">
|
2018-01-29 22:13:37 +01:00
|
|
|
<div class="box-content condensed">
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-input" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="min-number">{{'minNumbers' | i18n}}</label>
|
2018-02-09 18:12:41 +01:00
|
|
|
<input id="min-number" type="number" min="0" max="9" (change)="saveOptions()"
|
2018-01-29 22:13:37 +01:00
|
|
|
[(ngModel)]="options.minNumber">
|
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-input" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="min-special">{{'minSpecial' | i18n}}</label>
|
2018-02-09 18:12:41 +01:00
|
|
|
<input id="min-special" type="number" min="0" max="9" (change)="saveOptions()"
|
2018-01-29 22:13:37 +01:00
|
|
|
[(ngModel)]="options.minSpecial">
|
|
|
|
</div>
|
2018-01-30 20:33:06 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
2018-01-29 22:13:37 +01:00
|
|
|
<label for="ambiguous">{{'ambiguous' | i18n}}</label>
|
|
|
|
<input id="ambiguous" type="checkbox" (change)="saveOptions()"
|
|
|
|
[(ngModel)]="options.ambiguous">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-01-29 18:14:19 +01:00
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2018-02-01 03:13:42 +01:00
|
|
|
<button type="button" class="primary" appBlurClick *ngIf="showSelect" (click)="select()"
|
|
|
|
title="{{'select' | i18n}}">
|
|
|
|
<i class="fa fa-lg fa-fw fa-check"></i>
|
2018-01-29 22:13:37 +01:00
|
|
|
</button>
|
|
|
|
<button type="button" data-dismiss="modal">{{'close' | i18n}}</button>
|
2018-01-29 15:33:43 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|