rnentjes/komp-todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Todos

Browse Source
This commit is contained in:
rnentjes
2017-04-29 13:23:15 +02:00
parent 5f7f2d681a
commit 221465bd5e
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/main/kotlin/nl/astraeus/komp/todo/Todo.kt
View File

@@ -1,10 +1,12 @@
package nl.astraeus.komp.todo package nl.astraeus.komp.todo
import kotlinx.html.* import kotlinx.html.*
import kotlinx.html.js.onKeyPressFunction
import kotlinx.html.js.section import kotlinx.html.js.section
import nl.astraeus.komp.HtmlComponent import nl.astraeus.komp.HtmlComponent
import nl.astraeus.komp.Komp import nl.astraeus.komp.Komp
import org.w3c.dom.HTMLElement import org.w3c.dom.HTMLElement
import org.w3c.dom.events.KeyboardEvent
import kotlin.browser.document import kotlin.browser.document
/** /**
@@ -18,12 +20,21 @@ class Todo(val dataId: String, val title: String, var completed: Boolean)
class TodoApp: HtmlComponent() { class TodoApp: HtmlComponent() {
val todos: List<Todo> = ArrayList() val todos: List<Todo> = ArrayList()
fun addTodo(todo: String) {
}
override fun render(consumer: TagConsumer<HTMLElement>) = consumer.section(classes = "todoapp") { override fun render(consumer: TagConsumer<HTMLElement>) = consumer.section(classes = "todoapp") {
header(classes = "header") { header(classes = "header") {
h1 { + "todos" } h1 { + "todos" }
input(classes = "new-todo") { input(classes = "new-todo") {
placeholder = "What needs to be done?" placeholder = "What needs to be done?"
autoFocus = true autoFocus = true
onKeyPressFunction = { e ->
if (e is KeyboardEvent && e.keyCode == 13) {
//addTodo(e.target.value)
}
}
} }
} }
section(classes = "main") { section(classes = "main") {