From c47bea49ab996d7b338e3e66835d83cb46c7243e Mon Sep 17 00:00:00 2001
From: Max Lynch <max@codiqa.com>
Date: Mon, 7 Oct 2013 00:32:34 -0500
Subject: [PATCH] Ordering and active state for toderpina

---
 example/toderp2/index.html        |  5 +++--
 example/toderp2/js/app.js         |  1 +
 example/toderp2/js/controllers.js | 10 +++++++++-
 example/toderp2/js/filters.js     | 11 +++++++++++
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 example/toderp2/js/filters.js

diff --git a/example/toderp2/index.html b/example/toderp2/index.html
index 8b736171a3..8b42aa6b8a 100644
--- a/example/toderp2/index.html
+++ b/example/toderp2/index.html
@@ -23,6 +23,7 @@
     <script src="../../dist/ionic-angular.js"></script>
     
     <script src="js/app.js"></script>
+    <script src="js/filters.js"></script>
     <script src="js/services.js"></script>
     <script src="js/controllers.js"></script>
     <style>
@@ -119,7 +120,7 @@
               <input type="text" ng-model="newTask.title" placeholder="Add an item...">
             </form>
             <list>
-              <li class="list-item" ng-repeat="task in activeProject.tasks" ng-class="{completed: task.isCompleted}">
+              <li class="list-item" ng-repeat="task in activeProject.tasks | reverse" ng-class="{completed: task.isCompleted}">
                 {{task.title}}
               </li>
             </list>
@@ -136,7 +137,7 @@
               <input type="text" ng-model="newProject.title" placeholder="Create a new list...">
             </form>
             <list>
-            <a ng-click="setActiveProject(project)" class="list-item list-item-primary" ng-class="{active: project.isActive}" ng-repeat="project in projects">
+            <a ng-click="setActiveProject(project)" class="list-item list-item-primary" ng-class="{active: project.isActive}" ng-repeat="project in projects | reverse">
                 {{project.title}}
               </a>
             </list>
diff --git a/example/toderp2/js/app.js b/example/toderp2/js/app.js
index 1b26443201..d847a16a38 100644
--- a/example/toderp2/js/app.js
+++ b/example/toderp2/js/app.js
@@ -1,4 +1,5 @@
 angular.module('ionic.todo', [
+               'ionic.todo.filters',
                'ionic.todo.services',
                'ionic.todo.controllers',
 
diff --git a/example/toderp2/js/controllers.js b/example/toderp2/js/controllers.js
index 03b92802c5..f852eb507e 100644
--- a/example/toderp2/js/controllers.js
+++ b/example/toderp2/js/controllers.js
@@ -119,7 +119,15 @@ angular.module('ionic.todo.controllers', ['ionic.todo'])
       title: project.title,
       tasks: angularFireCollection(ref.child('tasks'))
     };
-  }
+    $scope.clearActive();
+    project.isActive = true;
+  };
+
+  $scope.clearActive = function() {
+    angular.forEach($scope.projects, function(project) {
+      project.isActive = false;
+    });
+  };
 
   /**
    * Add a project to the projects list.
diff --git a/example/toderp2/js/filters.js b/example/toderp2/js/filters.js
new file mode 100644
index 0000000000..5661b40ff0
--- /dev/null
+++ b/example/toderp2/js/filters.js
@@ -0,0 +1,11 @@
+angular.module('ionic.todo.filters', [])
+
+.filter('reverse', function() {
+  return function(items) {
+    if(items) {
+      return items.slice().reverse();
+    }
+    return [];
+  };
+});
+