switch to using TypeScript

src/templates/item/armor-sheet.hbs

@@ -0,0 +1,54 @@
+<form class="{{cssClass}}" autocomplete="off">
+    <header class="sheet-header">
+        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
+        <div class="header-fields flexrow">
+            <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name" /></h1>
+            <h2 class="item-type">{{localize (lookup config.itemTypes item.type)}}</h2>
+            <div class="grid grid-3col basic-properties">
+                <div class="basic-property">
+                    <label class="basic-property-label">{{localize "DS4.ArmorType"}}</label>
+                    <select class="basic-property-select" name="data.armorType" data-type="String">
+                        {{#select data.armorType}}
+                        {{#each config.armorTypes as |value key|}}
+                        <option value="{{key}}">{{value}}</option>
+                        {{/each}}
+                        {{/select}}
+                    </select>
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label">{{localize "DS4.ArmorMaterialType"}}</label>
+                    <select class="basic-property-select" name="data.armorMaterialType" data-type="String">
+                        {{#select data.armorMaterialType}}
+                        {{#each config.armorMaterialTypes as |value key|}}
+                        <option value="{{key}}">{{value}}</option>
+                        {{/each}}
+                        {{/select}}
+                    </select>
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label">{{localize "DS4.ArmorValue"}}</label>
+                    <input class="basic-property-input" type="text" name="data.armorValue" value="{{data.armorValue}}"
+                        placeholder="0" data-dtype="Number" />
+                </div>
+            </div>
+        </div>
+    </header>
+
+    {{!-- Sheet Tab Navigation --}}
+    <nav class="sheet-tabs tabs" data-group="primary">
+        <a class="item" data-tab="description">{{localize "DS4.Description"}}</a>
+        <a class="item" data-tab="details">{{localize "DS4.Details"}}</a>
+    </nav>
+
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
+
+        {{!-- Description Tab --}}
+        {{> systems/ds4/templates/item/partials/description.hbs}}
+
+        {{!-- Attributes Tab --}}
+        <div class="tab details" data-group="primary" data-tab="details">
+            {{!-- As you add new fields, add them in here! --}}
+        </div>
+    </section>
+</form>