arkit/test/angular2_es2015/app/components/todo-footer/todo-footer.component.js

Visualises JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams

import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

import { TodoStoreService } from '../../services/todo-store.service';
import template from './todo-footer.template.html';

@Component({
	selector: 'todo-footer',
	template: template
})
export class TodoFooterComponent {
	constructor(todoStore:TodoStoreService, route:ActivatedRoute) {
		this._todoStore = todoStore;
		this._route = route;
		this.currentStatus = '';
	}

	ngOnInit() {
		this._route.params
			.map(params => params.status)
			.subscribe((status) => {
				this.currentStatus = status || '';
			});
	}

	removeCompleted() {
		this._todoStore.removeCompleted();
	}

	getCount() {
		return this._todoStore.todos.length;
	}

	getRemainingCount() {
		return this._todoStore.getRemaining().length;
	}

	hasCompleted() {
		return this._todoStore.getCompleted().length > 0;
	}
}