Working login form

app/assets/javascripts/darkswarm/controllers/login_sidebar_controller.js.coffee

@@ -1,3 +1,14 @@
-window.LoginSidebarCtrl = Darkswarm.controller "LoginSidebarCtrl", ($scope) ->
+window.LoginSidebarCtrl = Darkswarm.controller "LoginSidebarCtrl", ($scope, $http) ->
+  $scope.spree_user = {
+    remember_me: 0
+  }
+
   $scope.active = ->
     $scope.active_sidebar == '/login'
+
+  $scope.submit = ->
+    $http.post("/user/spree_user/sign_in", {spree_user: $scope.spree_user}).success (data)->
+      location.href = location.origin + location.pathname  # Strips out hash fragments
+    .error (data) ->
+      $scope.errors = data.message
+

app/assets/javascripts/darkswarm/darkswarm.js.coffee

@@ -1,2 +1,5 @@
 window.Darkswarm = angular.module("Darkswarm", ["ngResource", "filters"]).config ($httpProvider) ->
   $httpProvider.defaults.headers.post['X-CSRF-Token'] = $('meta[name="csrf-token"]').attr('content') 
+  $httpProvider.defaults.headers['common']['X-Requested-With'] = 'XMLHttpRequest' 
+  $httpProvider.defaults.headers.common.Accept = "application/json, text/javascript, */*"
+

app/views/shared/_login_panel.html.haml

@@ -1,6 +1,38 @@
 .login-panel
   %a{href: "#"} Close
   #login-content{"ng-controller" => "LoginSidebarCtrl", "ng-show" => "active()"}
-    = render "home/login"
+    %h2 Login
+    %form{"ng-submit" => "submit()"}
+      .alert-box.alert{"ng-show" => "errors != null"}
+        {{ errors }}
+      .row
+        .large-12.columns
+          %label{for: "email"} Email
+          %input.title.input-text{name: "email", 
+            type: "email",
+            tabindex: 1,
+            "ng-model" => "spree_user.email"}
+      .row
+        .large-12.columns
+          %label{for: "password"} Password
+          %input.title.input-text{name: "password", 
+            type: "password",
+            autocomplete: "off",
+            tabindex: 2,
+            "ng-model" => "spree_user.password"}
+      .row
+        .large-12.columns
+          %label{for: "remember_me"} Remember Me
+          %input{name: "remember_me", 
+          type: "checkbox", 
+          value: "1",
+          "ng-model" => "spree_user.remember_me"}
+      .row
+        .large-12.columns
+          %input.button.primary{name: "commit", 
+            tabindex: "3", 
+            type: "submit", 
+            value: "Login"}
+
   #sign-up-content{"ng-controller" => "SignupSidebarCtrl", "ng-show" => "active()"}
     = render "home/signup"