examples/full/todo.js
function mainSection(state) {
    var todos = state.todos
    var route = state.route

    return h("section.main", { hidden: todos.length === 0 }, [
        toggleAllPool.change(h("input#toggle-all.toggle-all", {
            type: "checkbox",
            checked: todos.every(function (todo) {
                return todo.completed
            })
        })),
        h("label", { htmlFor: "toggle-all" }, "Mark all as complete"),
        h("ul.todo-list", todos.filter(function (todo) {
            return route === "completed" && todo.completed ||
                route === "active" && !todo.completed ||
                route === "all"
        }).map(todoItem))
    ])
}
function mainSection(state) {
    var todos = state.todos
    var route = state.route

    return h("section.main", { hidden: todos.length === 0 }, [
        toggleAllPool.change(h("input#toggle-all.toggle-all", {
            type: "checkbox",
            checked: todos.every(function (todo) {
                return todo.completed
            })
        })),
        h("label", { htmlFor: "toggle-all" }, "Mark all as complete"),
        h("ul.todo-list", todos.filter(function (todo) {
            return route === "completed" && todo.completed ||
                route === "active" && !todo.completed ||
                route === "all"
        }).map(todoItem))
    ])
}
function mainSection ( state ) { var todos = state . todos var route = state . route return h ( "section.main" , { hidden : todos . length === 0 } , [ toggleAllPool . change ( h ( "input#toggle-all.toggle-all" , { type : "checkbox" , checked : todos . every ( function ( todo ) { return todo . completed } ) } ) ) , h ( "label" , { htmlFor : "toggle-all" } , "Mark all as complete" ) , h ( "ul.todo-list" , todos . filter ( function ( todo ) { return route === "completed" && todo . completed || route === "active" && ! todo . completed || route === "all" } ) . map ( todoItem ) ) ] ) }
Various template functions to render subsets of the UI
Various template functions to render subsets of the UI