fix html for checkbox on gen

This commit is contained in:
Kyle Spearrin 2019-07-02 17:01:19 -04:00
parent d1a7c3390a
commit 004d14eaf4
1 changed files with 24 additions and 20 deletions

View File

@ -18,28 +18,32 @@
<label for="generate-passphrase" class="form-check-label">{{'passphrase' | i18n}}</label>
</div>
</div>
<div class="row" *ngIf="options.type === 'passphrase'">
<div class="form-group col-4">
<label for="num-words">{{'numWords' | i18n}}</label>
<input id="num-words" class="form-control" type="number" min="3" max="20" [(ngModel)]="options.numWords"
(blur)="saveOptions()">
<ng-container *ngIf="options.type === 'passphrase'">
<div class="row">
<div class="form-group col-4">
<label for="num-words">{{'numWords' | i18n}}</label>
<input id="num-words" class="form-control" type="number" min="3" max="20" [(ngModel)]="options.numWords"
(blur)="saveOptions()">
</div>
<div class="form-group col-4">
<label for="word-separator">{{'wordSeparator' | i18n}}</label>
<input id="word-separator" class="form-control" type="text" maxlength="1"
[(ngModel)]="options.wordSeparator" (blur)="saveOptions()">
</div>
</div>
<div class="form-group col-4">
<label for="word-separator">{{'wordSeparator' | i18n}}</label>
<input id="word-separator" class="form-control" type="text" maxlength="1" [(ngModel)]="options.wordSeparator"
(blur)="saveOptions()">
<div class="form-group">
<div class="form-check">
<input id="capitalize" class="form-check-input" type="checkbox" (change)="saveOptions()"
[(ngModel)]="options.capitalize">
<label for="capitalize" class="form-check-label">{{'capitalize' | i18n}}</label>
</div>
<div class="form-check">
<input id="include-number" class="form-check-input" type="checkbox" (change)="saveOptions()"
[(ngModel)]="options.includeNumber">
<label for="include-number" class="form-check-label">{{'includeNumber' | i18n}}</label>
</div>
</div>
<div class="form-check">
<input id="capitalize" class="form-check-input" type="checkbox" (change)="saveOptions()"
[(ngModel)]="options.capitalize">
<label for="capitalize" class="form-check-label">{{'capitalize' | i18n}}</label>
</div>
<div class="form-check">
<input id="include-number" class="form-check-input" type="checkbox" (change)="saveOptions()"
[(ngModel)]="options.includeNumber">
<label for="include-number" class="form-check-label">{{'includeNumber' | i18n}}</label>
</div>
</div>
</ng-container>
<ng-container *ngIf="options.type === 'password'">
<div class="row">
<div class="form-group col-4">