From d3f2adbef407179cc5e95d09765e621f5fd0f963 Mon Sep 17 00:00:00 2001
From: Ilan Parmentier <ilan.parmentier@artbambou.com>
Date: Fri, 3 Apr 2020 21:58:06 +0200
Subject: [PATCH] Using PasswordStrengthIndicator widget

---
 view/frontend/templates/popup/form/create.phtml | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/view/frontend/templates/popup/form/create.phtml b/view/frontend/templates/popup/form/create.phtml
index 14fba33..a9f04ab 100755
--- a/view/frontend/templates/popup/form/create.phtml
+++ b/view/frontend/templates/popup/form/create.phtml
@@ -186,12 +186,27 @@
                     </fieldset>
                 <?php endif; ?>
                 <fieldset class="fieldset create account" data-hasrequired="<?= __('* Required Fields') ?>">
-                    <div class="field password required">
+                    <div class="field password required"
+                         data-mage-init='{
+							"passwordStrengthIndicator": {
+								"passwordSelector": "#password-social",
+				            	"passwordStrengthMeterSelector":"[data-role=strength-meter]",
+								"passwordStrengthMeterLabelSelector":"[data-role=strength-meter-label]"
+							}
+						}'>
                         <label for="password" class="label"><span><?= __('Password') ?></span></label>
                         <div class="control">
                             <input type="password" name="password" id="password-social"
                                    title="<?= __('Password') ?>" class="input-text"
                                    data-validate="{required:true, 'validate-password':true}" autocomplete="off"/>
+                            <div id="password-strength-meter-container" data-role="strength-meter" aria-live="polite">
+				                    <div id="password-strength-meter" class="password-strength-meter">
+					                    <?= $block->escapeHtml(__('Password Strength:')) ?>:
+				                        <span id="password-strength-meter-label" data-role="strength-meter-label">
+				                            <?= $block->escapeHtml(__('No Password')) ?>
+				                        </span>
+				                    </div>
+				                </div>
                         </div>
                     </div>
                     <div class="field confirmation required">