From 0f4e243be8108e98a397d17a3808be4bd08b85a4 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.dyndns.org>
Date: Wed, 29 Jul 2020 16:09:05 -0400
Subject: [PATCH] armour

---
 .../Output/Print/Hull/Armour/index.svelte     | 34 +++++++++++++++++++
 src/components/Output/Print/index.svelte      |  3 ++
 2 files changed, 37 insertions(+)
 create mode 100644 src/components/Output/Print/Hull/Armour/index.svelte

diff --git a/src/components/Output/Print/Hull/Armour/index.svelte b/src/components/Output/Print/Hull/Armour/index.svelte
new file mode 100644
index 0000000..f0be2fa
--- /dev/null
+++ b/src/components/Output/Print/Hull/Armour/index.svelte
@@ -0,0 +1,34 @@
+<div class="layers">
+  {#each armour as layer (layer)}
+    <div class="layer">
+      {#each _.range(layer.rating) as i (i) }
+        <div class="cell">
+        </div>
+      {/each}
+    </div>
+  {/each}
+
+</div>
+
+<script>
+  import _ from 'lodash';
+
+  export let armour = [];
+
+  $: console.log(armour);
+</script>
+
+<style>
+.cell {
+  display: inline-block;
+  margin-right: 0.5em;
+  width: 1em;
+  height: 1em;
+  border: 1px solid black;
+  border-radius: 0.5em;
+}
+  .layers {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+</style>
diff --git a/src/components/Output/Print/index.svelte b/src/components/Output/Print/index.svelte
index 676a5a0..bd864fe 100644
--- a/src/components/Output/Print/index.svelte
+++ b/src/components/Output/Print/index.svelte
@@ -1,5 +1,7 @@
 <div>
   <Identification {...ship.general} />
+
+  <Armour armour={ship.structure.armour} />
   <Integrity
     rating={ship.structure.hull.rating}
     advanced={ship.structure.hull.advanced}
@@ -10,6 +12,7 @@
 <script>
   import Identification from './Identification';
   import Integrity from './Hull/Integrity';
+  import Armour from './Hull/Armour';
   export let ship;
 
 </script>