Views

view components.

view components

type IconKind

= Redo

| Plus

| Minus

| Filter

| Search

| Pen

| Trash

| ArrowRight

| Check

| Save

| Download

| Eye

| User

| Home

| Globe

| ExternalLinkAlt

| Image

| Bars

| WindowClose

icon kind. cf) font awesome |

type alias InputArg msg =

{ value : String

, label : String

, placeholder : String

, type_ : String

, attributes : List (Attribute msg)

}

'input' function arguments. |

type alias SelectedFile =

{ file : Maybe File

, url : String

}

selected file struct.

type ViewElement msg

= Tag (Html msg)

| Tags (List (Html msg))

| Empty

'build' function arguments.

backdrop : List (Attribute msg) -> List (Html msg) -> Html msg

backdrop. ex) modal dialog back. |

build : List (ViewElement msg) -> List (Html msg)

complexity tag builder.

concatClass : List String -> Attribute msg

concat class attributes. |

defaultInputArg : InputArg msg

default input arg. |

defaultTextAreaArg : TextAreaArg msg

default textarea arg.

dialog :

{ body : List (Html msg)

, headerElements : List (Html msg)

, footerElements : List (Html msg)

}

-> Html msg

modal dialog by <dialog> tag.

dialogConfirmation :

{ title : String

, cancel : msg

, ok : msg

, body : List (Html msg)

}

-> Html msg

simple ok/cancel dialog. |

icon : IconKind -> Html msg

only icon. |

iconButton : IconKind -> List (Attribute msg) -> Html msg

button with icon. |

iconButtonText : IconKind -> String -> List (Attribute msg) -> Html msg

button with icon and text. |

iconS : String -> Html msg

small icon. |

imageSelector : msg -> Maybe SelectedFile -> Html msg

image selector. |

input : (InputArg msg -> InputArg msg) -> (String -> msg) -> Html msg

input component. |

input2 :

Input2RequiredArg msg

-> (Input2OptionalArg msg -> Input2OptionalArg msg)

-> Html msg

input component. |

inputUnderLine : List (Attribute msg) -> List (Html msg) -> Html msg

underlined input component. |

oneColumn : Html msg -> Html msg

only one column row. |

oneColumnNoTBMargin : Html msg -> Html msg

one column no top and bottom margin. |

oneColumnNoTopMargin : Html msg -> Html msg

one column no top margin. |

select :

{ value : Maybe a

, values : List a

, valueToString : a -> String

, valueToLabel : a -> String

, handler : String -> msg

, attributes : List (Attribute msg)

}

-> Html msg

select component. |

submitter : msg -> Bool -> String -> Html msg

loading button. |

switch :

{ value : Bool

, onClick : msg

}

-> Html msg

toggle button. |

textArea : (TextAreaArg msg -> TextAreaArg msg) -> (String -> msg) -> Html msg

textarea component. |

twoColumns : Html msg -> Html msg -> Html msg

two columns row. |

jabaraster/elm-views/2.0.0

Views

view components

Modules