signin: add routes, form, controller, no nav

ga-wdi-exercises · Dec 17, 2015 · cc7abc0 · cc7abc0
1 parent 0ac31e5
commit cc7abc0
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -6,13 +6,16 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-resource.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-cookie/4.0.9/angular-cookie.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ng-token-auth/0.0.28/ng-token-auth.min.js"></script>
 
     <script src="js/app.js"></script>
     <script src="js/grumbles/grumbles.js"></script>
     <script src="js/grumbles/index.controller.js"></script>
     <script src="js/grumbles/grumble.factory.js"></script>
     <script src="js/grumbles/show.controller.js"></script>
     <script src="js/grumbles/form.directive.js"></script>
+    <script src="js/users/sessions.controller.js"></script>
   </head>
   <body>
     <h1><a data-ui-sref="grumbleIndex">Grumblr</a></h1>

diff --git a/js/app.js b/js/app.js
@@ -4,13 +4,24 @@
   angular
   .module("grumblr", [
     "ui.router",
+    "ng-token-auth",
     "grumbles"
   ])
   .config([
     "$stateProvider",
     RouterFunction
+  ])
+  .config([
+    "$authProvider",
+    AuthConfigFunction
   ]);
 
+  function AuthConfigFunction($authprovider) {
+    $authprovider.configure({
+      apiUrl: "http://localhost:3000"
+    });
+  }
+
   function RouterFunction($stateProvider){
     $stateProvider
     .state("grumbleIndex", {
@@ -24,6 +35,12 @@
       templateUrl: "js/grumbles/show.html",
       controller: "GrumbleShowController",
       controllerAs: "GrumbleShowViewModel"
+    })
+    .state("signin", {
+      url: "/signin",
+      templateUrl: "js/users/signin.html",
+      controller: "SessionsController",
+      controllerAs: "SessionsViewModel"
     });
   }
 }());
diff --git a/js/users/sessions.controller.js b/js/users/sessions.controller.js
@@ -0,0 +1,18 @@
+(function(){
+  angular
+    .module("grumblr")
+    .controller("SessionsController", function($auth){
+      this.signinForm = {};
+
+      this.signin = function() {
+        $auth.submitLogin(this.signinForm)
+        .then(function(resp) {
+          console.log("Signin success:", resp);
+        })
+        .catch(function(resp) {
+          console.log("Signin failure:", resp);
+        });
+      };
+
+    });
+})();
diff --git a/js/users/signin.html b/js/users/signin.html
@@ -0,0 +1,11 @@
+<form ng-submit="SessionsViewModel.signin()">
+  <div>
+    <label>email</label>
+    <input type="email" name="email" ng-model="SessionsViewModel.signinForm.email" required="required"/>
+  </div>
+  <div>
+    <label>password</label>
+    <input type="password" name="password" ng-model="SessionsViewModel.signinForm.password" required="required"/>
+  </div>
+  <button type="submit">Sign In</button>
+</form>