mirror of
https://github.com/correl/elm-mdl.git
synced 2024-12-18 11:06:18 +00:00
97 lines
2.3 KiB
Elm
97 lines
2.3 KiB
Elm
module Material.Aux where
|
|
|
|
import Html
|
|
import Html.Attributes
|
|
import Html.Events
|
|
import Json.Decode as Json exposing ((:=))
|
|
import Effects exposing (Effects)
|
|
import Native.Material
|
|
|
|
filter : (a -> List b -> c) -> a -> List (Maybe b) -> c
|
|
filter elem attr html =
|
|
elem attr (List.filterMap (\x -> x) html)
|
|
|
|
|
|
onClick' : Signal.Address a -> a -> Html.Attribute
|
|
onClick' address x =
|
|
Html.Events.onWithOptions
|
|
"click"
|
|
{ stopPropagation = True
|
|
, preventDefault = True
|
|
}
|
|
Json.value
|
|
(\_ -> Signal.message address x)
|
|
|
|
|
|
effect : Effects b -> a -> (a, Effects b)
|
|
effect e x = (x, e)
|
|
|
|
|
|
pure : a -> (a, Effects b)
|
|
pure = effect Effects.none
|
|
|
|
|
|
clip : comparable -> comparable -> comparable -> comparable
|
|
clip lower upper k = Basics.max lower (Basics.min k upper)
|
|
|
|
|
|
type alias Rectangle =
|
|
{ width : Float
|
|
, height : Float
|
|
, top : Float
|
|
, right : Float
|
|
, bottom : Float
|
|
, left : Float
|
|
}
|
|
|
|
|
|
rectangleDecoder : Json.Decoder Rectangle
|
|
rectangleDecoder =
|
|
"boundingClientRect" :=
|
|
Json.object6 Rectangle
|
|
("width" := Json.float)
|
|
("height" := Json.float)
|
|
("top" := Json.float)
|
|
("right" := Json.float)
|
|
("bottom" := Json.float)
|
|
("left" := Json.float)
|
|
|
|
|
|
{-| Options for an event listener. If `stopPropagation` is true, it means the
|
|
event stops traveling through the DOM so it will not trigger any other event
|
|
listeners. If `preventDefault` is true, any built-in browser behavior related
|
|
to the event is prevented. For example, this is used with touch events when you
|
|
want to treat them as gestures of your own, not as scrolls. If `withGeometry`
|
|
is true, the event object will be augmented with geometry information for the
|
|
events target node; use `geometryDecoder` to decode.
|
|
-}
|
|
type alias Options =
|
|
{ stopPropagation : Bool
|
|
, preventDefault : Bool
|
|
, withGeometry : Bool
|
|
}
|
|
|
|
|
|
{-| Everything is `False` by default.
|
|
defaultOptions =
|
|
{ stopPropagation = False
|
|
, preventDefault = False
|
|
, withGeometry = False
|
|
}
|
|
-}
|
|
defaultOptions : Options
|
|
defaultOptions =
|
|
{ stopPropagation = False
|
|
, preventDefault = False
|
|
, withGeometry = False
|
|
}
|
|
|
|
|
|
on : String -> Options -> Json.Decoder a -> (a -> Signal.Message) -> Html.Attribute
|
|
on =
|
|
Native.Material.on
|
|
|
|
|
|
blurOn : String -> Html.Attribute
|
|
blurOn evt =
|
|
Html.Attributes.attribute ("on" ++ evt) <| "this.blur()"
|