Makes active characters blink.

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);}