v0.1.5

templates/actor/actor-creature-sheet.html

@@ -1,42 +1,39 @@
-<form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">
+<form class="{{cssClass}} {{actor.type}} flexcol form" autocomplete="off">
 
   {{!-- Sheet Header --}}
   <header class="sheet-header">
     <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
     <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
-      {{!-- The grid classes are defined in scss/global/_grid.scss. To use,
-      use both the "grid" and "grid-Ncol" class where "N" can be any number
-      from 1 to 12 and will create that number of columns.  --}}
       <div class="resources grid grid-3col">
-
-        {{!-- "flex-group-center" is also defined in the _grid.scss file
-        and it will add a small amount of padding, a border, and will
-        center all of its child elements content and text. --}}
+        <h1 class="charname">
+          <input name="name" type="text" value="{{actor.name}}" placeholder="Nom"/>
+        </h1>
+        <div class="resource-content flexrow row text-right">
+          <label for="system.pack.value" class="resource-label">{{ localize 'ADVERSITY.pack'}}</label>
+          <input type="number" name="system.pack.value" value="{{system.pack.value}}" data-dtype="Number" min="0" max="3" />      
+        </div>
+      </div>
+      <div class="resources grid grid-3col">
         <div class="resource flex-group-center">
-          <label for="system.health.value" class="resource-label">Health</label>
-          <div class="resource-content flexrow flex-center flex-between">
-            <input type="text" name="system.health.value" value="{{system.health.value}}" data-dtype="Number"/>
-            <span> / </span>
-            <input type="text" name="system.health.max" value="{{system.health.max}}" data-dtype="Number"/>
+          <label for="system.threat.value" class="resource-label">{{ localize 'ADVERSITY.pattern'}}</label>
+          <div class="resource-content">
+            <input type="number" name="system.pattern.value" value="{{system.pattern.value}}" data-dtype="Number" min="1" max="4" />      
+            <span>({{ patternLevel "label" system.pattern.value }})</span>      
           </div>
         </div>
 
         <div class="resource flex-group-center">
-          <label for="system.power.value" class="resource-label">Power</label>
-          <div class="resource-content flexrow flex-center flex-between">
-            <input type="text" name="system.power.value" value="{{system.power.value}}" data-dtype="Number"/>
-            <span> / </span>
-            <input type="text" name="system.power.max" value="{{system.power.max}}" data-dtype="Number"/>
+          <label for="system.experience.value" class="resource-label">{{ localize 'ADVERSITY.size'}}</label>
+          <div class="resource-content">
+            <input type="number" name="system.size.value" value="{{system.size.value}}" data-dtype="Number" min="0" max="3" />
           </div>
         </div>
 
         <div class="resource flex-group-center">
-          <label for="system.cr" class="resource-label">CR / XP</label>
-          <div class="resource-content flexrow flex-center flex-between">
-            <input type="text" name="system.cr" value="{{system.cr}}" data-dtype="Number"/>
-            <span> / </span>
-            <input type="text" disabled="true" name="system.xp" value="{{system.xp}}" data-dtype="Number"/>
+          <label for="system.cr" class="resource-label">{{ localize 'ADVERSITY.role'}}</label>
+          <div class="resource-content">
+            <input type="number" name="system.role.value" value="{{system.role.value }}" data-dtype="Number" min="1" max="3"/>
+            <span>({{ roleLevel "label" system.role.value }})</span>      
           </div>
         </div>
 
@@ -47,23 +44,19 @@
   {{!-- Sheet Tab Navigation --}}
   <nav class="sheet-tabs tabs" data-group="primary">
     {{!-- Default tab is specified in actor-sheet.mjs --}}
-    <a class="item" data-tab="description">Description</a>
-    <a class="item" data-tab="items">Items</a>
-    <a class="item" data-tab="effects">Effects</a>
+    <a class="item" data-tab="description">{{ localize 'VERMINE.abilities'}}</a>
+    <a class="item" data-tab="effects">{{ localize 'VERMINE.combat'}}</a>
   </nav>
 
   {{!-- Sheet Body --}}
   <section class="sheet-body">
 
     {{!-- Biography Tab --}}
-    <div class="tab biography" data-group="primary" data-tab="description">
-      {{!-- If you want TinyMCE editors to output inline rolls when rendered, you need to pass the actor's roll data to the rollData property. --}}
-      {{editor system.biography target="system.biography" rollData=rollData button=true owner=owner editable=editable}}
-    </div>
-
-    {{!-- Owned Items Tab --}}
-    <div class="tab items" data-group="primary" data-tab="items">
-       {{> "systems/vermine2047/templates/actor/parts/actor-items.html"}}
+    <div class="tab stats" data-group="primary" data-tab="description">
+      <section class="flexcol col gap-md">
+        <h4 class="align-center">{{ localize 'IDENTITY.notes'}}</h4>        
+        {{editor system.biography target="system.biography" button=true owner=owner editable=editable}}
+      </section>
     </div>
 
     {{!-- Active Effects Tab --}}