getChildrenNodes: function (this: TodoList): DNode[] {
const { activeView = 'list', activeFilter = 'all' } = this.state;
return [
v('li.view-mode', {}, [
v('a', {
href: router.link(mainRoute, {
filter: activeFilter,
view: 'list'
}),
classes: {
list: true,
active: activeView === 'list'
}
})
]),
v('li.view-mode', {}, [
v('a', {
href: router.link(mainRoute, {
filter: activeFilter,
view: 'cards'
}),
classes: {
cards: true,
active: activeView === 'cards'
}
})
])
];
}
return filters.map((filterItem) => {
const label = filterItem[0].toUpperCase() + filterItem.substring(1);
return v('li', {}, [
v('a', {
innerHTML: label,
href: router.link(mainRoute, {
filter: filterItem,
view: activeView
}),
classes: {
selected: activeFilter === filterItem
}
})
]);
});