Merge pull request #867 from fullfrontend/feature/change-password-repeat

Add repeat password field and strength meter on the change password page

Author: kjetilk

default-views/auth/change-password.hbs

@@ -17,16 +17,35 @@
   {{#if validToken}}
     <form method="post" action="/account/password/change">
       {{> shared/error}}
-      <div class="form-group">
-        <label class="control-label" for="newPassword">New Password:</label>
-        <input type="password" class="form-control" name="newPassword"/>
+
+
+      <div class="form-group has-feedback">
+        <label class="control-label" for="password">New Password*</label>
+        <input type="password" class="form-control control-progress" name="newPassword" id="password" required/>
+        <span class="glyphicon glyphicon-remove form-control-feedback hidden" aria-hidden="true"></span>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="4"></div>
+        </div>
+        <div class="help-block"></div>
+      </div>
+
+
+      <div class="form-group has-feedback">
+        <label class="control-label" for="repeat_password">Repeat password*</label>
+        <input type="password" class="form-control" name="repeat_password" id="repeat_password" required/>
+        <span class="glyphicon glyphicon-remove form-control-feedback hidden"></span>
       </div>
 
       <button type="submit" class="btn btn-primary">Change Password</button>
       <input type="hidden" name="returnToUrl" value="{{{returnToUrl}}}"/>
       <input type="hidden" name="token" value="{{token}}"/>
 
     </form>
+
+    <script src="/common/js/owasp-password-strength-test.js" defer></script>
+    <script src="/common/js/text-encoder-lite.min.js" defer></script>
+    <script src="/common/js/solid.js" defer></script>
+
   {{else}}
 
   <a class="btn btn-primary" href="/account/password/reset{{#if returnToUrl}}?returnToUrl={{{returnToUrl}}}{{/if}}">