cerchez07/elm-0.19-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update part12 and part13

Browse Source
This commit is contained in:
Richard Feldman
2016-09-07 02:05:46 -05:00
parent 032ae93a19
commit b7c8141b5e
3 changed files with 96 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
part12/ElmHub.elm
View File

@@ -76,8 +76,6 @@ subscriptions _ =
viewOptions : SearchOptions -> Html OptionsMsg
viewOptions opts =
-- TODO add this line so we can tell whenever this function gets executed:
-- Debug.log "viewOptions was called" <|
div [ class "search-options" ]
[ div [ class "search-option" ]
[ label [ class "top-label" ] [ text "Search in" ]
@@ -92,6 +90,11 @@ viewOptions opts =
, input
[ type' "text"
, placeholder "Enter a username"
-- TODO replace opts.userFilter with the following:
--
-- (Debug.log "username" opts.userFilter)
--
-- This way, we'll see console output whenever this gets run!
, defaultValue opts.userFilter
, onInput SetUserFilter
]
@@ -229,9 +232,11 @@ view model =
]
, div [ class "search" ]
-- TODO change this to (lazy viewOptions model.options)
-- and verify that it no longer shows the Debug.log message every
-- time you type in the input box. Instead, it should only show
-- once on page load, and then again when the options change.
-- and verify that it no longer shows the Debug.log message when
-- you type in the main search box.
--
-- Instead, the message should only appear once on page load,
-- and then again when interacting with the options themselves.
[ Html.map Options (viewOptions model.options)
, div [ class "search-input" ]
[ input [ class "search-query", onInput SetQuery, defaultValue model.query ] []