File

src/app/shared/services/todo.store.ts

Description

This service is a todo store

See Todo for details about the main data of this store

Index

Properties
Methods

Constructor

constructor()

Methods

add
add(title: string)

Add todo

Parameters :
Name Type Optional Description
title string no

Title of todo

Returns : void
allCompleted
allCompleted()

All the todos are they completed ?

Returns : boolean

All completed ?

getAll
getAll()

Get all todos

Returns : any

All todos

getCompleted
getCompleted()

Get completed todos

Returns : any

All completed todos

getRemaining
getRemaining()

Get remaining todos

Returns : any

All remaining todos

Private getWithCompleted
getWithCompleted(completed: Boolean)
Parameters :
Name Type Optional
completed Boolean no
Returns : any
remove
remove(todo: Todo, ...theArgs: any[])

Remove todo

See Todo

Parameters :
Name Type Optional Description
todo Todo no

Todo to remove

theArgs any[] no

the rest of arguments

Returns : void
removeCompleted
removeCompleted()

Remove completed todos

Returns : void
setAllTo
setAllTo(completed: boolean)

Set all todos status (completed or not)

Parameters :
Name Type Optional Description
completed boolean no

Status of all todos

Example :
// set all at completed
TodoStore.setAllTo(true);
// set all at not completed
TodoStore.setAllTo(false);
Returns : void
stopMonitoring
stopMonitoring(theTodo?: LabelledTodo)

Stop monitoring the todo

Parameters :
Name Type Optional Description
theTodo LabelledTodo yes

A todo

Returns : Promise<void>

promise resolved once we stop monitoring the todo or it is rejected

toggleCompletion
toggleCompletion(todo: Todo)

Toggle completed todo status

Parameters :
Name Type Optional Description
todo Todo no

Todo which change status

Returns : void
update
update()

Update store

Returns : void
Private updateStore
updateStore()
Returns : void

Properties

todos
todos: Array<Todo>
Type : Array<Todo>

Local array of Todos

See Todo

Todo store

import { Injectable } from '@angular/core';

import { Todo } from '../models/todo.model';

import { LabelledTodo } from '../interfaces/interfaces';

/**
 * This service is a todo store
 *
 * See {@link Todo} for details about the main data of this store
 */
@Injectable()
export class TodoStore {
    /**
     *  Local array of Todos
     *
     *  See {@link Todo}
     */
    todos: Array<Todo>;

    constructor() {
        let persistedTodos = JSON.parse(localStorage.getItem('angular2-todos') || '[]');
        // Normalize back into classes
        this.todos = persistedTodos.map((todo: { _title: string, completed: boolean }) => {
            let ret = new Todo(todo._title);
            ret.completed = todo.completed;
            return ret;
        });
    }

    private updateStore() {
        localStorage.setItem('angular2-todos', JSON.stringify(this.todos));
    }

    private getWithCompleted(completed: Boolean) {
        return this.todos.filter((todo: Todo) => todo.completed === completed);
    }

    /**
     * All the todos are they __completed__ ?
     *
     * @returns {boolean} All completed ?
     */
    allCompleted(): boolean {
        return this.todos.length === this.getCompleted().length;
    }

    /**
     * Set all todos status (completed or not)
     *
     * @example
     * // set all at completed
     * TodoStore.setAllTo(true);
     *
     * @example
     * // set all at not completed
     * TodoStore.setAllTo(false);
     *
     * @param {boolean} completed Status of all todos
     */
    setAllTo(completed: boolean) {
        this.todos.forEach((t: Todo) => t.completed = completed);
        this.updateStore();
    }

    /**
     * Remove completed todos
     */
    removeCompleted() {
        this.todos = this.getWithCompleted(false);
        this.updateStore();
    }

    /**
     * Get remaining todos
     *
     * @returns {Array} All remaining todos
     */
    getRemaining() {
        return this.getWithCompleted(false);
    }

    /**
     * Get all todos
     *
     * @returns {Array} All todos
     */
    getAll() {
        return this.todos;
    }

    /**
     * Get completed todos
     *
     * @returns {Array} All completed todos
     */
    getCompleted() {
        return this.getWithCompleted(true);
    }

    /**
     * Toggle completed todo status
     *
     * @param {Todo} todo Todo which change status
     */
    toggleCompletion(todo: Todo) {
        todo.completed = !todo.completed;
        this.updateStore();
    }

    /**
     * Remove todo
     *
     * See {@link Todo}
     *
     * @param {Todo} todo Todo to remove
     * @param {any[]} theArgs the rest of arguments
     */
    remove(todo: Todo, ...theArgs) {
        this.todos.splice(this.todos.indexOf(todo), 1);
        this.updateStore();
    }

    /**
     *  Update store
     */
    update() {
        this.updateStore();
    }

    /**
     * Add todo
     *
     * @param {string} title Title of todo
     */
    add(title: string) {
        this.todos.push(new Todo(title));
        this.updateStore();
    }

    /**
     * Stop monitoring the todo
     *
     * @param {LabelledTodo} theTodo A todo
     * @returns {Promise<void>} promise resolved once we stop monitoring the todo or it is rejected
     */
    stopMonitoring(theTodo?: LabelledTodo): Promise<void> {
        return new Promise<void>((resolve, reject) => {
            //TODO
        });
    }
}

results matching ""

    No results matching ""