todo.kt

fun main(args: Array<String>) {
    val random = Random()

    Kweb(port = 1544, refreshPageOnHotswap = true, plugins = listOf(semanticUIPlugin)) {
        data class TodoItem(
                val id: String,
                val description: String,
                val done: Boolean,
                val deleted: Boolean
        )

        val items = Shoebox<TodoItem>()

        val activeItems = items
                .view("deleted", { it.deleted.toString() })
                .orderedSet("false", compareBy { it.id })

        val s get() = semantic

        doc.body.new {
            div(s.ui.centered.container).new {
                div(s.ui.grid).new {
                    h1(s.ui.header).text("To-do list")
                    div(s.ui.list).new {
                        renderEach(activeItems) { item ->
                            div(s.item).new {
                                div(s.content).new {
                                    span(s.header).text(item.map(TodoItem::description))
                                    div(s.extra).new {
                                        div(s.right.floated.primary.button).let { button ->
                                            button.text("Remove")
                                            button.on.click {
                                                items.remove(item.value.id)
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                div(s.ui.action.input).new {
                    val newItemInput = input(type = InputType.text, placeholder = "New Item")
                    button(s.ui.button).let { button ->
                        button.new {
                            i(s.add.circle.icon)
                        }
                        button.on.click {
                            launch(CommonPool) {
                                val description = newItemInput.getValue().await()
                                newItemInput.setValue("")
                                if (description.trim() != "") {
                                    val newId = random.nextInt(Integer.MAX_VALUE).toString(16)
                                    items[newId] = TodoItem(newId, description, false, false)
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}