Animated progression bar, better colors.

[platal.git] / htdocs / javascript / xorg.js

diff --git a/htdocs/javascript/xorg.js b/htdocs/javascript/xorg.js
index 84ace48..c25725f 100644 (file)
--- a/htdocs/javascript/xorg.js
+++ b/htdocs/javascript/xorg.js
@@ -323,12 +323,30 @@ function checkPassword(box) {
     } else if (prop < 0) {
         prop = 0;
     }
-    ok = (prop >= 60);
-    $("#passwords_measure").width(prop + "%").css("background-color", ok ? "green" : "red");
+    if (prop >= 60) {
+        if (prop == 100) {
+            color = "#47f";
+        } else {
+            color = "#4f4";
+        }
+        ok = true;
+    } else if (prop >= 40) {
+        color = "#ff4";
+        ok = false;
+    } else {
+        color = "#f20";
+        ok = false;
+    }
+    $("#passwords_measure")
+        .stop()
+        .animate({ width: prop + "%",
+                   backgroundColor: color
+                 }, 750);
+    var submitButton = $(":submit[@name='" + passwordprompt_submit + "']");
     if (ok) {
-        $(":submit[@name='" + passwordprompt_submit + "']").removeAttr("disabled");
+        submitButton.removeAttr("disabled");
     } else {
-        $(":submit[@name='" + passwordprompt_submit + "']").attr("disabled", "disabled");
+        submitButton.attr("disabled", "disabled");
     }
 }