elm/lootalot-client
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

improves design

Browse Source
This commit is contained in:
Arthur Gerbaud
2019-11-07 21:28:58 +01:00
parent c98b930647
commit b784137d15
3 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/Chest.elm
View File

@@ -88,9 +88,11 @@ view mode route model =
in in
article article
[ class "section" ] [ class "section" ]
[ p [ class "heading" ] [ text header ] [ div [ class "columns"]
, viewSearchBar [ div [ class "column is-one-third" ] [ p [ class "title" ] [ text header ] ]
, table [ class "table is-fullwidth is-hoverable" ] , div [ class "column" ] [ viewSearchBar ]
]
, table [ class "table is-fullwidth is-striped is-hoverable" ]
[ thead [ class "table-header" ] [ thead [ class "table-header" ]
[ th [] [ text "Nom" ] ] [ th [] [ text "Nom" ] ]
, tbody [] <| List.map (viewItemTableRow isSelected rowControls) shownItems , tbody [] <| List.map (viewItemTableRow isSelected rowControls) shownItems
@@ -102,7 +104,11 @@ claimedItemRenderer : (Item -> Bool) -> Item -> Html Msg
claimedItemRenderer isClaimed item = claimedItemRenderer isClaimed item =
case isClaimed item of case isClaimed item of
True -> True ->
renderIcon "fas fa-praying-hands" "1x" renderIcon
{ icon = "fas fa-praying-hands"
, size = "small"
, ratio = "1x"
}
False -> False ->
text "" text ""
@@ -193,7 +199,12 @@ switchSelectionState id selection =
viewSearchBar : Html Msg viewSearchBar : Html Msg
viewSearchBar = viewSearchBar =
input [ class "input" ] [] div [ class "field" ]
[ p [ class "control has-icons-left" ]
[ input [ class "input" ] []
, span [ class "icon is-left" ] [ i [ class "fas fa-search" ] [] ]
]
]
targetItemsFor : Route -> Model -> List Item targetItemsFor : Route -> Model -> List Item

6
src/Main.elm
View File

@@ -533,7 +533,7 @@ viewHeaderBar model =
nav [ class "navbar container", class "is-info" ] nav [ class "navbar container", class "is-info" ]
[ div [ class "navbar-brand" ] [ div [ class "navbar-brand" ]
[ a [ class "navbar-item", href "/" ] [ a [ class "navbar-item", href "/" ]
[ renderIcon "fab fa-d-and-d" "2x" [ renderIcon { icon = "fab fa-d-and-d", size = "medium", ratio = "2x" }
, span [] [ text model.player.name ] , span [] [ text model.player.name ]
] ]
, a [ class "navbar-burger is-active" ] , a [ class "navbar-burger is-active" ]
@@ -545,7 +545,7 @@ viewHeaderBar model =
, div [ class "navbar-menu is-active" ] , div [ class "navbar-menu is-active" ]
[ div [ class "navbar-end" ] [ div [ class "navbar-end" ]
[ a [ class "navbar-item", href "/marchand" ] [ a [ class "navbar-item", href "/marchand" ]
[ renderIcon "fas fa-store-alt" "1x" [ renderIcon { icon = "fas fa-store-alt", ratio = "1x", size = "medium" }
, span [] [ text "Marchand" ] , span [] [ text "Marchand" ]
] ]
, a , a
@@ -558,7 +558,7 @@ viewHeaderBar model =
"/coffre" "/coffre"
) )
] ]
[ renderIcon "fas fa-gem" "1x" [ renderIcon { icon = "fas fa-gem", ratio = "1x", size = "medium" }
, span [] , span []
[ text [ text
(if model.player.id == 0 then (if model.player.id == 0 then

6
src/Utils.elm
View File

@@ -4,6 +4,6 @@ import Html exposing (..)
import Html.Attributes exposing (..) import Html.Attributes exposing (..)
renderIcon name size = renderIcon params =
span [ class <| "icon is-medium" ] span [ class <| "icon is-" ++ params.size ]
[ i [ class <| name ++ " fa-" ++ size ] [] ] [ i [ class <| params.icon ++ " fa-" ++ params.ratio ] [] ]