Revert "Revert "More performance improvements + etc.""

bench/app/js/controllers/todo.js

@@ -0,0 +1,111 @@
+/* global m */
+(function (app) {
+	"use strict"
+
+	app.controller = function () {
+		/* eslint-disable no-warning-comments */
+		// Todo collection, update with props
+		/* eslint-enable no-warning-comments */
+		this.list = app.storage.get().map(function (item) {
+			return new app.Todo(item)
+		})
+
+		// Temp title placeholder
+		this.title = m.prop("")
+
+		/* eslint-disable no-warning-comments */
+		// Todo list filter
+		/* eslint-enable no-warning-comments */
+		this.filter = m.prop(m.route.param("filter") || "")
+
+		this.add = function () {
+			var title = this.title().trim()
+			if (title) {
+				this.list.push(new app.Todo({title: title}))
+				app.storage.put(this.list)
+			}
+			this.title("")
+		}
+
+		this.isVisible = function (todo) {
+			switch (this.filter()) {
+			case "active": return !todo.completed()
+			case "completed": return todo.completed()
+			default: return true
+			}
+		}
+
+		this.complete = function (todo) {
+			if (todo.completed()) {
+				todo.completed(false)
+			} else {
+				todo.completed(true)
+			}
+			app.storage.put(this.list)
+		}
+
+		this.edit = function (todo) {
+			todo.previousTitle = todo.title()
+			todo.editing(true)
+		}
+
+		this.doneEditing = function (todo, index) {
+			todo.editing(false)
+			todo.title(todo.title().trim())
+			if (!todo.title()) {
+				this.list.splice(index, 1)
+			}
+			app.storage.put(this.list)
+		}
+
+		this.cancelEditing = function (todo) {
+			todo.title(todo.previousTitle)
+			todo.editing(false)
+		}
+
+		this.clearTitle = function () {
+			this.title("")
+		}
+
+		this.remove = function (key) {
+			this.list.splice(key, 1)
+			app.storage.put(this.list)
+		}
+
+		this.clearCompleted = function () {
+			for (var i = this.list.length - 1; i >= 0; i--) {
+				if (this.list[i].completed()) {
+					this.list.splice(i, 1)
+				}
+			}
+			app.storage.put(this.list)
+		}
+
+		this.amountCompleted = function () {
+			var amount = 0
+			for (var i = 0; i < this.list.length; i++) {
+				if (this.list[i].completed()) {
+					amount++
+				}
+			}
+			return amount
+		}
+
+		this.allCompleted = function () {
+			for (var i = 0; i < this.list.length; i++) {
+				if (!this.list[i].completed()) {
+					return false
+				}
+			}
+			return true
+		}
+
+		this.completeAll = function () {
+			var allCompleted = this.allCompleted()
+			for (var i = 0; i < this.list.length; i++) {
+				this.list[i].completed(!allCompleted)
+			}
+			app.storage.put(this.list)
+		}
+	}
+})(this.app || (this.app = {}))