firebase-angular: refactor controller

labs/architecture-examples/firebase-angular/js/controllers/todoCtrl.js

-/*global todomvc, angular */
+/*global todomvc, angular, Firebase */
 'use strict';
 
 /**
@@ -7,79 +7,82 @@
  * - exposes the model to the template and provides event handlers
  */
 todomvc.controller('TodoCtrl', function TodoCtrl($scope, $location, angularFire) {
-	var url = 'https://todomvc-angular.firebaseio.com/';
-
-	$scope.newTodo = '';
-	$scope.editedTodo = null;
+	this.onDataLoaded = function onDataLoaded($scope, $location, url) {
+		$scope.$watch('todos', function () {
+			var total = 0;
+			var remaining = 0;
+			angular.forEach($scope.todos, function (todo) {
+				total++;
+				if (todo.completed === false) {
+					remaining++;
+				}
+			});
+			$scope.remainingCount = remaining;
+			$scope.completedCount = total - remaining;
+			$scope.allChecked = !$scope.remainingCount;
+		}, true);
 
-	if ($location.path() === '') {
-		$location.path('/');
-	}
-	$scope.location = $location;
+		$scope.addTodo = function () {
+			var newTodo = $scope.newTodo.trim();
+			if (!newTodo.length) {
+				return;
+			}
+			$scope.todos[new Firebase(url).push().name()] = {
+				title: newTodo,
+				completed: false
+			};
+			$scope.newTodo = '';
+		};
 
-	angularFire(url, $scope, 'todos', {}).then(function() {
-		onDataLoaded($scope, $location, url);
-	});
-});
+		$scope.editTodo = function (id) {
+			$scope.editedTodo = $scope.todos[id];
+			$scope.originalTodo = angular.extend({}, $scope.editedTodo);
+		};
 
-function onDataLoaded($scope, $location, url) {
-	$scope.$watch('todos', function () {
-		var total = 0;
-		var remaining = 0;
-		angular.forEach($scope.todos, function(todo) {
-			total++;
-			if (todo.completed === false) remaining++;
-		});
-		$scope.remainingCount = remaining;
-		$scope.completedCount = total - remaining;
-		$scope.allChecked = !$scope.remainingCount;
-	}, true);
+		$scope.doneEditing = function (id) {
+			$scope.editedTodo = null;
+			var title = $scope.todos[id].title.trim();
+			if (!title) {
+				$scope.removeTodo(id);
+			}
+		};
 
-	$scope.addTodo = function () {
-		var newTodo = $scope.newTodo.trim();
-		if (!newTodo.length) {
-			return;
-		}
-		$scope.todos[new Firebase(url).push().name()] = {
-			title: newTodo,
-			completed: false
+		$scope.revertEditing = function (id) {
+			$scope.todos[id] = $scope.originalTodo;
+			$scope.doneEditing(id);
 		};
-		$scope.newTodo = '';
-	};
 
-	$scope.editTodo = function (id) {
-		$scope.editedTodo = $scope.todos[id];
-		$scope.originalTodo = angular.extend({}, $scope.editedTodo);
-	};
+		$scope.removeTodo = function (id) {
+			delete $scope.todos[id];
+		};
 
-	$scope.doneEditing = function (id) {
-		$scope.editedTodo = null;
-		var title = $scope.todos[id].title.trim();
-		if (!title) {
-			$scope.removeTodo(id);
-		}
-	};
+		$scope.clearCompletedTodos = function () {
+			var notCompleted = {};
+			angular.forEach($scope.todos, function (todo, id) {
+				if (!todo.completed) {
+					notCompleted[id] = todo;
+				}
+			});
+			$scope.todos = notCompleted;
+		};
 
-	$scope.revertEditing = function (id) {
-		$scope.todos[id] = $scope.originalTodo;
-		$scope.doneEditing(id);
+		$scope.markAll = function (completed) {
+			angular.forEach($scope.todos, function (todo) {
+				todo.completed = completed;
+			});
+		};
 	};
 
-	$scope.removeTodo = function (id) {
-		delete $scope.todos[id];
-	};
+	var url = 'https://todomvc-angular.firebaseio.com/';
+	$scope.newTodo = '';
+	$scope.editedTodo = null;
 
-	$scope.clearCompletedTodos = function () {
-		var notCompleted = {};
-		angular.forEach($scope.todos, function (todo, id) {
-			if (!todo.completed) notCompleted[id] = todo;
-		});
-		$scope.todos = notCompleted;
-	};
+	if ($location.path() === '') {
+		$location.path('/');
+	}
+	$scope.location = $location;
 
-	$scope.markAll = function (completed) {
-		angular.forEach($scope.todos, function (todo) {
-			todo.completed = completed;
-		});
-	};
-}
+	angularFire(url, $scope, 'todos', {}).then(function () {
+		this.onDataLoaded($scope, $location, url);
+	}.bind(this));
+});
\ No newline at end of file