UI-243: Added a control to display the password strength on a password input.

submodules/users/users.js

@@ -524,6 +524,8 @@ define(function(require){
 							}
 						});
 
+						monster.ui.showPasswordStrength(userTemplate.find('#password'));
+
 						userTemplate.find('#create_user').on('click', function() {
 							if(monster.ui.valid(userTemplate.find('#form_user_creation'))) {
 								var dataForm = monster.ui.getFormData('form_user_creation'),
@@ -775,6 +777,8 @@ define(function(require){
 				var passwordTemplate = $(monster.template(self, 'users-changePassword', currentUser)),
 					form = passwordTemplate.find('#form_new_username');
 
+				monster.ui.showPasswordStrength(passwordTemplate.find('#inputPassword'));
+
 				passwordTemplate.find('.save-new-username').on('click', function() {
 					var formData = monster.ui.getFormData('form_new_username'),
 						userToSave = $.extend(true, {}, currentUser, formData);

views/users-changePassword.html

@@ -10,11 +10,10 @@
 			<div class="control-group">
 				<label class="control-label" for="inputPassword">{{ i18n.users.dialogChangePassword.password }}</label>
 				<div class="controls">
-					<input required minlength="8" name="password" type="password" id="inputPassword" placeholder="{{ i18n.users.dialogChangePassword.passwordPlaceholder }}">
+					<input name="password" type="password" id="inputPassword" placeholder="{{ i18n.users.dialogChangePassword.passwordPlaceholder }}">
 				</div>
 			</div>
 		</form>
-
 		{{#monsterText}}
 			{{i18n.users.dialogChangePassword.help}}
 		{{/monsterText}}

views/users-creation.html

@@ -19,7 +19,7 @@
 		<div class="control-group">
 			<label class="control-label" for="password"><i class="icon-unlock"></i></label>
 			<div class="controls">
-				<input required minlength="8" type="password" name="user.password" id="password" placeholder="{{i18n.users.dialogCreationUser.password}}"/>
+				<input type="password" name="user.password" id="password" placeholder="{{i18n.users.dialogCreationUser.password}}"/>
 			</div>
 		</div>
 	</div>