Module

FPO.UI.HTML

This module contains some HTML helpers and goodies for the FPO app, useful for creating and reusing HTML components and pages.

#setInnerHtml​

setInnerHtml :: HTMLElement -> String -> Effect Unit

#addColumn​

addColumn :: forall w a. String -> String -> String -> String -> InputType -> (String -> a) -> HTML w a

#addButton​

addButton :: forall w a. Boolean -> String -> Maybe String -> (MouseEvent -> a) -> HTML w a

Creates a button with an icon.

#addClass​

addClass :: forall w i. HTML w i -> ClassName -> HTML w i

Wraps the given HTML in a div with the specified class.

#addCard​

addCard :: forall i w. String -> Array (IProp HTMLdiv i) -> HTML w i -> HTML w i

Creates a bootstrap card with a title and content.

#addModal​

addModal :: forall w i. String -> i -> i -> Array (HTML w i) -> HTML w i

Creates a modal with the given title, cancel action and content. The modal can always be closed by clicking the close icon or by hitting the escape key.

#emptyEntryGen​

emptyEntryGen :: forall w a. Array (HTML w a) -> HTML w a

Creates an empty entry for lists with arbitrary content. Used for padding.

#emptyTableRow​

emptyTableRow :: forall w a. Int -> Int -> HTML w a

Creates an empty table entry for padding (tr).

#loadingSpinner​

loadingSpinner :: forall w i. HTML w i

#filterInput​

filterInput :: forall w i. String -> String -> (String -> i) -> HTML w i

Reusable search/filter input with a magnifying-glass icon. Used by the administration and group-overview pages.

#entryCount​

entryCount :: forall w i. Int -> Int -> Int -> HTML w i

"Showing X–Y of Z" indicator for paginated lists.

Modules