vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove redundant abstraction level in todomvc example

Browse source
This commit is contained in:
Leo Horie 2016-10-28 09:51:42 -04:00
parent 65b4116666
commit 37735f1772
1 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
examples/todomvc/todomvc.js
View file

@ -84,9 +84,6 @@ var Todos = {
if (e.keyCode === 13 || e.type === "blur") state.dispatch("update", [e.target.value]) if (e.keyCode === 13 || e.type === "blur") state.dispatch("update", [e.target.value])
else if (e.keyCode === 27) state.dispatch("reset") else if (e.keyCode === 27) state.dispatch("reset")
}, },
dispatch: function(action, args) {
state.dispatch(action, args)
},
oninit: state.computed, oninit: state.computed,
onbeforeupdate: state.computed, onbeforeupdate: state.computed,
view: function(vnode) { view: function(vnode) {
@ -104,8 +101,8 @@ var Todos = {
return m("li", {class: (todo.completed ? "completed" : "") + " " + (todo === state.editing ? "editing" : "")}, [ return m("li", {class: (todo.completed ? "completed" : "") + " " + (todo === state.editing ? "editing" : "")}, [
m(".view", [ m(".view", [
m("input.toggle[type='checkbox']", {checked: todo.completed, onclick: function() {ui.toggle(todo)}}), m("input.toggle[type='checkbox']", {checked: todo.completed, onclick: function() {ui.toggle(todo)}}),
m("label", {ondblclick: function() {ui.dispatch("edit", [todo])}}, todo.title), m("label", {ondblclick: function() {state.dispatch("edit", [todo])}}, todo.title),
m("button.destroy", {onclick: function() {ui.dispatch("destroy", [todo])}}), m("button.destroy", {onclick: function() {state.dispatch("destroy", [todo])}}),
]), ]),
m("input.edit", {onupdate: function(vnode) {ui.focus(vnode, todo)}, onkeypress: ui.save, onblur: ui.save}) m("input.edit", {onupdate: function(vnode) {ui.focus(vnode, todo)}, onkeypress: ui.save, onblur: ui.save})
]) ])
@ -122,7 +119,7 @@ var Todos = {
m("li", m("a[href='/active']", {oncreate: m.route.link, class: state.filter === "active" ? "selected" : ""}, "Active")), m("li", m("a[href='/active']", {oncreate: m.route.link, class: state.filter === "active" ? "selected" : ""}, "Active")),
m("li", m("a[href='/completed']", {oncreate: m.route.link, class: state.filter === "completed" ? "selected" : ""}, "Completed")), m("li", m("a[href='/completed']", {oncreate: m.route.link, class: state.filter === "completed" ? "selected" : ""}, "Completed")),
]), ]),
m("button#clear-completed", {onclick: function() {ui.dispatch("clear")}}, "Clear completed"), m("button#clear-completed", {onclick: function() {state.dispatch("clear")}}, "Clear completed"),
]) : null, ]) : null,
] ]
} }