changeset 54:1199b970c68b

present 'Log In' when user isn't authenticated
author Atul Varma <avarma@mozilla.com>
date Sat, 24 Apr 2010 23:49:32 -0700
parents aa9b33b10820
children cd51aebfbf68
files js/modules/app.js main.html
diffstat 2 files changed, 28 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/js/modules/app.js	Sat Apr 24 23:25:41 2010 -0700
+++ b/js/modules/app.js	Sat Apr 24 23:49:32 2010 -0700
@@ -20,6 +20,9 @@
   };
 
   exports.set = function set(newUsername, newPassword) {
+    console.trace();
+    console.log("set", newUsername, newPassword,
+                username, password);
     if (newUsername == username && newPassword == password)
       return;
 
@@ -66,18 +69,31 @@
 
   require("app/login").whenChanged(
     function changeUI(user) {
+      var show = {
+        "no-login": false,
+        "login": false,
+        "auth-login": false,
+        "no-auth": false
+      };
+
       if (user.isLoggedIn) {
-        $(".requires-no-login").hide();
-        $(".requires-login").show();
-        if (user.isAuthenticated) {
-          $(".requires-auth-login").show();
-        } else {
-          $(".requires-auth-login").hide();
-        }
+        show["login"] = true;
+        if (user.isAuthenticated)
+          show["auth-login"] = true;
+        else
+          show["no-auth"] = true;
       } else {
-        $(".requires-no-login").show();
-        $(".requires-login").hide();
-        $(".requires-auth-login").hide();
+        show["no-login"] = true;
+        show["no-auth"] = true;
+      }
+
+      console.log(JSON.stringify(show));
+      for (classSuffix in show) {
+        var query = $(".requires-" + classSuffix);
+        if (show[classSuffix])
+          query.show();
+        else
+          query.hide();
       }
     });
 
--- a/main.html	Sat Apr 24 23:25:41 2010 -0700
+++ b/main.html	Sat Apr 24 23:49:32 2010 -0700
@@ -10,7 +10,7 @@
   <h1 class="title">Bugzilla Dashboard</h1>
   <ul class="menu hide-while-loading">
     <li data-dialog="login"
-       class="requires-no-login"><span>Log In</span></li>
+        class="requires-no-login requires-no-auth"><span>Log In</span></li>
     <li data-dialog="login"
         class="requires-login"><span>Change User</span></li>
     <li data-dialog="find-user"
@@ -42,7 +42,7 @@
     </tr>
     <tr>
       <td>Your Password</td>
-      <td><input type="password" class"password" id="login-password"/></td>
+      <td><input type="password" class="password" id="login-password"/></td>
     </tr>
   </table>
   <br/>