assets.preview.js.password-validation-v2.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gravitee-am-management-api-rest Show documentation
The newest version!
/*
 * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
// this script need passwordSettings to be declared before including this script

//Form elements
const passwordInput = document.getElementById("password");
const confirmPasswordInput = document.getElementById("confirm-password");
const firstNameInput = document.getElementById("firstName");
const lastNameInput = document.getElementById("lastName");
const emailInput = document.getElementById("email");
const submitBtn = document.getElementById("submitBtn");
const usernameInput = document.getElementById("username");

//Validation elements
const length = document.getElementById("minLength");
const number = document.getElementById("includeNumbers");
const specialChar = document.getElementById("includeSpecialChar");
const mixedCase = document.getElementById("mixedCase");
const maxConsecutiveLetters = document.getElementById("maxConsecutiveLetters");
const excludeUserProfileInfoInPassword = document.getElementById("excludeUserProfileInfoInPassword");
const matchPasswords = document.getElementById("matchPasswords");
const excludePasswordsInHistory = document.getElementById("excludePasswordsInHistory");

function validatePassword() {
  if (passwordSettings == null) {
    return true;
  }
  //validate min length
  let isMinLengthOk = true;
  const minLength = passwordSettings.minLength;
  if (minLength != null) {
    isMinLengthOk = passwordInput.value.length >= minLength;
    validateMessageElement(length, isMinLengthOk);
  }

  //validate include numbers
  let isIncludeNumbersOk = true;
  if (passwordSettings.includeNumbers) {
    const numbersPattern = /[0-9]/g;
    isIncludeNumbersOk = passwordInput.value.match(numbersPattern);
    validateMessageElement(number, isIncludeNumbersOk);
  }

  //validate include special characters
  let isIncludeSpecialCharactersOk = true;
  if (passwordSettings.includeSpecialCharacters) {
    const specialCharPattern = /[^a-zA-Z0-9]/g;
    isIncludeSpecialCharactersOk = passwordInput.value.match(specialCharPattern);
    validateMessageElement(specialChar, isIncludeSpecialCharactersOk);
  }

  //validate letters in mixed case
  let isLettersInMixedCaseOk = true;
  if (passwordSettings.lettersInMixedCase) {
    const upperCharPattern = /[A-Z]/g;
    const lowerCharPattern = /[a-z]/g;
    isLettersInMixedCaseOk = passwordInput.value.match(upperCharPattern) && passwordInput.value.match(lowerCharPattern);
    validateMessageElement(mixedCase, isLettersInMixedCaseOk);
  }

  //validate max consecutive letters
  let isMaxConsecutiveLettersOk = true;
  if (passwordSettings.maxConsecutiveLetters != null && passwordSettings.maxConsecutiveLetters > 0) {
    isMaxConsecutiveLettersOk = !isOverMaxConsecutiveLetters(passwordInput.value, passwordSettings.maxConsecutiveLetters);
    validateMessageElement(maxConsecutiveLetters, isMaxConsecutiveLettersOk);
  }

  //validate user profile in password
  let isExcludeUserProfileInfoInPasswordOk = true;
  if (passwordSettings.excludeUserProfileInfoInPassword && firstNameInput && lastNameInput && emailInput) {
    const lowerPassword = passwordInput.value ? passwordInput.value.toLowerCase() : passwordInput.value;
    isExcludeUserProfileInfoInPasswordOk = (
      (!firstNameInput.value || !lowerPassword.includes(firstNameInput.value.toLowerCase())) &&
      (!lastNameInput.value || !lowerPassword.includes(lastNameInput.value.toLowerCase())) &&
      (!emailInput.value || !lowerPassword.includes(emailInput.value.toLowerCase()))
    )
    validateMessageElement(excludeUserProfileInfoInPassword, isExcludeUserProfileInfoInPasswordOk);
  }
  return isMinLengthOk && isIncludeNumbersOk && isIncludeSpecialCharactersOk && isLettersInMixedCaseOk && isMaxConsecutiveLettersOk && isExcludeUserProfileInfoInPasswordOk;
}

const checkPasswordHistory = () => {
  let passwordPromise = Promise.resolve();
  if (passwordSettings.passwordHistoryEnabled) {
    const token = document.getElementById("token").getAttribute("value");
    const csrfToken = document.getElementById("csrfToken").getAttribute("value");
    const formData = new FormData();
    formData.append('token', token);
    formData.append('csrfToken', csrfToken);
    formData.append('password', passwordInput.value);
    passwordPromise = fetch(passwordHistory, {
      method: 'POST',
      body: formData
    });
  }
  return passwordPromise;
};

/**
 *
 * @param el message element to change style
 * @param isValid true -> valid style, false -> invalid style
 */
function validateMessageElement(el, isValid) {
  if (isValid) {
    el.classList.remove("invalid");
    el.classList.add("valid");
  } else {
    el.classList.remove("valid");
    el.classList.add("invalid");
  }
}

/**
 * Test if any character is repeated consecutively more than the giver max number
 *
 * @param str
 * @param max
 * @returns {boolean}
 * str="aaabb", max=3 -> true
 * str="aaabb", max=2 -> false
 */
function isOverMaxConsecutiveLetters(str, max) {
  const len = str.length;
  for (let i = 0; i < len; i++) {
    let cur_count = 1;
    for (let j = i + 1; j < len; j++) {
      if (str.charAt(i) !== str.charAt(j)) {
        break;
      }
      cur_count++;
    }
    if (cur_count > max) {
      return true;
    }
  }
  return false;
}

function isInputEmpty() {
  return firstNameInput && firstNameInput.value === ''
    || lastNameInput && lastNameInput.value === ''
    || emailInput && emailInput.value === ''
    || passwordInput && passwordInput.value === ''
    || usernameInput && usernameInput.value === '';
}

function disableSubmitButton(){
  submitBtn.disabled = true;
  submitBtn.classList.add("button-disabled");
}

function enableSubmitButton(){
  checkPasswordHistory().then(response => {
    const passwordNotInHistory = response.ok;
    validateMessageElement(excludePasswordsInHistory, passwordNotInHistory);
    if (passwordNotInHistory) {
      submitBtn.disabled = false;
      submitBtn.classList.remove("button-disabled");
    }
  });
}

function toggleSubmit(element) {
  if(confirmPasswordInput){
    if(confirmPasswordInput.value.length === 0 || passwordInput.value !== confirmPasswordInput.value) {
      validatePassword();
      validateMessageElement(matchPasswords, false);
      disableSubmitButton();
      return;
    }
    validateMessageElement(matchPasswords, true);
  }

  if (element === passwordInput && !validatePassword()) {
    disableSubmitButton();
  } else if (element === passwordInput && validatePassword()) {
    isInputEmpty() ? disableSubmitButton() : enableSubmitButton();
  } else {
    if (isInputEmpty()) {
      disableSubmitButton();
    } else {
      validatePassword() ? enableSubmitButton() : disableSubmitButton();
    }
  }
}

if (firstNameInput) {
  firstNameInput.addEventListener("input", function () {
    toggleSubmit(this);
  });
}
if (lastNameInput) {
  lastNameInput.addEventListener("input", function () {
    toggleSubmit(this);
  });
}

if (emailInput) {
  emailInput.addEventListener("input", function () {
    toggleSubmit(this);
  });
}

if (passwordInput) {
  passwordInput.addEventListener('input', function () {
    toggleSubmit(this);
  });
}

if (usernameInput) {
  usernameInput.addEventListener('input', function () {
    toggleSubmit(this);
  });
}

if (confirmPasswordInput) {
  confirmPasswordInput.addEventListener('input', function () {
    toggleSubmit(this);
  });
}