From e1e2edf2e97cfa0532934e6b359f00d921d42ca1 Mon Sep 17 00:00:00 2001
From: Shashank S <entreprise+github@knhash.in>
Date: Thu, 8 Jul 2021 04:36:46 +0530
Subject: [PATCH] Refactor password generator type radio buttons to use base
 class (#1059)

* feat: update jslib version

* refactor: use ngfor for options

* Revert "feat: update jslib version"

This reverts commit 76f1ce38190065a2e9a6be6557b5972c282e31d8.

* chore: rem dead code
---
 src/app/tools/password-generator.component.html | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/app/tools/password-generator.component.html b/src/app/tools/password-generator.component.html
index e75399767a..365390fa97 100644
--- a/src/app/tools/password-generator.component.html
+++ b/src/app/tools/password-generator.component.html
@@ -10,15 +10,12 @@
     </div>
 </div>
 <div class="form-group">
-    <div class="form-check form-check-inline">
-        <input id="generate-password" name="type" value="password" class="form-check-input" type="radio"
-            (change)="saveOptions()" [(ngModel)]="options.type">
-        <label for="generate-password" class="form-check-label">{{'password' | i18n}}</label>
-    </div>
-    <div class="form-check form-check-inline">
-        <input id="generate-passphrase" name="type" value="passphrase" class="form-check-input" type="radio"
-            (change)="saveOptions()" [(ngModel)]="options.type">
-        <label for="generate-passphrase" class="form-check-label">{{'passphrase' | i18n}}</label>
+    <div class="form-check form-check-inline" *ngFor="let o of passTypeOptions">
+        <input class="form-check-input" type="radio" [(ngModel)]="options.type" name="Type_{{o.value}}"
+            id="type_{{o.value}}" [value]="o.value" (change)="saveOptions()" [checked]="options.type === o.value">
+        <label class="form-check-label" for="type_{{o.value}}">
+            {{o.name}}
+        </label>
     </div>
 </div>
 <ng-container *ngIf="options.type === 'passphrase'">