Added project files

smashdevcode · smashdevcode · commit 1cc4c8b3573c · 2016-03-01T15:38:28.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "mean-todo",
+  "version": "1.0.0",
+  "description": "This is the course repo for [Building a MEAN Application](https://teamtreehouse.com/library/building-a-mean-application) on [Treehouse](https://teamtreehouse.com/) by Huston Hedinger and Ken Howard.",
+  "main": "src/app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/treehouse/mean-todo.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/treehouse/mean-todo/issues"
+  },
+  "homepage": "https://github.com/treehouse/mean-todo#readme",
+  "dependencies": {
+    "express": "4.13.4"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <title></title>
+  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="/styles/main.css" type="text/css">
+</head>
+<body ng-app="todoListApp">
+  
+  <h1>My TODOs!</h1>
+  
+  <div class="list" ng-controller="mainCtrl">
+    <div class="add">
+      <a href="#" ng-click="addTodo()">
+        + Add a New Task</a>
+      </div>
+    <todo></todo>
+   </div>
+
+  
+  <script src="/vendor/angular.js"></script>
+  <script src="/scripts/app.js"></script>
+  <script src="/scripts/controllers/main.js"></script>
+  <script src="/scripts/controllers/todo.js"></script>
+  <script src="/scripts/services/data.js"></script>
+  <script src="/scripts/directives/todo.js"></script>
+</body>
+</html>
diff --git a/public/mock/todos.json b/public/mock/todos.json
@@ -0,0 +1,9 @@
+[
+    {"name": "clean the house"}, 
+    {"name": "water the dog"}, 
+    {"name": "feed the lawn"},
+    {"name": "pay dem bills"},
+    {"name": "run"}, 
+    {"name": "swim"}
+  ]
+  
diff --git a/public/scripts/app.js b/public/scripts/app.js
@@ -0,0 +1,3 @@
+'use strict';
+
+angular.module('todoListApp', []);
diff --git a/public/scripts/controllers/main.js b/public/scripts/controllers/main.js
@@ -0,0 +1,16 @@
+'use strict';
+
+angular.module('todoListApp')
+.controller('mainCtrl', function($scope, dataService){
+  
+  dataService.getTodos(function(response){
+    var todos = response.data;  
+    $scope.todos =  todos;
+    });
+  
+  $scope.addTodo = function() {
+    $scope.todos.unshift({name: "This is a new todo.",
+                      completed: false});
+  };
+  
+})
diff --git a/public/scripts/controllers/todo.js b/public/scripts/controllers/todo.js
@@ -0,0 +1,18 @@
+'use strict';
+
+angular.module('todoListApp')
+.controller('todoCtrl', function($scope, dataService) {
+  $scope.deleteTodo = function(todo, index) {
+    $scope.todos.splice(index, 1);
+    dataService.deleteTodo(todo);
+  };
+  
+  $scope.saveTodos = function() {
+    var filteredTodos = $scope.todos.filter(function(todo){
+      if(todo.edited) {
+        return todo
+      };
+    })
+    dataService.saveTodos(filteredTodos);
+  }; 
+});
diff --git a/public/scripts/directives/todo.js b/public/scripts/directives/todo.js
@@ -0,0 +1,10 @@
+'use strict';
+
+angular.module('todoListApp')
+.directive('todo', function(){
+  return {
+    templateUrl: 'templates/todo.html',
+    replace: true,
+    controller: 'todoCtrl'
+  }
+});
diff --git a/public/scripts/services/data.js b/public/scripts/services/data.js
@@ -0,0 +1,17 @@
+'use strict';
+
+angular.module('todoListApp')
+.service('dataService', function($http) {
+  this.getTodos = function(cb) {
+    $http.get('/mock/todos.json').then(cb);
+  };
+  
+  this.deleteTodo = function(todo) {
+    console.log("I deleted the " + todo.name + " todo!");
+  };
+  
+  this.saveTodos = function(todos) {
+    console.log("I saved " + todos.length + " todos!");
+  };
+  
+});
diff --git a/public/styles/checkbox-empty.svg b/public/styles/checkbox-empty.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 19 19" style="enable-background:new 0 0 19 19;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A7B9C4;}
+</style>
+<path class="st0" d="M17,2v15H2V2H17 M17,0H2C0.9,0,0,0.9,0,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2V2C19,0.9,18.1,0,17,0L17,0z"/>
+</svg>
diff --git a/public/styles/checkbox-filled.svg b/public/styles/checkbox-filled.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 19 19" style="enable-background:new 0 0 19 19;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A7B9C4;}
+	.st1{fill:#5A6772;}
+</style>
+<path class="st0" d="M17,2v15H2V2H17 M17,0H2C0.9,0,0,0.9,0,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2V2C19,0.9,18.1,0,17,0L17,0z"/>
+<path class="st1" d="M16,5.6c-0.1-0.5-0.3-0.9-0.7-1.2c-0.8-0.6-2-0.5-2.6,0.4l-4.2,5.6L6.2,8.2c-0.7-0.7-1.9-0.7-2.7,0
+	C3.2,8.6,3,9,3,9.5s0.2,1,0.6,1.3l3.7,3.6C7.6,14.8,8.1,15,8.6,15l0.1,0c0.5,0,1-0.3,1.4-0.7L15.6,7C15.9,6.6,16.1,6.1,16,5.6z"/>
+</svg>
diff --git a/public/styles/main.css b/public/styles/main.css
@@ -0,0 +1,71 @@
+body {
+  color: #2d3339;
+  font-family: "Varela Round";
+  text-align: center;
+  background: #edeff0;
+  font-size: 16px; }
+
+a {
+  color: #3f8abf;
+  text-decoration: none; }
+  a:hover {
+    color: #65a1cc; }
+
+.list {
+  background: #fff;
+  width: 80%;
+  min-width: 500px;
+  margin: 80px auto 0;
+  border-top: 40px solid #5a6772;
+  text-align: left; }
+  .list .item {
+    border-bottom: 2px solid #edeff0;
+    padding: 17px 0 18px 17px; }
+    .list .item label {
+      padding-left: 5px;
+      cursor: pointer; }
+    .list .item .editing-label {
+      margin-left: 5px;
+      font-family: "Varela Round";
+      border-radius: 2px;
+      border: 2px solid #a7b9c4;
+      font-size: 16px;
+      padding: 15px 0 15px 10px;
+      width: 60%; }
+    .list .item .actions {
+      float: right;
+      margin-right: 20px; }
+      .list .item .actions .delete {
+        color: #ed5a5a;
+        margin-left: 10px; }
+        .list .item .actions .delete:hover {
+          color: #f28888; }
+    .list .item.editing-item .actions {
+      margin-top: 17px; }
+  .list .edited label:after {
+    content: " edited";
+    text-transform: uppercase;
+    color: #a7b9c4;
+    font-size: 14px;
+    padding-left: 5px; }
+  .list .completed label {
+    color: #a7b9c4;
+    text-decoration: line-through; }
+  .list .add {
+    padding: 25px 0 27px 25px; }
+
+input[type="checkbox"] {
+    display:none;
+}
+input[type="checkbox"] + span {
+    display:inline-block;
+    width:19px;
+    height:19px;
+    margin:-1px 4px 0 0;
+    vertical-align:middle;
+    background:url(checkbox-empty.svg) left top no-repeat;
+    cursor:pointer;
+}
+input[type="checkbox"]:checked + span {
+    background:url(checkbox-filled.svg) left top no-repeat;
+}
diff --git a/public/templates/todo.html b/public/templates/todo.html
@@ -0,0 +1,10 @@
+    <div class="item" ng-class="{'editing-item': editing, 'edited': todo.edited, 'completed': todo.completed}" ng-repeat="todo in todos | orderBy: 'completed' " ng-init="todo.completed = false">
+      <input type="checkbox" ng-model="todo.completed" />
+      <span ng-click="todo.completed = !todo.completed; todo.edited = true"></span>
+      <label ng-hide="editing" ng-click="editing=true">{{todo.name}}</label>
+      <input ng-show="editing" ng-blur="editing = false" class="editing-label" type="text" ng-model="todo.name" ng-change="todo.edited = true"/>
+      <div class="actions">
+        <a href="" ng-click="saveTodos()">Save</a>
+        <a href="" class="delete" ng-click="deleteTodo(todo, $index)">Delete</a>
+      </div>
+    </div>
diff --git a/public/vendor/angular.js b/public/vendor/angular.js
diff --git a/src/app.js b/src/app.js

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+'use strict';`
	`2`	`+`
	`3`	`+angular.module('todoListApp', []);`