2018-05-01 18:34:16 +03:00
|
|
|
module Examples.Page exposing (example, styles)
|
|
|
|
|
|
|
|
{-|
|
|
|
|
|
|
|
|
@docs example, styles
|
|
|
|
|
|
|
|
-}
|
|
|
|
|
|
|
|
import Css
|
|
|
|
import Css.Foreign exposing (Snippet, adjacentSiblings, children, class, descendants, each, everything, media, selector, withClass)
|
2018-06-22 12:41:38 +03:00
|
|
|
import Headings
|
2018-05-01 18:34:16 +03:00
|
|
|
import Html exposing (Html)
|
|
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
|
|
|
import Nri.Ui.Page.V1 as Page
|
|
|
|
import Nri.Ui.Styles.V1 as Styles
|
|
|
|
|
|
|
|
|
|
|
|
{-| -}
|
|
|
|
example : msg -> ModuleExample msg
|
|
|
|
example noOp =
|
|
|
|
{ filename = "Nri/Ui/Page/V1.elm"
|
|
|
|
, category = Pages
|
|
|
|
, content =
|
2018-06-22 12:41:38 +03:00
|
|
|
[ Headings.h3 [ Html.text "Pages for problems" ]
|
|
|
|
, Headings.h4 [ Html.text "Page: Not Found" ]
|
2018-05-01 18:34:16 +03:00
|
|
|
, Page.notFound
|
|
|
|
{ link = noOp
|
|
|
|
, name = "The Main Page"
|
|
|
|
}
|
2018-06-22 12:41:38 +03:00
|
|
|
, Headings.h4 [ Html.text "Page: Broken" ]
|
2018-05-01 18:34:16 +03:00
|
|
|
, Page.broken
|
|
|
|
{ link = noOp
|
|
|
|
, name = "The Main Page"
|
|
|
|
}
|
2018-06-22 12:41:38 +03:00
|
|
|
, Headings.h4 [ Html.text "Page: No Permission" ]
|
2018-05-03 15:32:26 +03:00
|
|
|
, Page.noPermission
|
|
|
|
{ link = noOp
|
|
|
|
, name = "The Main Page"
|
|
|
|
}
|
2018-05-01 18:34:16 +03:00
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
{-| -}
|
|
|
|
styles : Styles.Styles id class msg
|
|
|
|
styles =
|
|
|
|
Styles.styles "Examples-Page-"
|
|
|
|
[ Css.Foreign.class Container
|
|
|
|
[ Css.displayFlex
|
|
|
|
, Css.flexWrap Css.wrap
|
|
|
|
]
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-- INTERNAL
|
|
|
|
|
|
|
|
|
|
|
|
type CssClasses
|
|
|
|
= Container
|