PageRenderTime 23ms CodeModel.GetById 31ms RepoModel.GetById 0ms app.codeStats 0ms

/web/core/modules/user/user.js

https://gitlab.com/mohamed_hussein/prodt
JavaScript | 229 lines | 190 code | 33 blank | 6 comment | 40 complexity | 029b7e364a90f35555d28bba6dca977a MD5 | raw file
  1. /**
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. **/
  7. (function ($, Drupal) {
  8. Drupal.user = {
  9. password: {
  10. css: {
  11. passwordParent: 'password-parent',
  12. passwordsMatch: 'ok',
  13. passwordsNotMatch: 'error',
  14. passwordWeak: 'is-weak',
  15. passwordFair: 'is-fair',
  16. passwordGood: 'is-good',
  17. passwordStrong: 'is-strong',
  18. widgetInitial: '',
  19. passwordEmpty: '',
  20. passwordFilled: '',
  21. confirmEmpty: '',
  22. confirmFilled: ''
  23. }
  24. }
  25. };
  26. Drupal.behaviors.password = {
  27. attach: function attach(context, settings) {
  28. var cssClasses = Drupal.user.password.css;
  29. once('password', 'input.js-password-field', context).forEach(function (value) {
  30. var $mainInput = $(value);
  31. var $mainInputParent = $mainInput.parent().addClass(cssClasses.passwordParent);
  32. var $passwordWidget = $mainInput.closest('.js-form-type-password-confirm');
  33. var $confirmInput = $passwordWidget.find('input.js-password-confirm');
  34. var $passwordConfirmMessage = $(Drupal.theme('passwordConfirmMessage', settings.password));
  35. var $passwordMatchStatus = $passwordConfirmMessage.find('[data-drupal-selector="password-match-status-text"]').first();
  36. if ($passwordMatchStatus.length === 0) {
  37. $passwordMatchStatus = $passwordConfirmMessage.find('span').first();
  38. Drupal.deprecationError({
  39. message: 'Returning <span> without data-drupal-selector="password-match-status-text" attribute is deprecated in drupal:9.1.0 and is removed from drupal:10.0.0. See https://www.drupal.org/node/3152101'
  40. });
  41. }
  42. var $confirmInputParent = $confirmInput.parent().addClass('confirm-parent').append($passwordConfirmMessage);
  43. var passwordStrengthBarClassesToRemove = [cssClasses.passwordWeak || '', cssClasses.passwordFair || '', cssClasses.passwordGood || '', cssClasses.passwordStrong || ''].join(' ').trim();
  44. var confirmTextWrapperClassesToRemove = [cssClasses.passwordsMatch || '', cssClasses.passwordsNotMatch || ''].join(' ').trim();
  45. var widgetClassesToRemove = [cssClasses.widgetInitial || '', cssClasses.passwordEmpty || '', cssClasses.passwordFilled || '', cssClasses.confirmEmpty || '', cssClasses.confirmFilled || ''].join(' ').trim();
  46. var password = {};
  47. if (settings.password.showStrengthIndicator) {
  48. var $passwordStrength = $(Drupal.theme('passwordStrength', settings.password));
  49. password.$strengthBar = $passwordStrength.find('[data-drupal-selector="password-strength-indicator"]').first();
  50. if (password.$strengthBar.length === 0) {
  51. password.$strengthBar = $passwordStrength.find('.js-password-strength__indicator').first();
  52. Drupal.deprecationError({
  53. message: 'The js-password-strength__indicator class is deprecated in drupal:9.1.0 and is removed from drupal:10.0.0. Replace js-password-strength__indicator with a data-drupal-selector="password-strength-indicator" attribute. See https://www.drupal.org/node/3152101'
  54. });
  55. }
  56. password.$strengthTextWrapper = $passwordStrength.find('[data-drupal-selector="password-strength-text"]').first();
  57. if (password.$strengthTextWrapper.length === 0) {
  58. password.$strengthTextWrapper = $passwordStrength.find('.js-password-strength__text').first();
  59. Drupal.deprecationError({
  60. message: 'The js-password-strength__text class is deprecated in drupal:9.1.0 and is removed from drupal:10.0.0. Replace js-password-strength__text with a data-drupal-selector="password-strength-text" attribute. See https://www.drupal.org/node/3152101'
  61. });
  62. }
  63. password.$suggestions = $(Drupal.theme('passwordSuggestions', settings.password, []));
  64. password.$suggestions.hide();
  65. $mainInputParent.append($passwordStrength);
  66. $confirmInputParent.after(password.$suggestions);
  67. }
  68. var addWidgetClasses = function addWidgetClasses() {
  69. $passwordWidget.addClass($mainInput.val() ? cssClasses.passwordFilled : cssClasses.passwordEmpty).addClass($confirmInput.val() ? cssClasses.confirmFilled : cssClasses.confirmEmpty);
  70. };
  71. var passwordCheckMatch = function passwordCheckMatch(confirmInputVal) {
  72. var passwordsAreMatching = $mainInput.val() === confirmInputVal;
  73. var confirmClass = passwordsAreMatching ? cssClasses.passwordsMatch : cssClasses.passwordsNotMatch;
  74. var confirmMessage = passwordsAreMatching ? settings.password.confirmSuccess : settings.password.confirmFailure;
  75. if (!$passwordMatchStatus.hasClass(confirmClass) || !$passwordMatchStatus.html() === confirmMessage) {
  76. if (confirmTextWrapperClassesToRemove) {
  77. $passwordMatchStatus.removeClass(confirmTextWrapperClassesToRemove);
  78. }
  79. $passwordMatchStatus.html(confirmMessage).addClass(confirmClass);
  80. }
  81. };
  82. var passwordCheck = function passwordCheck() {
  83. if (settings.password.showStrengthIndicator) {
  84. var result = Drupal.evaluatePasswordStrength($mainInput.val(), settings.password);
  85. var $currentPasswordSuggestions = $(Drupal.theme('passwordSuggestions', settings.password, result.messageTips));
  86. if (password.$suggestions.html() !== $currentPasswordSuggestions.html()) {
  87. password.$suggestions.replaceWith($currentPasswordSuggestions);
  88. password.$suggestions = $currentPasswordSuggestions.toggle(result.strength !== 100);
  89. }
  90. if (passwordStrengthBarClassesToRemove) {
  91. password.$strengthBar.removeClass(passwordStrengthBarClassesToRemove);
  92. }
  93. password.$strengthBar.css('width', "".concat(result.strength, "%")).addClass(result.indicatorClass);
  94. password.$strengthTextWrapper.html(result.indicatorText);
  95. }
  96. if ($confirmInput.val()) {
  97. passwordCheckMatch($confirmInput.val());
  98. $passwordConfirmMessage.css({
  99. visibility: 'visible'
  100. });
  101. } else {
  102. $passwordConfirmMessage.css({
  103. visibility: 'hidden'
  104. });
  105. }
  106. if (widgetClassesToRemove) {
  107. $passwordWidget.removeClass(widgetClassesToRemove);
  108. addWidgetClasses();
  109. }
  110. };
  111. if (widgetClassesToRemove) {
  112. addWidgetClasses();
  113. }
  114. $mainInput.on('input', passwordCheck);
  115. $confirmInput.on('input', passwordCheck);
  116. });
  117. }
  118. };
  119. Drupal.evaluatePasswordStrength = function (password, passwordSettings) {
  120. password = password.trim();
  121. var indicatorText;
  122. var indicatorClass;
  123. var weaknesses = 0;
  124. var strength = 100;
  125. var msg = [];
  126. var hasLowercase = /[a-z]/.test(password);
  127. var hasUppercase = /[A-Z]/.test(password);
  128. var hasNumbers = /[0-9]/.test(password);
  129. var hasPunctuation = /[^a-zA-Z0-9]/.test(password);
  130. var $usernameBox = $('input.username');
  131. var username = $usernameBox.length > 0 ? $usernameBox.val() : passwordSettings.username;
  132. if (password.length < 12) {
  133. msg.push(passwordSettings.tooShort);
  134. strength -= (12 - password.length) * 5 + 30;
  135. }
  136. if (!hasLowercase) {
  137. msg.push(passwordSettings.addLowerCase);
  138. weaknesses += 1;
  139. }
  140. if (!hasUppercase) {
  141. msg.push(passwordSettings.addUpperCase);
  142. weaknesses += 1;
  143. }
  144. if (!hasNumbers) {
  145. msg.push(passwordSettings.addNumbers);
  146. weaknesses += 1;
  147. }
  148. if (!hasPunctuation) {
  149. msg.push(passwordSettings.addPunctuation);
  150. weaknesses += 1;
  151. }
  152. switch (weaknesses) {
  153. case 1:
  154. strength -= 12.5;
  155. break;
  156. case 2:
  157. strength -= 25;
  158. break;
  159. case 3:
  160. case 4:
  161. strength -= 40;
  162. break;
  163. }
  164. if (password !== '' && password.toLowerCase() === username.toLowerCase()) {
  165. msg.push(passwordSettings.sameAsUsername);
  166. strength = 5;
  167. }
  168. var cssClasses = Drupal.user.password.css;
  169. if (strength < 60) {
  170. indicatorText = passwordSettings.weak;
  171. indicatorClass = cssClasses.passwordWeak;
  172. } else if (strength < 70) {
  173. indicatorText = passwordSettings.fair;
  174. indicatorClass = cssClasses.passwordFair;
  175. } else if (strength < 80) {
  176. indicatorText = passwordSettings.good;
  177. indicatorClass = cssClasses.passwordGood;
  178. } else if (strength <= 100) {
  179. indicatorText = passwordSettings.strong;
  180. indicatorClass = cssClasses.passwordStrong;
  181. }
  182. var messageTips = msg;
  183. msg = "".concat(passwordSettings.hasWeaknesses, "<ul><li>").concat(msg.join('</li><li>'), "</li></ul>");
  184. return Drupal.deprecatedProperty({
  185. target: {
  186. strength: strength,
  187. message: msg,
  188. indicatorText: indicatorText,
  189. indicatorClass: indicatorClass,
  190. messageTips: messageTips
  191. },
  192. deprecatedProperty: 'message',
  193. message: 'The message property is deprecated in drupal:9.1.0 and is removed from drupal:10.0.0. The markup should be constructed using messageTips property and Drupal.theme.passwordSuggestions. See https://www.drupal.org/node/3130352'
  194. });
  195. };
  196. })(jQuery, Drupal);