Eike Kettner dd935454c9 First version of new ui based on tailwind
This drops fomantic-ui as css toolkit and introduces tailwindcss. With
tailwind there are no predefined components, but it's very easy to
create those. So customizing the look&feel is much simpler, most of
the time no additional css is needed.

This requires a complete rewrite of the markup + styles. Luckily all
logic can be kept as is. The now old ui is not removed, it is still
available by using a request header `Docspell-Ui` with a value of `1`
for the old ui and `2` for the new ui.

Another addition is "dev mode", where docspell serves assets with a
no-cache header, to disable browser caching. This makes developing a
lot easier.
2021-02-14 01:46:13 +01:00

284 lines
5.4 KiB
Elm

module Page exposing
( Page(..)
, fromUrl
, goto
, hasSidebar
, href
, isOpen
, isSecured
, loginPage
, loginPageReferrer
, pageFromString
, pageName
, pageToString
, set
, uploadId
)
import Browser.Navigation as Nav
import Html exposing (Attribute)
import Html.Attributes as Attr
import Url exposing (Url)
import Url.Parser as Parser exposing ((</>), (<?>), Parser, oneOf, s, string)
import Url.Parser.Query as Query
import Util.Maybe
type Page
= HomePage
| LoginPage (Maybe Page)
| ManageDataPage
| CollectiveSettingPage
| UserSettingPage
| QueuePage
| RegisterPage
| UploadPage (Maybe String)
| NewInvitePage
| ItemDetailPage String
isSecured : Page -> Bool
isSecured page =
case page of
HomePage ->
True
LoginPage _ ->
False
ManageDataPage ->
True
CollectiveSettingPage ->
True
UserSettingPage ->
True
QueuePage ->
True
RegisterPage ->
False
NewInvitePage ->
False
UploadPage arg ->
Util.Maybe.isEmpty arg
ItemDetailPage _ ->
True
{-| Currently, all secured pages have a sidebar, except UploadPage.
-}
hasSidebar : Page -> Bool
hasSidebar page =
case page of
UploadPage _ ->
False
_ ->
isSecured page
isOpen : Page -> Bool
isOpen page =
not (isSecured page)
loginPage : Page -> Page
loginPage p =
case p of
LoginPage _ ->
LoginPage Nothing
_ ->
LoginPage (Just p)
pageName : Page -> String
pageName page =
case page of
HomePage ->
"Home"
LoginPage _ ->
"Login"
ManageDataPage ->
"Manage Data"
CollectiveSettingPage ->
"Collective Settings"
UserSettingPage ->
"User Settings"
QueuePage ->
"Processing"
RegisterPage ->
"Register"
NewInvitePage ->
"New Invite"
UploadPage arg ->
case arg of
Just _ ->
"Anonymous Upload"
Nothing ->
"Upload"
ItemDetailPage _ ->
"Item"
loginPageReferrer : Page -> Maybe Page
loginPageReferrer page =
case page of
LoginPage r ->
r
_ ->
Nothing
uploadId : Page -> Maybe String
uploadId page =
case page of
UploadPage id ->
id
_ ->
Nothing
pageToString : Page -> String
pageToString page =
case page of
HomePage ->
"/app/home"
LoginPage referer ->
case referer of
Just (LoginPage _) ->
"/app/login"
Just p ->
"/app/login?r=" ++ pageToString p
Nothing ->
"/app/login"
ManageDataPage ->
"/app/managedata"
CollectiveSettingPage ->
"/app/csettings"
UserSettingPage ->
"/app/usettings"
QueuePage ->
"/app/queue"
RegisterPage ->
"/app/register"
UploadPage sourceId ->
Maybe.map (\id -> "/" ++ id) sourceId
|> Maybe.withDefault ""
|> (++) "/app/upload"
NewInvitePage ->
"/app/newinvite"
ItemDetailPage id ->
"/app/item/" ++ id
pageFromString : String -> Maybe Page
pageFromString str =
let
urlNormed =
if String.startsWith str "http" then
str
else
"http://somehost" ++ str
url =
Url.fromString urlNormed
in
Maybe.andThen (Parser.parse parser) url
href : Page -> Attribute msg
href page =
Attr.href (pageToString page)
set : Nav.Key -> Page -> Cmd msg
set key page =
Nav.pushUrl key (pageToString page)
goto : Page -> Cmd msg
goto page =
Nav.load (pageToString page)
pathPrefix : String
pathPrefix =
"app"
parser : Parser (Page -> a) a
parser =
oneOf
[ Parser.map HomePage
(oneOf
[ Parser.top
, s pathPrefix </> s "home"
]
)
, Parser.map LoginPage (s pathPrefix </> s "login" <?> pageQuery)
, Parser.map ManageDataPage (s pathPrefix </> s "managedata")
, Parser.map CollectiveSettingPage (s pathPrefix </> s "csettings")
, Parser.map UserSettingPage (s pathPrefix </> s "usettings")
, Parser.map QueuePage (s pathPrefix </> s "queue")
, Parser.map RegisterPage (s pathPrefix </> s "register")
, Parser.map (\s -> UploadPage (Just s)) (s pathPrefix </> s "upload" </> string)
, Parser.map (UploadPage Nothing) (s pathPrefix </> s "upload")
, Parser.map NewInvitePage (s pathPrefix </> s "newinvite")
, Parser.map ItemDetailPage (s pathPrefix </> s "item" </> string)
]
fromUrl : Url -> Maybe Page
fromUrl url =
Parser.parse parser url
fromString : String -> Maybe Page
fromString str =
let
url =
Url Url.Http "localhost" Nothing str Nothing Nothing
in
fromUrl url
pageQuery : Query.Parser (Maybe Page)
pageQuery =
let
parsePage ms =
Maybe.andThen fromString ms
in
Query.string "r"
|> Query.map parsePage