Safe Haskell	None
Language	GHC2021

Web.Hyperbole.HyperView.Event

Synopsis

type DelayMs = Int
event :: (ViewAction (Action id), Attributable a) => Name -> Action id -> Attributes a -> Attributes a
eventName :: Text -> Name
onLoad :: (ViewAction (Action id), Attributable a) => Action id -> DelayMs -> Attributes a -> Attributes a
onClick :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onDblClick :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onMouseEnter :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onMouseLeave :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onInput :: (ViewAction (Action id), Attributable a) => Action id -> DelayMs -> Attributes a -> Attributes a
onChange :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onSubmit :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a
onKeyDown :: (ViewAction (Action id), Attributable a) => Key -> Action id -> Attributes a -> Attributes a
onKeyUp :: (ViewAction (Action id), Attributable a) => Key -> Action id -> Attributes a -> Attributes a
keyDataAttribute :: Key -> Text
data Key
- = ArrowDown
- | ArrowUp
- | ArrowLeft
- | ArrowRight
- | Enter
- | Space
- | Escape
- | Alt
- | CapsLock
- | Control
- | Fn
- | Meta
- | Shift
- | OtherKey Text
dataTarget :: (ViewId id, Attributable a) => id -> Attributes a -> Attributes a
target :: (HyperViewHandled id ctx, ViewId id) => id -> ViewState id -> View id () -> View ctx ()

Documentation

type DelayMs = Int Source #

event :: (ViewAction (Action id), Attributable a) => Name -> Action id -> Attributes a -> Attributes a Source #

eventName :: Text -> Name Source #

onLoad :: (ViewAction (Action id), Attributable a) => Action id -> DelayMs -> Attributes a -> Attributes a Source #

Send the action after N milliseconds. Can be used to implement lazy loading or polling.

viewTaskLoad :: View LazyData ()
viewTaskLoad = do
  -- 100ms after rendering, get the details
  el @ onLoad Details 100 ~ bg GrayLight . textAlign AlignCenter $ do
    text "..."

onClick :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onDblClick :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onMouseEnter :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onMouseLeave :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onInput :: (ViewAction (Action id), Attributable a) => Action id -> DelayMs -> Attributes a -> Attributes a Source #

Run an action when the user types into an input or textarea.

WARNING: a short delay can result in poor performance. It is not recommended to set the value of the input

input @ (onInput Search 250)

onChange :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onSubmit :: (ViewAction (Action id), Attributable a) => Action id -> Attributes a -> Attributes a Source #

onKeyDown :: (ViewAction (Action id), Attributable a) => Key -> Action id -> Attributes a -> Attributes a Source #

onKeyUp :: (ViewAction (Action id), Attributable a) => Key -> Action id -> Attributes a -> Attributes a Source #

keyDataAttribute :: Key -> Text Source #

data Key Source #

Constructors

ArrowDown
ArrowUp
ArrowLeft
ArrowRight
Enter
Space
Escape
Alt
CapsLock
Control
Fn
Meta
Shift
OtherKey Text

Instances

Instances details

Read Key Source #
Instance details Defined in Web.Hyperbole.HyperView.Event Methods readsPrec :: Int -> ReadS Key # readList :: ReadS [Key] # readPrec :: ReadPrec Key # readListPrec :: ReadPrec [Key] #
Show Key Source #
Instance details Defined in Web.Hyperbole.HyperView.Event Methods showsPrec :: Int -> Key -> ShowS # show :: Key -> String # showList :: [Key] -> ShowS #

dataTarget :: (ViewId id, Attributable a) => id -> Attributes a -> Attributes a Source #

Internal

target :: (HyperViewHandled id ctx, ViewId id) => id -> ViewState id -> View id () -> View ctx () Source #

Allow inputs to trigger actions for a different view

targetView :: View Controls ()
targetView = do
  target Targeted () $ do
    button (SetMessage "Targeted!") ~ btn $ "Target SetMessage"