| summaryrefslogtreecommitdiff |
diff options
| -rw-r--r-- | src/battlemap/src/View/SubMenu/Characters.elm | 33 | ||||
| -rw-r--r-- | src/battlemap/www/style.css | 13 |
2 files changed, 38 insertions, 8 deletions
diff --git a/src/battlemap/src/View/SubMenu/Characters.elm b/src/battlemap/src/View/SubMenu/Characters.elm index d96eb2d..a4ed10e 100644 --- a/src/battlemap/src/View/SubMenu/Characters.elm +++ b/src/battlemap/src/View/SubMenu/Characters.elm @@ -17,15 +17,10 @@ import View.Character -------------------------------------------------------------------------------- -- LOCAL ----------------------------------------------------------------------- -------------------------------------------------------------------------------- -get_character_element_html : ( - String -> - Struct.Character.Type -> - (Html.Html Struct.Event.Type) - ) -get_character_element_html viewer_id char = +get_character_text_html : Struct.Character.Type -> (Html.Html Struct.Event.Type) +get_character_text_html char = (Html.div [ - (Html.Attributes.class "battlemap-characters-element"), (Html.Attributes.class "clickable"), (Html.Events.onClick (Struct.Event.CharacterInfoRequested @@ -34,7 +29,6 @@ get_character_element_html viewer_id char = ) ] [ - (View.Character.get_portrait_html viewer_id char), (Html.text ( (Struct.Character.get_name char) @@ -57,6 +51,29 @@ get_character_element_html viewer_id char = ] ) +get_character_element_html : ( + String -> + Struct.Character.Type -> + (Html.Html Struct.Event.Type) + ) +get_character_element_html viewer_id char = + (Html.div + [ + (Html.Attributes.class "battlemap-characters-element"), + ( + if (Struct.Character.is_enabled char) + then + (Html.Attributes.class "battlemap-characters-element-active") + else + (Html.Attributes.class "battlemap-characters-element-inactive") + ) + ] + [ + (View.Character.get_portrait_html viewer_id char), + (get_character_text_html char) + ] + ) + -------------------------------------------------------------------------------- -- EXPORTED -------------------------------------------------------------------- -------------------------------------------------------------------------------- diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 20c1da6..c8b15c1 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -214,6 +214,13 @@ flex-wrap: wrap; } +.battlemap-characters-element-active +{ + animation-name: brown-alarm-bg; + animation-duration: 2s; + animation-iteration-count: infinite; +} + .battlemap-character-portrait:hover { cursor: pointer; @@ -422,6 +429,12 @@ 100% {background-color: rgba(255,0,0,0.25);} } +@keyframes brown-alarm-bg { + 0% {background-color: #917C6F;} + 75% {background-color: #AC9D93} + 100% {background-color: #917C6F;} +} + @keyframes blue-alarm-bg { 0% {background-color: rgba(0,0,255,0.25);} 75% {background-color: rgba(0,0,255,1);} |