From 9dfa7a7e2c6fac564a456b11623c04d0b26fbce5 Mon Sep 17 00:00:00 2001 From: Joris Date: Sat, 4 Jun 2016 10:04:05 +0200 Subject: Add search on payments and use inline font awesome from elm --- src/client/elm/LoggedIn/Home/View/Search.elm | 29 ++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 src/client/elm/LoggedIn/Home/View/Search.elm (limited to 'src/client/elm/LoggedIn/Home/View/Search.elm') diff --git a/src/client/elm/LoggedIn/Home/View/Search.elm b/src/client/elm/LoggedIn/Home/View/Search.elm new file mode 100644 index 0000000..a4f727a --- /dev/null +++ b/src/client/elm/LoggedIn/Home/View/Search.elm @@ -0,0 +1,29 @@ +module LoggedIn.Home.View.Search exposing + ( paymentsSearch + ) + +import Html exposing (..) +import Html.Attributes exposing (..) +import Html.Events exposing (..) + +import Msg exposing (Msg) +import LoggedIn.Msg as LoggedInMsg +import LoggedIn.Home.Msg as HomeMsg + +import LoggedData exposing (LoggedData) +import LoggedIn.Home.Model as HomeModel +import Model.Translations exposing (getMessage) + +paymentsSearch : LoggedData -> HomeModel.Model -> Html Msg +paymentsSearch loggedData { search } = + Html.div + [ class "search" ] + [ span + [ class "label" ] + [ text (getMessage "Search" loggedData.translations) ] + , input + [ value search + , onInput (Msg.UpdateLoggedIn << LoggedInMsg.HomeMsg << HomeMsg.UpdateSearch) + ] + [] + ] -- cgit v1.2.3