86fbd50c3d
We automatically insert explicit 'any's where needed. These need to be addressed as in #9100. Fixes #4924
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import {bootstrap} from '@angular/platform-browser';
|
|
import {Component} from '@angular/core';
|
|
import {NgFor} from '@angular/common';
|
|
import {Store, Todo, TodoFactory} from './app/TodoStore';
|
|
|
|
@Component({
|
|
selector: 'todo-app',
|
|
viewProviders: [Store, TodoFactory],
|
|
templateUrl: 'todo.html',
|
|
directives: [NgFor]
|
|
})
|
|
class TodoApp {
|
|
todoEdit: Todo = null;
|
|
|
|
constructor(public todoStore: Store<Todo>, public factory: TodoFactory) {}
|
|
|
|
enterTodo(inputElement: any /** TODO #9100 */): void {
|
|
this.addTodo(inputElement.value);
|
|
inputElement.value = '';
|
|
}
|
|
|
|
editTodo(todo: Todo): void { this.todoEdit = todo; }
|
|
|
|
doneEditing($event: any /** TODO #9100 */, todo: Todo): void {
|
|
var which = $event.which;
|
|
var target = $event.target;
|
|
if (which === 13) {
|
|
todo.title = target.value;
|
|
this.todoEdit = null;
|
|
} else if (which === 27) {
|
|
this.todoEdit = null;
|
|
target.value = todo.title;
|
|
}
|
|
}
|
|
|
|
addTodo(newTitle: string): void { this.todoStore.add(this.factory.create(newTitle, false)); }
|
|
|
|
completeMe(todo: Todo): void { todo.completed = !todo.completed; }
|
|
|
|
deleteMe(todo: Todo): void { this.todoStore.remove(todo); }
|
|
|
|
toggleAll($event: any /** TODO #9100 */): void {
|
|
var isComplete = $event.target.checked;
|
|
this.todoStore.list.forEach((todo: Todo) => { todo.completed = isComplete; });
|
|
}
|
|
|
|
clearCompleted(): void { this.todoStore.removeBy((todo: Todo) => todo.completed); }
|
|
}
|
|
|
|
export function main() {
|
|
bootstrap(TodoApp);
|
|
}
|