codefellows-sea-d45-javascript · dabellator · Nov 24, 2015 · Nov 25, 2015 · Nov 30, 2015 · Dec 2, 2015
diff --git a/jordan_bundy/.gitignore b/jordan_bundy/.gitignore
@@ -1,6 +1,10 @@
 .
 ..
 **/.DS_Store
+../.DS_Store
 **/*.swp
 node_modules
 /db
+/build
+**/test_bundle.js
+**/*bundle.js
diff --git a/jordan_bundy/app/index.html b/jordan_bundy/app/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="application.css">  
+</head>
+<body class="center-column" data-ng-app="CaffeineApp">
+  <main data-ng-view></main>
+  <script src="bundle.js"></script>
+</body>
+</html>
+
diff --git a/jordan_bundy/app/js/developers/controllers/developers_controller.js b/jordan_bundy/app/js/developers/controllers/developers_controller.js
@@ -0,0 +1,103 @@
+var angular = window.angular;
+module.exports = function(app) {
+  app.controller('DevelopersController', ['$scope', '$http', 'crudService', '$timeout', function($scope, $http, crudService, $timeout) {
+    $scope.errors = [];
+    $scope.developers = [];
+    $scope.defaults = {language: 'javascript'};
+    $scope.newDeveloper = angular.copy($scope.defaults);
+    $scope.developer = {};
+    var developersResource = crudService('developers');
+
+    $scope.stopTimer = function() {
+      $scope.$broadcase('timer-stop', $scope.timer);
+      $scope.timer = 100;
+      $timeout.cancel(mytimeout);
+    };
+
+    $scope.$on('timer-stopped', function(event, remaining) {
+      if(remaining === 0) {
+        console.log('outta time');
+      }
+    });
+
+    // create function to resuse same form
+    $scope.editForm = function(developer) {
+      $scope.newDeveloper = {
+        _id: developer._id,
+        name: developer.name,
+        language: developer.language,
+        edit: true,
+        index: $scope.developers.indexOf(developer)
+      };
+    };
+
+    $scope.processForm = function(developer) {
+      console.log(developer);
+      developer.edit ? $scope.update(developer) : 
+        $scope.create(developer);
+    };
+
+    $scope.cancel = function() {
+      $scope.newDeveloper = null;
+    };
+
+    $scope.getAll = function() {
+      developersResource.getAll(function(err, data) {
+        if (err) return err;
+        $scope.developers = data;
+      });
+    };
+
+    $scope.create = function(developer) {
+      developersResource.create(developer, function(err, data) {
+        if (err) return err;
+        $scope.developers.push(res.data);
+        $scope.newDeveloper = angular.copy($scope.defaults);      
+      });
+    };
+
+    $scope.update = function(developer) {
+      $scope.developers[developer.index] = developer;
+      $http.put('/drip/developer/' + developer._id, developer)
+        .then(function(res) {
+          console.log('is update');
+          $scope.newDeveloper = angular.copy($scope.defaults);
+        }, function(err) {
+          console.log(err)
+        });
+    };
+
+    $scope.remove = function(developer) {
+      $scope.developers.splice($scope.developers.indexOf(developer), 1);
+      $http.delete('/drip/developer/' + developer._id)
+        .then(function(res) {
+          console.log('developer removed');
+        }, function(err) {
+          console.log(err);
+          $scope.getAll();
+        });
+    };
+
+    $scope.onTimeout = function(developer) {
+      if(developer.caffeine === 0) {
+        $scope.$broadcast('timer-stop', 0);
+        $timeout.cancel(developer.mytimeout);
+        return;
+      }
+      developer.caffeine--;
+      mytimeout = $timeout($scope.onTimeout, 1000, true, developer);
+    };
+
+    $scope.addCaffeine = function(developer) {
+      var rootDeveloper = $scope.developers[$scope.developers.indexOf(developer)];      
+      rootDeveloper.caffeine = (rootDeveloper.caffeine || 0) + 10;
+      developer.timeout = $timeout($scope.onTimeout, 1000, true, developer)
+    };
+
+    $scope.countDown = function (developer) {
+      console.log(developer.caffeine);
+      developer.caffeine -= 1;
+    };
+  }]);
+};
+
diff --git a/jordan_bundy/app/js/developers/developers.js b/jordan_bundy/app/js/developers/developers.js
@@ -0,0 +1,5 @@
+module.exports = function(app) {
+  require('./controllers/developers_controller')(app);
+  require('./directives/developer_form_directive')(app);
+};
+
diff --git a/jordan_bundy/app/js/developers/directives/developer_directive.js b/jordan_bundy/app/js/developers/directives/developer_directive.js
@@ -0,0 +1,12 @@
+module.exports = function(app) {
+  app.directive('developerDirective', function() {
+    return {
+      restrict: 'AC',
+      templateUrl: '/templates/bear_directive_template.html',
+      scope: {
+        developer: '='
+      }
+    }
+  });
+};
+
diff --git a/jordan_bundy/app/js/developers/directives/developer_form_directive.js b/jordan_bundy/app/js/developers/directives/developer_form_directive.js
@@ -0,0 +1,18 @@
+module.exports = function(app) {
+  app.directive('developerFormDirective', function() {
+    return {
+      restrict: 'AC',
+      replace: true,
+      templateUrl: 'templates/developer_form_template.html',
+      transclude: true,
+      scope: {
+        buttonText: '@',
+        headingText: '@',
+        formName: '@',
+        developer: '=',
+        save: '&'
+      }
+    }
+  });
+};
+
diff --git a/jordan_bundy/app/js/entry.js b/jordan_bundy/app/js/entry.js
@@ -0,0 +1,18 @@
+require('angular/angular');
+require('angular-route');
+var angular = window.angular;
+
+var caffeineApp = angular.module('CaffeineApp', ['ngRoute']);
+require('./services/services')(caffeineApp);
+require('./developers/developers')(caffeineApp);
+
+caffeineApp.config(['$routeProvider', function($route) {
+  $route
+    .when('/developers', {
+      templateUrl: '/templates/caffeine_view.html',
+      controller: 'DevelopersController'
+    })
+    .otherwise({
+      redirectTo: '/developers'
+    })
+}])
diff --git a/jordan_bundy/app/js/services/crud_service.js b/jordan_bundy/app/js/services/crud_service.js
@@ -0,0 +1,30 @@
+var handleSuccess = function(cb) {
+  return function(res) {
+    cb(null, res.data);
+  };
+};
+
+var handleFail = function(cb) {
+  return function(res) {
+    cb(res.data);
+  }
+};
+
+module.exports = function(app) {
+  app.factory('crudService', ['$http', function($http) {
+    return function(resourceName) {
+      var resource = {};
+      resource.getAll = function(cb) {
+        $http.get('/drip/' + resourceName)
+          .then(handleSuccess(cb), handleFail(cb));
+      };
+
+      resource.create = function(data, cb) {
+        $http.post('/drip/' + resourceName, data)
+          .then(handleSuccess(cb), handleFail(cb));
+      };
+      return resource;
+    };
+  }]);
+};
+
diff --git a/jordan_bundy/app/js/services/services.js b/jordan_bundy/app/js/services/services.js
@@ -0,0 +1,3 @@
+module.exports = function(app) {
+  require('./crud_service')(app);
+};