diff options
Diffstat (limited to 'examples/03-controlled-inputs/src/app.gleam')
-rw-r--r-- | examples/03-controlled-inputs/src/app.gleam | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/examples/03-controlled-inputs/src/app.gleam b/examples/03-controlled-inputs/src/app.gleam index d3c764e..f620e6a 100644 --- a/examples/03-controlled-inputs/src/app.gleam +++ b/examples/03-controlled-inputs/src/app.gleam @@ -35,13 +35,13 @@ fn init(_) -> Model { // UPDATE ---------------------------------------------------------------------- pub opaque type Msg { - GotInput(value: String) - Reset + UserUpdatedMessage(value: String) + UserResetMessage } fn update(model: Model, msg: Msg) -> Model { case msg { - GotInput(value) -> { + UserUpdatedMessage(value) -> { let length = string.length(value) case length <= model.max { @@ -49,7 +49,7 @@ fn update(model: Model, msg: Msg) -> Model { False -> model } } - Reset -> Model(..model, value: "", length: 0) + UserResetMessage -> Model(..model, value: "", length: 0) } } @@ -67,10 +67,13 @@ fn view(model: Model) -> Element(Msg) { ui.field( [], [element.text("Write a message:")], - ui.input([attribute.value(model.value), event.on_input(GotInput)]), + ui.input([ + attribute.value(model.value), + event.on_input(UserUpdatedMessage), + ]), [element.text(length <> "/" <> max)], ), - ui.button([event.on_click(Reset)], [element.text("Reset")]), + ui.button([event.on_click(UserResetMessage)], [element.text("Reset")]), ), ) } |