CEN3031 · ChrisDBrown5 · Sep 19, 2017 · Sep 19, 2017 · Sep 19, 2017 · Sep 19, 2017
diff --git a/todo-src/index.html b/todo-src/index.html
@@ -11,9 +11,12 @@
 
   <body ng-app="app">
     <h1 class="text-center">My little to do app!</h1>
-
-    <div id="todo" class="col-xs-6 col-xs-offset-3" ng-controller="MainCtrl">
-
+    <h2 class="text-center">GROUP 5a</h2>
+
+
+    <div id="todo" class="col-xs-6 col-xs-offset-3" ng-controller="MainCtrl" ng-init="count()">
+      <h3  ng-model="counter">Counter: {{counter}}</h3>
+
         <div class="input-group">
           <input type="text" class="form-control" placeholder="Item to add to todo list" ng-model="newItem">
           <span class="input-group-btn">
@@ -23,22 +26,50 @@ <h1 class="text-center">My little to do app!</h1>
             </button>
           </span>
         </div><!-- /input-group -->
-
+
+        <div>
+          <select ng-model="newPri" ng-options="item for item in priorities">
+            <option value="">-- choose priority --</option>
+          </select>
+        </div>
+
       <h2>stuff i gotta do asap</h2>
-      
+
       <ul class="list-group">
         <!-- http://www.w3schools.com/css/css_float.asp -->
-        <li class="list-group-item clearfix" ng-repeat="do in todos">
-
-          <span>{{do}}</span>
+
+
+        <li class="list-group-item clearfix" ng-repeat="do in todos.entries">
+
+          <span>{{do.name}}</span>
+          <span style="background-color: orange; border-radius: 2px; font-size: 10px;">{{do.pri}}</span>
+
           <button class="btn btn-danger pull-right" type="button" ng-click="deleteItem(do)">
             <span class="glyphicon glyphicon-trash " aria-hidden="true"></span>
+          </button>
+                    <button class="btn btn-danger pull-right" type="button" ng-click="complete(do)">
+            <span aria-hidden="true"></span>Complete</button>
+
+          <button class="btn btn-primary pull-right" type="button" ng-click="editItem(do)">
+            <span class="glyphicon glyphicon-edit " aria-hidden="true"></span>
           </button>
 
         </li>
       </ul>
+
+      <!--edit section-->
+      <h2>Edit</h2>
+      <input type="text" class="form-control" placeholder="Enter description here then press the edit. Cannot have duplicates." ng-model="edit">
+
+      <div>
+        <button class="btn btn-danger pull-right" type="button" ng-click="clearCompletedItems()">
+          <span class="glyphicon glyphicon-trash " aria-hidden="true"></span>
+          Clear Completed Tasks
+        </button>
+        <!--end of clear button-->
+      </div>
     </div>
-    
+<!--end of to div-->
   </body>
 
 </html>
diff --git a/todo-src/script.js b/todo-src/script.js
@@ -2,25 +2,137 @@
 
 var myApp = angular.module('app', []);
 
-myApp.controller('MainCtrl', function ($scope){
-  $scope.todos = ["Learn Angular", "Learn node"];
+myApp.controller('MainCtrl', function($scope) {
+
   $scope.newItem = "";
-
-  $scope.addItem = function(){
+  $scope.newPri = "";
+  $scope.priorities = ["NOW", "Tomorrow", "Someday"];
+  $scope.todos = {
+    "entries": [
+      {
+        "name": "Learn Angular",
+        "pri": "NOW"
+      }, {
+        "name": "Learn node"
+      }
+    ]
+  };
+
+  $scope.count = function() {
+    console.log($scope.todos.entries);
+    var count = 0;
+    for (i in $scope.todos.entries) {
+      count++;
+      console.log(count);
+    }
+    $scope.counter = count;
+  }
+
+  $scope.addItem = function() {
     console.log("in add");
-    if ($scope.newItem !== ""){
-      $scope.todos.push($scope.newItem);
+    if ($scope.newItem !== "") {
+      $scope.todos.entries.push({"name": $scope.newItem, "pri": $scope.newPri});
       $scope.newItem = "";
+      $scope.newPri = "";
     }
+    console.log($scope.todos)
+    $scope.count();
   }
-    
-  $scope.deleteItem = function(item){
+
+  $scope.deleteItem = function(item) {
     console.log("in delete");
-    var index = $scope.todos.indexOf(item);
-    $scope.todos.splice(index, 1);
+    var index = $scope.todos.entries.indexOf(item);
+    $scope.todos.entries.splice(index, 1);
+    $scope.count();
+
+  }
+
+  $scope.clearCompletedItems = function(){
+    //if string doesn't contains --complete-- then add it
+    for(var i in $scope.todos){
+      if($scope.todos[i].indexOf("--complete--") != -1){
+        $scope.todos.pop($scope.todos[i]);
+      }
+    }
   }
 
-
+
+  $scope.complete = function(item){
+   if(item.name.indexOf("--complete--") == -1){
+     var index = $scope.todos.entries.indexOf(item);
+     $scope.newPri = $scope.todos.entries[index].pri;
+     $scope.todos.entries.splice(index, 1);
+     $scope.todos.entries.push({"name": item.name+"--complete--", "pri": $scope.newPri});
+     $scope.newPri = "";
+     $scope.newItem = "";
+   }
+  }
+
+  $scope.clearCompletedItems = function() {
+    //if string doesn't contains --complete-- then add it
+    var work = false;
+    for (var i in $scope.todos.entries) {
+      if (work) {
+        i--;
+        work = false;
+      };
+      console.log($scope.todos.entries[i].name);
+      var check = $scope.todos.entries[i].name.split("--");
+      console.log(check);
+      var arr = {};
+      if (check[1] == "complete") {
+        $scope.todos.entries.splice(i, 1);
+        work = true;
+        // arr.append(i)
+        // console.log(arr);
+      }
+
+    }
+    work = false;
+    for (var i in $scope.todos.entries) {
+      if (work) {
+        i--;
+        work = true;
+      };
+      console.log($scope.todos.entries[i].name);
+      var check = $scope.todos.entries[i].name.split("--");
+      console.log(check);
+      var arr = {};
+      if (check[1] == "complete") {
+        $scope.todos.entries.splice(i, 1);
+        work = true;
+        // arr.append(i)
+        // console.log(arr);
+      }
+
+    }
+    $scope.count();
+
+
+  }
+
+  $scope.complete = function(item) {
+    if (item.name.indexOf("--complete--") == -1) {
+      var index = $scope.todos.entries.indexOf(item);
+      $scope.newPri = $scope.todos.entries[index].pri;
+      $scope.todos.entries.splice(index, 1);
+      $scope.todos.entries.push({
+        "name": item.name + "--complete--",
+        "pri": $scope.newPri
+      });
+      $scope.newPri = "";
+      $scope.newItem = "";
+    }
+  }
+
+  $scope.editItem = function(id) {
+    for (i in $scope.todos.entries) {
+      if ($scope.todos.entries[i].name == id.name) {
+        $scope.todos.entries[i].name = $scope.edit;
+      }
+    }
+  };
+
 });
 
 /*************************
@@ -32,5 +144,24 @@ myApp.controller('MainCtrl', function ($scope){
  * - make it prettier
  * - add a due date
  * - add reminder (setInterval)
- * 
- * *********************/
+ *
+
+
+  * Homework fd
+ * - "enter" button functionality instead of clicking button
+ * - edit button functionality
+ * - button to mark item as "complete"
+ * - have a total number of items at the top
+ * - make it prettier
+ * - add a due date
+ * - add reminder (setInterval)
+  * Homework (not rly):
+ * - "enter" button functionality instead of clicking button
+ * - edit button functionality
+ * - button to mark item as "complete"
+ * - have a total number of items at the top
+ * - make it prettier
+ * - add a due date
+ * - add reminder (setInterval)
+ jh
+ * *********************/
diff --git a/todo-src/style.css b/todo-src/style.css
@@ -1,6 +1,9 @@
 /* Styles go here */
 body {
-
-  background: grey;
+	font-family: "Comic Sans MS", cursive, sans-serif;
+  background: steelblue;
 
 }
+
+/* background is blue and font changed to comic sans*/
+/*Please never use cyan again*/
diff --git a/todo-src/txt.txt b/todo-src/txt.txt
@@ -0,0 +1 @@
+