From 359daffd9e70933dac4c1925b16dcb02c29aa918 Mon Sep 17 00:00:00 2001
From: Shashank S <entreprise+github@knhash.in>
Date: Wed, 7 Jul 2021 16:58:41 +0530
Subject: [PATCH] Use radio buttons for password generator type instead of
 dropdown (#955)

* fix: radio instead of dropdown

* fix: remove, depend on upstream jslib

* chore: remove unnecessary label

* fix: missing tag

* chore: add label, remove dupl. intlz.

* feat: update jslib version

* Revert "feat: update jslib version"

This reverts commit 85f4b758bda793f10e32f2aea6928bab9be02e07.

* Update jslib

Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
---
 jslib                                           |  2 +-
 src/app/vault/password-generator.component.html | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/jslib b/jslib
index 6f6b5a5503..119699b82c 160000
--- a/jslib
+++ b/jslib
@@ -1 +1 @@
-Subproject commit 6f6b5a5503b7aeb7bbd174e3f96a33ce1c9a8037
+Subproject commit 119699b82c26296cdd518c0c66e0cd3d61586309
diff --git a/src/app/vault/password-generator.component.html b/src/app/vault/password-generator.component.html
index a8a0fd80f9..465bba7ead 100644
--- a/src/app/vault/password-generator.component.html
+++ b/src/app/vault/password-generator.component.html
@@ -27,12 +27,17 @@
                         </button>
                     </div>
                     <div class="box-content condensed" [hidden]="!showOptions">
-                        <div class="box-content-row" appBoxRow>
-                            <label for="type" class="sr-only">{{'type' | i18n}}</label>
-                            <select id="type" [(ngModel)]="options.type" (change)="saveOptions()">
-                                <option value="password">{{'password' | i18n}}</option>
-                                <option value="passphrase">{{'passphrase' | i18n}}</option>
-                            </select>
+                        <div class="box-content-row box-content-row-radio">
+                            <label class="sr-only radio-header">{{'type' | i18n}}</label>
+                            <div class="radio-group text-default" appBoxRow name="PassTypeOptions"
+                                *ngFor="let o of passTypeOptions">
+                                <input type="radio" class="radio" [(ngModel)]="options.type" name="Type_{{o.value}}"
+                                    id="type_{{o.value}}" [value]="o.value" (change)="saveOptions()"
+                                    [checked]="options.type === o.value">
+                                <label class="unstyled" for="type_{{o.value}}">
+                                    {{o.name}}
+                                </label>
+                            </div>
                         </div>
                     </div>
                 </div>