ENH: Items

src/lang/en.json

@@ -89,5 +89,20 @@
     "OSE.Setting.THAC0Attacks": "Attacks with THAC0",
     "OSE.Setting.THAC0AttacksHint": "Attacks are resolved using the THAC0 value, not compatible with AAC",
     "OSE.Setting.VariableWeaponDamage": "Variable Weapon Damage",
-    "OSE.Setting.VariableWeaponDamageHint": "Weapons have different damage dice"
+    "OSE.Setting.VariableWeaponDamageHint": "Weapons have different damage dice",
+
+    "OSE.ItemWeight": "Weight",
+    "OSE.ItemCost": "Cost",
+    "OSE.ItemQuantity": "Quantity",
+    "OSE.ItemRoll": "Roll",
+    "OSE.WeaponDamage": "Damage",
+    "OSE.WeaponMelee": "Melee",
+    "OSE.WeaponMissile": "Missile",
+    "OSE.WeaponSlow": "Slow",
+    "OSE.SpellRange": "Range",
+    "OSE.SpellClass": "Class",
+    "OSE.SpellDuration": "Duration",
+    "OSE.SpellLevel": "Level",
+    "OSE.ArmorAC": "AC",
+    "OSE.ArmorAAC": "AAC"
 }

src/scss/item.scss

@@ -1,5 +1,17 @@
 .ose.sheet.item {
+    .profile-img {
+        border: none;
+    }
+    .sheet-body {
+        .stats {
+            flex: 0 0 70px;
+            border-right: 1px groove rgba(0, 0, 0, 0.2);
+        }
         .editor {
             height: 255px;
         }
+        .weapon-editor .editor {
+            height: 230px;
+        }
+     }
 }

src/template.json

@@ -144,7 +144,7 @@
       "damage": "1d6",
       "qualities": "",
       "slow": false,
-      "melee": true,
+      "missile": true,
       "ranged": true,
       "cost": 0,
       "weight": 0
@@ -161,10 +161,12 @@
       "class": "Magic-User",
       "duration": "",
       "range": "",
+      "roll": "",
       "description": ""
     },
     "ability": {
       "requirements": "",
+      "roll": "",
       "description": ""
     }
   }

src/templates/items/ability-sheet.html

@@ -3,17 +3,18 @@
     <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
     <div class="header-col">
       <h1 class="charname">
-        <input
+        <input name="name" type="text" value="{{item.name}}" placeholder="Name" />
-          name="name"
-          type="text"
-          value="{{item.name}}"
-          placeholder="Name"
-        />
       </h1>
     </div>
   </header>
   <section class="sheet-body">
-    {{editor content=data.description target="data.description"
+    <div class="flexrow">
-    button=true owner=owner editable=editable}}
+      <input name="data.requirements" type="text" value="{{data.requirements}}" placeholder="Requirements" />
+    </div>
+      <div class="description weapon-editor">
+        {{editor content=data.description target="data.description" button=true
+        owner=owner editable=editable}}
+      </div>
+    </div>
   </section>
 </form>

src/templates/items/armor-sheet.html

@@ -3,17 +3,42 @@
     <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
     <div class="header-col">
       <h1 class="charname">
-        <input
+        <input name="name" type="text" value="{{item.name}}" placeholder="Name" />
-          name="name"
-          type="text"
-          value="{{item.name}}"
-          placeholder="Name"
-        />
       </h1>
     </div>
   </header>
   <section class="sheet-body">
-    {{editor content=data.description target="data.description"
+    <div class="flexrow">
-    button=true owner=owner editable=editable}}
+      <div class="stats">
+        <div class="form-group">
+          <label>{{localize 'OSE.ArmorAC'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.level" value="{{data.ac}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.ArmorAAC'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.class" value="{{data.aac}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.ItemCost'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.cost" value="{{data.cost}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.ItemWeight'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.weight" value="{{data.weight}}" data-dtype="Number" />
+          </div>
+        </div>
+      </div>
+      <div class="description">
+        {{editor content=data.description target="data.description" button=true
+        owner=owner editable=editable}}
+      </div>
+    </div>
   </section>
 </form>

src/templates/items/spell-sheet.html

@@ -3,17 +3,48 @@
     <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
     <div class="header-col">
       <h1 class="charname">
-        <input
+        <input name="name" type="text" value="{{item.name}}" placeholder="Name" />
-          name="name"
-          type="text"
-          value="{{item.name}}"
-          placeholder="Name"
-        />
       </h1>
     </div>
   </header>
   <section class="sheet-body">
-    {{editor content=data.description target="data.description"
+    <div class="flexrow">
-    button=true owner=owner editable=editable}}
+      <div class="stats">
+        <div class="form-group">
+          <label>{{localize 'OSE.SpellLevel'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.level" value="{{data.level}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.SpellClass'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.class" value="{{data.class}}" data-dtype="String" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.SpellRange'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.range" value="{{data.range}}" data-dtype="String" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.SpellDuration'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.duration" value="{{data.duration}}" data-dtype="String" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.ItemRoll'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.roll" value="{{data.roll}}" data-dtype="String" />
+          </div>
+        </div>
+      </div>
+      <div class="description">
+        {{editor content=data.description target="data.description" button=true
+        owner=owner editable=editable}}
+      </div>
+    </div>
   </section>
 </form>

src/templates/items/weapon-sheet.html

@@ -3,17 +3,57 @@
     <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
     <div class="header-col">
       <h1 class="charname">
-        <input
+        <input name="name" type="text" value="{{item.name}}" placeholder="Name" />
-          name="name"
-          type="text"
-          value="{{item.name}}"
-          placeholder="Name"
-        />
       </h1>
     </div>
   </header>
   <section class="sheet-body">
-    {{editor content=data.description target="data.description"
+    <div class="flexrow">
-    button=true owner=owner editable=editable}}
+      <input name="data.qualities" type="text" value="{{data.qualities}}" placeholder="Qualities" />
+    </div>
+    <div class="flexrow">
+      <div class="stats">
+        <div class="form-group">
+          <label>{{localize 'OSE.ItemCost'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.cost" value="{{data.cost}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.ItemWeight'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.weight" value="{{data.weight}}" data-dtype="Number" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.WeaponDamage'}}</label>
+          <div class="form-fields">
+            <input type="text" name="data.damage" value="{{data.damage}}" data-dtype="String" />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.WeaponSlow'}}</label>
+          <div class="form-fields">
+            <input type="checkbox" name="data.slow" value="{{data.level}}" {{checked data.slow}} />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.WeaponMissile'}}</label>
+          <div class="form-fields">
+            <input type="checkbox" name="data.missile" {{checked data.missile}} />
+          </div>
+        </div>
+        <div class="form-group">
+          <label>{{localize 'OSE.WeaponMelee'}}</label>
+          <div class="form-fields">
+            <input type="checkbox" name="data.melee" {{checked data.melee}} />
+          </div>
+        </div>
+      </div>
+      <div class="description weapon-editor">
+        {{editor content=data.description target="data.description" button=true
+        owner=owner editable=editable}}
+      </div>
+    </div>
   </section>
 </form>