karchnu/halogen-websocket-ipc-playzone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Administration page now has tabs.

Browse Source
This commit is contained in:
Philippe Pittoli 2024-03-17 01:33:44 +01:00
parent 66e024b202
commit 5690b0271f
1 changed files with 64 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
src/App/Page/Administration.purs
View File

@ -10,7 +10,8 @@
-} -}
module App.Page.Administration where module App.Page.Administration where
import Prelude (Unit, bind, discard, not, pure, show, ($), (<<<), (<>), (=<<), map, (/=)) import Prelude (Unit, bind, discard, not, pure, show, ($), (<<<), (<>), (=<<), map, (/=), (==))
import Data.Eq (class Eq)
import Bulma as Bulma import Bulma as Bulma
@ -74,15 +75,16 @@ data Action
| ShowUser Int | ShowUser Int
| RemoveUser Int | RemoveUser Int
-- | Change the displayed page. -- | Change the displayed tab.
| Routing Page | ChangeTab Tab
| Initialize | Initialize
| Finalize | Finalize
-- | There are different `sub-pages` in the authentication daemon admin page. -- | There are different tabs in the administration page.
-- | For example, users can be searched and a list is provided. -- | For example, users can be searched (`authd`) and a list is provided.
data Page = Home | Search | Add data Tab = Home | Search | Add
derive instance eqTab :: Eq Tab
type StateAddUserForm = { login :: String, admin :: Boolean, email :: String, pass :: String } type StateAddUserForm = { login :: String, admin :: Boolean, email :: String, pass :: String }
type StateSearchUserForm = { regex :: String {-, admin :: Boolean, domain :: String -} } type StateSearchUserForm = { regex :: String {-, admin :: Boolean, domain :: String -} }
@ -90,7 +92,7 @@ type StateSearchUserForm = { regex :: String {-, admin :: Boolean, domain :: Str
type State = type State =
{ addUserForm :: StateAddUserForm { addUserForm :: StateAddUserForm
, searchUserForm :: StateSearchUserForm , searchUserForm :: StateSearchUserForm
, page :: Page , current_tab :: Tab
, wsUp :: Boolean , wsUp :: Boolean
, matching_users :: Array UserPublic , matching_users :: Array UserPublic
} }
@ -112,15 +114,15 @@ initialState :: Input -> State
initialState _ = { addUserForm: { login: "", admin: false, email: "", pass: "" } initialState _ = { addUserForm: { login: "", admin: false, email: "", pass: "" }
, searchUserForm: { regex: "" {-, admin: false, domain: "" -} } , searchUserForm: { regex: "" {-, admin: false, domain: "" -} }
, matching_users: [] , matching_users: []
, page: Home , current_tab: Home
, wsUp: true , wsUp: true
} }
render :: forall m. State -> H.ComponentHTML Action () m render :: forall m. State -> H.ComponentHTML Action () m
render { addUserForm, searchUserForm, matching_users, page, wsUp } render { addUserForm, searchUserForm, matching_users, current_tab, wsUp }
= HH.div_ = HH.div_
[ Bulma.box [routing_search_button, routing_add_button] [ fancy_tab_bar
, case page of , case current_tab of
Home -> Bulma.section_small [Bulma.h3 "Select an action"] Home -> Bulma.section_small [Bulma.h3 "Select an action"]
Search -> Bulma.columns_ Search -> Bulma.columns_
[ Bulma.column (C.is 3) [Bulma.article (Bulma.p "Search users") render_searchuser_form] [ Bulma.column (C.is 3) [Bulma.article (Bulma.p "Search users") render_searchuser_form]
@ -130,54 +132,59 @@ render { addUserForm, searchUserForm, matching_users, page, wsUp }
[ Bulma.column (C.is 5) [Bulma.article (Bulma.p "Add a new user") render_adduser_form] ] [ Bulma.column (C.is 5) [Bulma.article (Bulma.p "Add a new user") render_adduser_form] ]
] ]
where where
show_found_users = Bulma.box [ HH.ul_ $ map user_card matching_users ] fancy_tab_bar =
user_card user = HH.li_ [ Bulma.btn user.login (ShowUser user.uid) Bulma.fancy_tabs
, Bulma.alert_btn "remove" (RemoveUser user.uid) [ Bulma.tab_entry (is_tab_active Home) "Home" (ChangeTab Home)
] , Bulma.tab_entry (is_tab_active Search) "Search" (ChangeTab Search)
up x = HandleAddUserInput <<< x , Bulma.tab_entry (is_tab_active Add) "Add" (ChangeTab Add)
active = (if wsUp then (HP.enabled true) else (HP.disabled true)) ]
is_tab_active tab = current_tab == tab
render_adduser_form = show_found_users = Bulma.box [ HH.ul_ $ map user_card matching_users ]
HH.form user_card user = HH.li_ [ Bulma.btn user.login (ShowUser user.uid)
[ HE.onSubmit PreventSubmit ] , Bulma.alert_btn "remove" (RemoveUser user.uid)
[ Bulma.box_input "login" "User login" "login" (up ADDUSER_INP_login) addUserForm.login active ]
, Bulma.btn_labeled "adminbtn" "Admin" (show addUserForm.admin) (HandleAddUserInput ADDUSER_toggle_admin) up x = HandleAddUserInput <<< x
, Bulma.box_input "email" "User email" "email" (up ADDUSER_INP_email) addUserForm.email active active = (if wsUp then (HP.enabled true) else (HP.disabled true))
, Bulma.box_password "password" "User password" "password" (up ADDUSER_INP_pass) addUserForm.pass active
, Bulma.btn "Send" AddUserAttempt
]
render_searchuser_form = render_adduser_form =
HH.form HH.form
[ HE.onSubmit PreventSubmit ] [ HE.onSubmit PreventSubmit ]
[ Bulma.p """ [ Bulma.box_input "login" "User login" "login" (up ADDUSER_INP_login) addUserForm.login active
Following input accepts any regex. , Bulma.btn_labeled "adminbtn" "Admin" (show addUserForm.admin) (HandleAddUserInput ADDUSER_toggle_admin)
This will be used to search an user based on his login, full name or email address. , Bulma.box_input "email" "User email" "email" (up ADDUSER_INP_email) addUserForm.email active
""" , Bulma.box_password "password" "User password" "password" (up ADDUSER_INP_pass) addUserForm.pass active
, Bulma.box_input "regex" "Regex" "regex" (up SEARCHUSER_INP_regex) searchUserForm.regex active , Bulma.btn "Send" AddUserAttempt
--, Bulma.btn_labeled "adminbtn" "Admin" (show searchUserForm.admin) ]
-- (HandleAddUserInput SEARCHUSER_toggle_admin)
--, Bulma.box_input "domain" "Domain owned" "blah.netlib.re."
-- (up SEARCHUSER_INP_domain) searchUserForm.domain active
, Bulma.btn "Send" SearchUserAttempt
]
routing_search_button = Bulma.btn "Search" $ Routing Search render_searchuser_form =
routing_add_button = Bulma.btn "Add" $ Routing Add HH.form
[ HE.onSubmit PreventSubmit ]
[ Bulma.p """
Following input accepts any regex.
This will be used to search an user based on his login, full name or email address.
"""
, Bulma.box_input "regex" "Regex" "regex" (up SEARCHUSER_INP_regex) searchUserForm.regex active
--, Bulma.btn_labeled "adminbtn" "Admin" (show searchUserForm.admin)
-- (HandleAddUserInput SEARCHUSER_toggle_admin)
--, Bulma.box_input "domain" "Domain owned" "blah.netlib.re."
-- (up SEARCHUSER_INP_domain) searchUserForm.domain active
, Bulma.btn "Send" SearchUserAttempt
]
handleAction :: forall m. MonadAff m => Action -> H.HalogenM State Action () Output m Unit handleAction :: forall m. MonadAff m => Action -> H.HalogenM State Action () Output m Unit
handleAction = case _ of handleAction = case _ of
Initialize -> do Initialize -> do
H.raise $ AskState H.raise $ AskState
sessionstorage <- H.liftEffect $ Window.sessionStorage =<< HTML.window sessionstorage <- H.liftEffect $ Window.sessionStorage =<< HTML.window
old_page <- H.liftEffect $ Storage.getItem "current-ada-page" sessionstorage old_tab <- H.liftEffect $ Storage.getItem "current-ada-tab" sessionstorage
case old_page of case old_tab of
Nothing -> H.raise $ Log $ ErrorLog "We hadn't changed page before reload apparently." Nothing -> H.raise $ Log $ ErrorLog "We hadn't changed tab before reload apparently."
Just page -> case page of Just current_tab -> case current_tab of
"Home" -> handleAction $ Routing Home "Home" -> handleAction $ ChangeTab Home
"Search" -> handleAction $ Routing Search "Search" -> handleAction $ ChangeTab Search
"Add" -> handleAction $ Routing Add "Add" -> handleAction $ ChangeTab Add
_ -> H.raise $ Log $ ErrorLog $ "Reload but cannot understand old page: " <> page _ -> H.raise $ Log $ ErrorLog $ "Reload but cannot understand old current_tab: " <> current_tab
Finalize -> do Finalize -> do
state <- H.get state <- H.get
@ -222,14 +229,14 @@ handleAction = case _ of
H.raise $ MessageToSend ab H.raise $ MessageToSend ab
H.raise $ Log $ SystemLog "Add a user" H.raise $ Log $ SystemLog "Add a user"
Routing page -> do ChangeTab current_tab -> do
-- Store the current page we are on and restore it when we reload. -- Store the current tab we are on and restore it when we reload.
sessionstorage <- H.liftEffect $ Window.sessionStorage =<< HTML.window sessionstorage <- H.liftEffect $ Window.sessionStorage =<< HTML.window
_ <- case page of _ <- case current_tab of
Home -> H.liftEffect $ Storage.setItem "current-ada-page" "Home" sessionstorage Home -> H.liftEffect $ Storage.setItem "current-ada-tab" "Home" sessionstorage
Search -> H.liftEffect $ Storage.setItem "current-ada-page" "Search" sessionstorage Search -> H.liftEffect $ Storage.setItem "current-ada-tab" "Search" sessionstorage
Add -> H.liftEffect $ Storage.setItem "current-ada-page" "Add" sessionstorage Add -> H.liftEffect $ Storage.setItem "current-ada-tab" "Add" sessionstorage
H.modify_ _ { page = page } H.modify_ _ { current_tab = current_tab }
SearchUserAttempt -> do SearchUserAttempt -> do
{ searchUserForm } <- H.get { searchUserForm } <- H.get