test project

package.json

@@ -48,5 +48,10 @@
   "license": "UNLICENSED",
   "private": true,
   "authors": "Anid Monsur <[email protected]>",
-  "repository": "bookbottles/showcase"
+  "repository": "bookbottles/showcase",
+  "dependencies": {
+    "angular-validation-match": "^1.9.0",
+    "angularfire": "^2.0.2",
+    "firebase": "^3.4.1"
+  }
 }

src/app/login/controllers/LoginCtrl.js

@@ -0,0 +1,30 @@
+'use strict';
+
+module.exports = LoginCtrl;
+
+/**
+ * @ngInject
+ */
+function LoginCtrl($state, UserService) {
+    var vm = this;
+
+    vm.login = function(form) {
+        vm.submitted = true;
+
+        if (form.$valid) {
+            UserService.login({
+                    name: vm.user.name,
+                    password: vm.user.password
+                })
+                .then(function(){
+                    // Account validated, redirect to dashboard
+                    $state.go('dashboard');
+                })
+                .catch(function(err){
+                    vm.errors = {};
+
+                    vm.errors.other = err.message;
+                });
+        }
+    };
+}

src/app/login/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+module.exports = require('angular')
+    .module('bookbottles.showcase.login', [
+        require('angular-ui-router')
+    ])
+    .config(require('./route'))
+    .controller('LoginCtrl', require('./controllers/LoginCtrl'))
+    .name;

src/app/login/route.js

@@ -0,0 +1,16 @@
+'use strict';
+
+module.exports = route;
+
+/**
+ * @ngInject
+ */
+function route($stateProvider) {
+    // Configure states here
+    $stateProvider
+        .state('login', {
+            url: '/login',
+            template: require('./templates/login.tpl.jade'),
+            controller: 'LoginCtrl as vm'
+        });
+}

src/app/login/templates/login.tpl.jade

@@ -0,0 +1,26 @@
+.container
+    .row
+        .col-sm-12
+            h1 Login
+            p
+                | Default Test User account is 
+                code bookbottles
+                |  / 
+                code showcase
+        .col-sm-12
+            form.form(name='form', ng-submit='vm.login(form)', novalidate='')
+                .form-group
+                    label Name
+                    input.form-control(type='name', name='name', ng-model='vm.user.name', required='')
+                .form-group
+                    label Password
+                    input.form-control(type='password', name='password', ng-model='vm.user.password', required='')
+                .form-group.has-error
+                    p.help-block(ng-show='form.name.$error.required && form.password.$error.required && vm.submitted')
+                        | Please enter your name and password.
+                    p.help-block(ng-show='vm.submitted') {{ vm.errors.other }}
+                div
+                    button.btn.btn-inverse.btn-lg.btn-login(type='submit')
+                        | Login
+                    a.btn.btn-default.btn-lg.btn-register(ui-sref='signup')
+                        | Register

src/app/showcase/auth.js

@@ -0,0 +1,25 @@
+'use strict';
+
+module.exports = auth;
+
+/**
+ * @ngInject
+ */
+function auth($rootScope, $state, UserService) {
+    // Redirect to login if route requires auth and the user is not logged in, or doesn't have required role
+    $rootScope.$on('$stateChangeStart', function(event, next) {
+        if (!next.authenticate) {
+            return;
+        }
+
+        UserService.isLoggedIn()
+            .then(function(is) {
+                if (is) {
+                    return;
+                }
+
+                event.preventDefault();
+                $state.go('login');
+            });
+    });
+}

src/app/showcase/controllers/DashboardCtrl.js

@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = DashboardCtrl;
+
+/**
+ * @ngInject
+ */
+function DashboardCtrl($state, $scope, DataService) {
+    var vm = this;
+
+    vm.data = [];
+
+    DataService.fetchData($scope);
+
+    $scope.$on('DATA_LOADED', function(event, data){
+    	$scope.$apply(function(){
+    		vm.data = data;
+    	});
+    });
+}

src/app/showcase/directives/DashboardDirective.js

@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = DashboardDirective;
+
+/**
+ * @ngInject
+ */
+function DashboardDirective() {
+    return {
+        template: require('./DashboardDirective.tpl.jade'),
+        restrict: 'E',
+        scope: {
+            data: '='
+        },
+        controller: function(){
+        },
+        controllerAs: 'ctrl',
+        bindToController: true
+    };
+}

src/app/showcase/directives/DashboardDirective.tpl.jade

@@ -0,0 +1,2 @@
+div(ng-repeat="item in ctrl.data")
+	p {{item.headline}}