Character icon bodies are now team uniforms.

2 files changed, 42 insertions, 3 deletions

diff --git a/src/battlemap/src/View/Battlemap/Character.elm b/src/battlemap/src/View/Battlemap/Character.elm
index 4dbb5a4..156a638 100644
--- a/src/battlemap/src/View/Battlemap/Character.elm
+++ b/src/battlemap/src/View/Battlemap/Character.elm
@@ -81,6 +81,34 @@ get_focus_class model char =
       else
          (Html.Attributes.class "")
 
+get_body_html : Struct.Character.Type -> (Html.Html Struct.Event.Type)
+get_body_html char =
+   (Html.div
+      [
+         (Html.Attributes.class "battlemap-character-icon-body"),
+         (Html.Attributes.class
+            (
+               "asset-character-team-body-"
+               ++ (Struct.Character.get_player_id char)
+            )
+         )
+      ]
+      [
+      ]
+   )
+
+get_head_html : Struct.Character.Type -> (Html.Html Struct.Event.Type)
+get_head_html char =
+   (Html.div
+      [
+         (Html.Attributes.class "battlemap-character-icon-head"),
+         (Html.Attributes.class
+            ("asset-character-icon-" ++ (Struct.Character.get_icon_id char))
+         )
+      ]
+      [
+      ]
+   )
 
 get_actual_html : (
       Struct.Model.Type ->
@@ -96,15 +124,14 @@ get_actual_html model char =
             (get_alliance_class model char),
             (get_position_style char),
             (get_focus_class model char),
-            (Html.Attributes.class
-               ("asset-character-icon-" ++ (Struct.Character.get_icon_id char))
-            ),
             (Html.Attributes.class "clickable"),
             (Html.Events.onClick
                (Struct.Event.CharacterSelected (Struct.Character.get_ref char))
             )
          ]
          [
+            (get_body_html char),
+            (get_head_html char)
          ]
       )
 
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 96c7317..5fc6ae5 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -310,9 +310,21 @@
 {
    box-sizing: border-box;
    border-radius: 5px;
+}
+
+.battlemap-character-icon *
+{
+   position: absolute;
+   left: 0;
+   top: 0;
    background-size: 100% 100%;
+   width: inherit;
+   height: inherit;
 }
 
+.battlemap-character-icon-head { z-index: 1; }
+.battlemap-character-icon-body { z-index: 0; }
+
 .battlemap-character-ally
 {
 }