todos.imba

import 'util/styles'

def log do console.log $1 and $1

class Todo
	@observable text\string
	@observable done\boolean

tag todos
	@observable todos\Todo[] = []
	new-todo\string

	def add-todo
		todos.push new Todo
			text: new-todo
			done: no
		new-todo = ""

	@computed get remaining
		log "recalculating"
		(todos.filter do !$1.done).length

	<self>
		<input
			placeholder="Add todo"
			bind=new-todo
			@keydown.enter.if(new-todo)=add-todo>
		for todo in todos
			<%todo-container>
				<input type="checkbox" bind=todo.done>
				<input bind=todo.text>
		<p> `{remaining} remaining`

imba.mount <todos>