LT-97: - Remove zxcvbn package because of version conflict,

- Add passwordOptions in ActiveEntry.configure
- Toggle showPasswordStrengthIndicator to show password strength meter ui, toggle requireRegexValidation to set password regex for validation or requireStrongPasswords to create strong passwords by using zxcvbn.
- Sign in/ sing up when enter key is pressed

Packages/active-entry/components/changePassword/changePassword.html

@@ -0,0 +1,40 @@
+<template name="changePassword">
+  <div id="changePassword" class="page entryPage" style="{{getOpacityWithCorner}}">
+    <div class="content-scrollable">
+      <div class="wrapper-auth">
+        <div class="entryLogo" style="background-image: url('{{getLogoUrl}}')"></div>
+
+        <h1 id="changePasswordPageTitle" class="title-auth">Change Password</h1>
+        <div id="changePasswordPageMessage" class="subtitle-auth" style="{{getChangePasswordMessageColor}}">{{getChangePasswordMessage}}</div>
+
+        <form>
+          <div class="input-symbol">
+            <input id="changePasswordPageOldPasswordInput" type="password" name="oldPassword" placeholder="Old Password" style="{{getPasswordStyling}}" />
+            <span class="fa fa-lock" title="Password"></span>
+          </div>
+          <br>
+          <br>
+
+          <div class="input-symbol">
+            <input id="changePasswordPagePasswordInput" type="password" name="password" placeholder="Password" style="{{getPasswordStyling}}" />
+            <span class="fa fa-lock" title="Password"></span>
+          </div>
+          <br>
+          <br>
+
+          <div class="input-symbol">
+            <input id="changePasswordPagePasswordConfirmInput" type="password" name="confirm" placeholder="Confirm Password" style="{{getConfirmPasswordStyling}}" />
+            <span class="fa fa-lock" title="Confirm Password"></span>
+          </div>
+
+          <br><br>
+
+          <button id="changePasswordButton" type="submit" class="btn-gray btn-main btn-large" style="{{getButtonColor}}">Change Password</button>
+          <br><br>
+
+        </form>
+      </div>
+
+    </div>
+  </div>
+</template>

Packages/active-entry/components/changePassword/changePassword.js

@@ -0,0 +1,84 @@
+//==========================================
+
+Router.route('/changePassword', {
+  name: "changePassword",
+  template: "changePassword"
+});
+
+
+Template.changePassword.helpers({
+  getChangePasswordMessageColor: function (){
+    if (ActiveEntry.errorMessages.get('changePasswordError')) {
+      return "color: #a94442; background-color: #f2dede; border-color: #ebccd1;"
+    } else {
+      return "color: black;"
+    }
+  },
+  getChangePasswordMessage: function (){
+    if (ActiveEntry.errorMessages.get('changePasswordError')) {
+      return ActiveEntry.errorMessages.get('changePasswordError');
+    } else {
+      return Session.get('defaultSignInMessage');
+    }
+  },
+  getPasswordStyling: function () {
+    if (ActiveEntry.errorMessages.equals('password', "Password is required")) {
+      return "border: 1px solid #a94442";
+    } else if (ActiveEntry.errorMessages.equals('password', "Password is weak")) {
+      return "border: 1px solid #f2dede";
+    } else if (ActiveEntry.errorMessages.equals('password', "Password present")) {
+      return "border: 1px solid green";
+    } else {
+      return "border: 1px solid gray";
+    }
+  },
+  getConfirmPasswordStyling: function () {
+    if (ActiveEntry.errorMessages.equals('confirm', "Password is required")) {
+      return "border: 1px solid #a94442";
+    } else if (ActiveEntry.errorMessages.equals('confirm', "Passwords do not match")) {
+      return "border: 1px solid #a94442";
+    } else if (ActiveEntry.errorMessages.equals('confirm', "Password is weak")) {
+      return "border: 1px solid #f2dede";
+    } else if (ActiveEntry.errorMessages.equals('confirm', "Passwords match")) {
+      return "border: 1px solid green";
+    } else {
+      return "border: 1px solid gray";
+    }
+  }
+});
+
+Template.changePassword.events({
+  'change, keyup #changePasswordPagePasswordInput': function (event, template) {
+    var password = $('[name="password"]').val();
+    var confirmPassword = $('[name="confirm"]').val();
+
+    ActiveEntry.verifyPassword(password);
+    ActiveEntry.errorMessages.set('changePasswordError', null);
+  },
+  'change, keyup #changePasswordPagePasswordConfirmInput': function (event, template) {
+    var password = $('[name="password"]').val();
+    var confirmPassword = $('[name="confirm"]').val();
+
+    ActiveEntry.verifyConfirmPassword(password, confirmPassword);
+    ActiveEntry.errorMessages.set('changePasswordError', null);
+  },
+  "submit": function (event, template) {
+    event.preventDefault();
+
+    var oldPassword = $('[name="oldPassword"]').val();
+
+    var password = $('[name="password"]').val();
+    var confirmPassword = $('[name="confirm"]').val();
+
+    ActiveEntry.verifyConfirmPassword(password, confirmPassword);
+    ActiveEntry.errorMessages.set('changePasswordError', null);
+
+    Accounts.changePassword(oldPassword, confirmPassword, function(error) {
+      if (error) {
+        console.warn(error);
+        return;
+      }
+      console.log('Password changed!');
+    });
+  }
+});

Packages/active-entry/components/changePassword/changePassword.less

@@ -0,0 +1,5 @@
+#changePassword{
+  input{
+    padding-left: 40px;
+  }
+}