seamos mas explicitos sobre la pass

assets/zxcvbn-bootstrap-strength-meter.js

@@ -1,11 +1,12 @@
 //Requires zxcvbn.js and Bootstrap
 (function ($) {
-
 	function disableSend () {
 		$('#cambiapass').prop('disabled', true).addClass('disabled');
+                $('#pass-tip').text('Piensa algo mejor porfa :)').show();
 	}
 
 	function enableSend () {
+                $('#pass-tip').text('').hide();
 		$('#cambiapass').prop('disabled', false).removeClass('disabled');
 	}
 
@@ -15,7 +16,7 @@
 		var settings = $.extend({
 			passwordInput: '#Password',
 			userInputs: [],
-			ratings: ["Very weak", "Weak", "OK", "Strong", "Very strong"],
+			ratings: ["Very weak", "Weak", "meh", "Strong", "Very strong"],
 			//all progress bar classes removed before adding score specific css class
 			allProgressBarClasses: "progress-bar-danger progress-bar-warning progress-bar-success progress-bar-striped active",
 			//bootstrap css classes (0-4 corresponds with zxcvbn score)

tmpl/adduser.html

@@ -26,7 +26,9 @@
           </div>
           <div class="form-group">
             {{template "passwd-tips.html"}}
+
             <label for="password">Contraseña:</label>
+            <div id="pass-tip" style="color:red"></div>
             <input type="password" class="form-control {{if eq .Data "invalidPass"}}is-invalid{{end}}" id="password" name="password" placeholder="Contraseña">
                {{if eq .Data "invalidPass"}}<div class="invalid-feedback">Password invalida, usa solo caracteres ASCII.</div>{{end}}
 	    <div class="progress">

tmpl/index.html

@@ -19,8 +19,9 @@
             <input type="password" class="form-control" id="oldpass" name="oldpass" placeholder="Contraseña">
           </div>
           <div class="form-group">
-            <label for="password">Nueva contraseña:</label>
 	    {{template "passwd-tips.html"}}
+            <label for="password">Nueva contraseña:</label>
+            <div id="pass-tip" style="color:red"></div>
             <input type="password" class="form-control" id="password" name="password" placeholder="Contraseña">
 	    <div class="progress">
 		<div id="StrengthProgressBar" class="progress-bar"></div>

tmpl/load-password.js

@@ -3,7 +3,7 @@ window.onload = function() {
   $(document).ready(function() {
     $("#StrengthProgressBar").zxcvbnProgressBar({
                               passwordInput: "#password",
-			      ratings: ["Muy débil", "Débil", "OK", "Fuerte", "Muy buena!"]
+			      ratings: ["Muy débil", "Débil", "Casi buena!", "Fuerte", "Muy buena!"]
                               });
   });
 

tmpl/password.html

@@ -21,8 +21,9 @@
                {{if eq .Data "WrongOldpass"}}<div class="invalid-feedback">Contraseña incorrecta.</div>{{end}}
           </div>
           <div class="form-group">
-            <label for="password">Nueva contraseña:</label>
 	    {{template "passwd-tips.html"}}
+            <label for="password">Nueva contraseña:</label>
+            <div id="pass-tip" style="color:red"></div>
             <input type="password" class="form-control {{if eq .Data "SameOldPass" "invalidPass"}}is-invalid{{end}}" id="password" name="password" placeholder="Contraseña">
                {{ if eq .Data "SameOldPass"}}<div class="invalid-feedback">Cuando decíamos "cambiarla" nos referíamos a... cambiarla ;)</div>{{end}}
                {{if eq .Data "invalidPass"}}<div class="invalid-feedback">Password invalida, usa solo caracteres ASCII.</div>{{end}}