The login processing is starting to take shape. Login_Form is gone. The html for the login form is retrieve via an ajax call when the user clicks on login. Can't login with a valid id yet, but you certainly get error messages when things are wrong :-)

1 files changed, 36 insertions, 1 deletions

diff --git a/themes/default/js/login.js b/themes/default/js/login.js
index a598f39a..6c017a47 100644
--- a/themes/default/js/login.js
+++ b/themes/default/js/login.js
@@ -1,11 +1,46 @@
+$(document).ready(function() {
+  $("#gLoginForm").submit(function() {
+    process_login();
+    return false;
+  });
+});
+
 function show_login() {
   $("#gLoginLink").css({display: "none"});
-  $("#gLoginForm").css({display: "block"});  
   $("#gLoginClose").css({display: "inline"});
+  var url = $("#gLoginForm").attr("formSrc");
+  $.get(url, null, function(data, textStatus) {
+    $("#gLoginForm").html(data);
+    $("#gLoginForm").css({display: "block"});  
+  });
 }
 
 function close_login() {
   $("#gLoginLink").css({display: "inline"});  
   $("#gLoginForm").css({display: "none"});  
+  $("#gLoginForm").html("");  
   $("#gLoginClose").css({display: "none"});
+  $("input#gUsername").val("");
+  $("input#gPassword").val("");
+}
+
+function process_login() {
+  var username = $("input#gUsername").val();
+  var password = $("input#gPassword").val();
+  var data = 'username=' + username + '&password=' +  password;
+  $.ajax({
+    url: $("#gLogin").attr("action"),
+    type: "POST",
+    data: data,
+    dataType: "json",
+    error: function(XMLHttpRequest, textStatus, errorThrown) {
+      alert("textStatus: " + textStatus + "\nerrorThrown: " + errorThrown);
+    },
+    success: function(data, textStatus) {
+      if (data.error_message != "") {
+        $("#gLoginMessage").html(data.error_message);
+        $("#gLoginMessage").css({display: "block"});
+      }
+    }
+  });
 }
\ No newline at end of file