-
Notifications
You must be signed in to change notification settings - Fork 3
/
MultipleDebouncers.elm
151 lines (125 loc) · 3.49 KB
/
MultipleDebouncers.elm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
module MultipleDebouncers exposing (..)
import Browser
import Debounce exposing (Debounce)
import Html exposing (..)
import Html.Attributes exposing (..)
import Html.Events exposing (..)
import Task exposing (..)
main : Program () Model Msg
main =
Browser.element
{ init = \_ -> init
, view = view
, update = update
, subscriptions = subscriptions
}
type alias Model =
{ name : String
, nickname : String
, nameDebouncer : Debounce String
, nicknameDebouncer : Debounce String
, report : List String
}
init : ( Model, Cmd Msg )
init =
( { name = ""
, nickname = ""
, nameDebouncer = Debounce.init
, nicknameDebouncer = Debounce.init
, report = []
}
, Cmd.none
)
type Msg
= NoOp
| InputName String
| InputNickname String
| Saved String
| DebounceName Debounce.Msg
| DebounceNickname Debounce.Msg
debounceConfig : (Debounce.Msg -> Msg) -> Debounce.Config Msg
debounceConfig debounceMsg =
{ strategy = Debounce.later 1000
, transform = debounceMsg
}
update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
case msg of
NoOp ->
( model
, Cmd.none
)
InputName name ->
let
( newDebouncer, cmd ) =
Debounce.push
(debounceConfig DebounceName)
name
model.nameDebouncer
in
( { model
| name = name
, nameDebouncer = newDebouncer
}
, cmd
)
InputNickname nickname ->
let
( newDebouncer, cmd ) =
Debounce.push
(debounceConfig DebounceNickname)
nickname
model.nicknameDebouncer
in
( { model
| nickname = nickname
, nicknameDebouncer = newDebouncer
}
, cmd
)
DebounceName msg_ ->
let
( newDebouncer, cmd ) =
Debounce.update
(debounceConfig DebounceName)
(Debounce.takeLast save)
msg_
model.nameDebouncer
in
( { model | nameDebouncer = newDebouncer }
, cmd
)
DebounceNickname msg_ ->
let
( newDebouncer, cmd ) =
Debounce.update
(debounceConfig DebounceNickname)
(Debounce.takeLast save)
msg_
model.nicknameDebouncer
in
( { model | nicknameDebouncer = newDebouncer }
, cmd
)
Saved s ->
( { model | report = s :: model.report }
, Cmd.none
)
save : String -> Cmd Msg
save s =
Task.perform Saved (Task.succeed s)
subscriptions : Model -> Sub Msg
subscriptions model =
Sub.none
view : Model -> Html Msg
view model =
div []
[ p [] [ text "Enter your name: " ]
, input [ value model.name, onInput InputName ] []
, p [] [ text "Enter your nickname: " ]
, input [ value model.nickname, onInput InputNickname ] []
, ul [] (List.map report (List.reverse model.report))
]
report : String -> Html msg
report s =
li [] [ text s ]