added armor list to items tab in char sheet

Additions:
- added armor list to items tab in char sheet
- added localization
- added CSS class for flex 0.5

src/lang/en.json

@@ -33,7 +33,9 @@
     "DS4.ArmorType": "Armor Type",
     "DS4.ArmorTypeAbbr": "AT",
     "DS4.ArmorMaterialType": "Material Type",
+    "DS4.ArmorMaterialTypeAbbr": "Mat.",
     "DS4.ArmorValue": "Armor Value",
+    "DS4.ArmorValueAbbr": "AV",
     "DS4.ArmorTypeBody": "Body",
     "DS4.ArmorTypeHelmet": "Helmet",
     "DS4.ArmorTypeVambrace": "Vambrace",

src/scss/global/_flex.scss

@@ -12,6 +12,9 @@
         flex: 1;
     }
 
+    .flex05 {
+        flex: 0.5;
+    }
     .flex1 {
         flex: 1;
     }
@@ -38,6 +41,9 @@
         flex: 1;
     }
 
+    .flex05 {
+        flex: 0.5;
+    }
     .flex1 {
         flex: 1;
     }

src/templates/actor/partials/items.hbs

@@ -60,4 +60,57 @@
         {{/with}}
         {{/each}}
     </ol>
+
+    {{!-- ARMOR --}}
+    <h3>{{localize "DS4.ItemTypeArmor"}}</h3>  {{!-- SPECIFIC --}}
+    <ol class="items-list">
+        <li class="item flexrow item-header">
+            <div class="flexrow flex15">
+                <div></div> {{!-- equipped --}}
+                <div class="item-image"></div>
+                <div>#</div> {{!-- amount --}}
+            </div>
+            <div class="item-name flex2">{{localize "DS4.ItemName"}}</div>
+            <div>{{localize "DS4.ArmorMaterialTypeAbbr"}}</div> {{!-- SPECIFIC --}}
+            <div>{{localize "DS4.ArmorTypeAbbr"}}</div> {{!-- SPECIFIC --}}
+            <div class="flex05">{{localize "DS4.ArmorValueAbbr"}}</div> {{!-- SPECIFIC --}}
+            <div class="flex4">{{localize "DS4.Description"}}</div>
+            {{!-- add button --}}
+            <div class="item-controls"> {{!-- SPECIFIC --}}
+                <a class="item-control item-create" title="Create item" data-type="armor"><i class="fas fa-plus"></i>
+                    {{localize "DS4.ActionAddItem"}}</a> {{!-- SPECIFIC --}}
+            </div>
+        </li>
+        {{#each itemsByType.armor as |item id|}} {{!-- SPECIFIC --}}
+        {{#with item.data.data as |itemData|}}
+        <li class="item flexrow" data-item-id="{{item._id}}">
+            <div class="flexrow flex15">
+                {{!-- equipped? --}}
+                {{#if itemData.equipped}}<i class="fas fa-check-square"></i>
+                {{else}}<i class="far fa-square"></i>
+                {{/if}} {{!--SPECIFIC --}}
+                {{!-- image --}}
+                <div class="item-image">
+                    <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
+                </div>
+                {{!-- amount --}}
+                <div>{{itemData.quantity}}</div>
+            </div>
+            {{!-- name --}}
+            <h4 class="item-name flex2">{{item.name}}</h4>
+            {{!-- item specifics --}}
+            <div>{{lookup ../../config.armorMaterialTypes itemData.armorMaterialType}}</div> {{!-- SPECIFIC --}}
+            <div>{{lookup ../../config.armorTypes itemData.armorType}}</div> {{!-- SPECIFIC --}}
+            <div class="flex05">{{itemData.armorValue}}</div> {{!-- SPECIFIC --}}
+            {{!-- description --}}
+            <div class="flex4 item-description">{{{itemData.description}}}</div>
+            {{!-- edit & delete buttons --}}
+            <div class="item-controls"> 
+                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+            </div>
+        </li>
+        {{/with}}
+        {{/each}}
+    </ol>
 </div>