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

Adapt the interface to generate passphrase too (#267)

Browse Source
This commit is contained in:
Martin Trigaux 2018-10-08 23:27:25 +02:00 committed by Kyle Spearrin
parent 10be0867ad
commit 675739d24f
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/tools/password-generator.component.html
View File

@ -6,7 +6,17 @@
{{password}} {{password}}
</div> </div>
</div> </div>
<div class="row"> <div class="form-group">
<div class="form-check">
<input id="generate-password" name="generator-type" value="generate-password" class="form-check-input" type="radio" (change)="saveOptions()" [(ngModel)]="options.generateTypePassword">
<label for="generate-password">{{'generatePassword' | i18n}}</label>
</div>
<div class="form-check">
<input id="generate-passphrase" name="generator-type" value="generate-passphrase" class="form-check-input" type="radio" (change)="saveOptions()" [(ngModel)]="options.generateTypePassword">
<label for="generate-passphrase">{{'generatePassphrase' | i18n}}</label>
</div>
</div>
<div class="row typePassword" *ngIf="options.generateTypePassword != 'generate-passphrase'">
<div class="form-group col-4"> <div class="form-group col-4">
<label for="length">{{'length' | i18n}}</label> <label for="length">{{'length' | i18n}}</label>
<input id="length" class="form-control" type="number" min="5" max="128" [(ngModel)]="options.length" (blur)="saveOptions()"> <input id="length" class="form-control" type="number" min="5" max="128" [(ngModel)]="options.length" (blur)="saveOptions()">
@ -20,7 +30,13 @@
<input id="min-special" class="form-control" type="number" min="0" max="9" (input)="saveOptions()" [(ngModel)]="options.minSpecial"> <input id="min-special" class="form-control" type="number" min="0" max="9" (input)="saveOptions()" [(ngModel)]="options.minSpecial">
</div> </div>
</div> </div>
<div class="form-group"> <div class="row typePassphrase" *ngIf="options.generateTypePassword == 'generate-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="128" [(ngModel)]="options.numWords" (blur)="saveOptions()">
</div>
</div>
<div class="form-group typePassword" *ngIf="options.generateTypePassword != 'generate-passphrase'">
<div class="form-check"> <div class="form-check">
<input id="uppercase" class="form-check-input" type="checkbox" (change)="saveOptions()" [(ngModel)]="options.uppercase"> <input id="uppercase" class="form-check-input" type="checkbox" (change)="saveOptions()" [(ngModel)]="options.uppercase">
<label for="uppercase" class="form-check-label">A-Z</label> <label for="uppercase" class="form-check-label">A-Z</label>

6
src/locales/en/messages.json
View File

@ -207,6 +207,9 @@
"generatePassword": { "generatePassword": {
"message": "Generate Password" "message": "Generate Password"
}, },
"generatePassphrase": {
"message": "Generate Passphrase"
},
"checkPassword": { "checkPassword": {
"message": "Check if password has been exposed." "message": "Check if password has been exposed."
}, },
@ -798,6 +801,9 @@
"length": { "length": {
"message": "Length" "message": "Length"
}, },
"numWords": {
"message": "Number of Words"
},
"passwordHistory": { "passwordHistory": {
"message": "Password History" "message": "Password History"
}, },