todomvc/examples/sammyjs/js/models/Todos.js

> Helping you select an MV\* framework

/*global TodoApp */

(function () {
	'use strict';

	var Todos = {
		all: [],
		visible: [],
		flag: null,

		createId: (function () {
			// Creates a unique ID for every todoItem.
			var s4 = function () {
				return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
			};

			return function () {
				return s4() + s4();
			};
		})(),

		findOne: function (param, value) {
			var todo = {};

			Todos.all.forEach(function (thisTodo, i) {
				if (thisTodo[param] === value) {
					todo.todo = thisTodo;
					todo.index = i;
				}
			});

			return todo;
		},

		filter: function (param, value) {
			return Todos.all.filter(function (thisTodo) {
				return thisTodo[param] === value;
			});
		},

		get: function (id) {
			if (id && id !== 'active' && id !== 'completed') {
				// We are looking for a particular todoItem.
				return Todos.findOne('id', id);
			} else if (id === 'active' || id === 'completed') {
				// We either want to receive only the completed or active todoItems.
				return Todos.filter('completed', id === 'completed');
			} else {
				// We want all of the todoItems.
				return JSON.parse(localStorage.getItem('todos-sammyjs')) || [];
			}
		},

		getData: function () {
			return {
				flag: Todos.flag,
				all: Todos.all,
				active: Todos.get('active'),
				completed: Todos.get('completed'),
				visible: Todos.get(Todos.flag)
			};
		},

		save: function (e, data) {
			Todos.all.push({
				id: Todos.createId(),
				name: data.name,
				completed: data.completed
			});

			Todos.sync();
		},

		toggleCompleted: function (e, data) {
			Todos.get(data.id).todo.completed = !Todos.get(data.id).todo.completed;

			TodoApp.trigger('toggledTodoCompleted', {
				id: data.id,
				completed: Todos.get(data.id).todo.completed
			});

			Todos.sync();
		},

		toggleAllCompleted: function () {
			var activeTodosLeft = Todos.get('active').length > 0;

			Todos.all.forEach(function (thisTodo) {
				thisTodo.completed = activeTodosLeft;
				TodoApp.trigger('toggledTodoCompleted', {
					id: thisTodo.id,
					completed: thisTodo.completed
				});
			});

			Todos.sync();
		},

		edit: function (e, data) {
			if (!data.name) {
				return Todos.remove(e, data);
			}

			Todos.get(data.id).todo.name = data.name;

			Todos.syncQuiet();
		},

		removeCompleted: function () {
			Todos.get('completed').forEach(function (thisTodo) {
				Todos.remove(null, thisTodo);
			});
		},

		remove: function (e, data) {
			Todos.all.splice(Todos.get(data.id).index, 1);

			Todos.sync();
		},

		fetchTodos: function (e, flag) {
			// Called from each route's instantiation.
			Todos.all = Todos.get();

			Todos.flag = flag;

			TodoApp.trigger('launch', Todos.getData());

			Todos.sync();
		},

		syncQuiet: function () {
			// Syncs data with `localStorage`, without forcing all of the todoItems
			// to repaint.
			localStorage.setItem('todos-sammyjs', JSON.stringify(Todos.all));

			TodoApp.trigger('todosUpdatedQuiet', Todos.getData());
		},

		sync: function () {
			// Syncs data with `localStorage`, and rebuilds the todoItems.
			Todos.syncQuiet();

			TodoApp.trigger('todosUpdated', Todos.getData());
		}
	};

	TodoApp
		.bind('fetchTodos', Todos.fetchTodos)
		.bind('saveTodo', Todos.save)
		.bind('doneEditingTodo', Todos.edit)
		.bind('toggleTodoCompleted', Todos.toggleCompleted)
		.bind('removeTodo', Todos.remove)
		.bind('toggleAllTodosCompleted', Todos.toggleAllCompleted)
		.bind('removeCompletedTodos', Todos.removeCompleted);
})();