06/04 Optimize app

templates/change_password.html

@@ -13,7 +13,11 @@
       </div>
       <div class="form-group">
         <label class="form-label">New Password</label>
-        <input class="form-control" type="password" name="new_password" required>
+        <input class="form-control" type="password" name="new_password" id="new-password" required>
+        <div class="pw-strength-wrap">
+          <div class="pw-strength-bar"><div class="pw-strength-fill" id="pw-fill"></div></div>
+          <small class="pw-strength-label" id="pw-label"></small>
+        </div>
         <small class="text-muted">Min 8 chars, uppercase, number, special character.</small>
       </div>
       <div class="form-group">
@@ -24,4 +28,5 @@
     </form>
   </div>
 </div>
+<script>attachPasswordStrength('new-password', 'pw-fill', 'pw-label');</script>
 {% endblock %}