Rework item sheet

modules/pegasus-actor-sheet.js

@@ -4,7 +4,6 @@
  */
 
 import { PegasusUtility } from "./pegasus-utility.js";
-import { PegasusItemSheet } from "./pegasus-item-sheet.js";
 import { PegasusRollDialog } from "./pegasus-roll-dialog.js";
 
 /* -------------------------------------------- */
@@ -18,7 +17,7 @@ export class PegasusActorSheet extends ActorSheet {
       template: "systems/fvtt-pegasus-rpg/templates/actor-sheet.html",
       width: 920,
       height: 720,
-      tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "stats" }],
+      tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "combat" }],
       dragDrop: [{ dragSelector: ".item-list .item", dropSelector: null }],
       editScore: false
     });

modules/pegasus-item-sheet.js

@@ -14,8 +14,8 @@ export class PegasusItemSheet extends ItemSheet {
       template: "systems/fvtt-pegasus-rpg/templates/item-sheet.html",
       dragDrop: [{ dragSelector: null, dropSelector: null }],
       width: 620,
-      height: 550
-      //tabs: [{navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description"}]
+      height: 550,
+      tabs: [{navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description"}]
     });
   }
 

modules/pegasus-utility.js

@@ -208,7 +208,9 @@ export class PegasusUtility {
       'systems/fvtt-pegasus-rpg/templates/partial-options-equipment-types.html',
       'systems/fvtt-pegasus-rpg/templates/partial-equipment-effects.html',
       'systems/fvtt-pegasus-rpg/templates/partial-actor-stat-block.html',
-      'systems/fvtt-pegasus-rpg/templates/partial-actor-status.html'
+      'systems/fvtt-pegasus-rpg/templates/partial-actor-status.html',
+      'systems/fvtt-pegasus-rpg/templates/partial-item-nav.html',
+      'systems/fvtt-pegasus-rpg/templates/partial-item-description.html',
     ]
     return loadTemplates(templatePaths);
   }

system.json

@@ -183,6 +183,6 @@
   "templateVersion": 86,
   "title": "Pegasus RPG",
   "url": "https://www.uberwald.me/data/files/fvtt-pegasus-rpg",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "background" : "./images/ui/pegasus_welcome_page.webp"
 }

templates/item-ability-sheet.html

@@ -6,10 +6,15 @@
         </div>
     </header>
 
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
+  
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
-      <ul>
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+      <div class="tab details" data-group="primary" data-tab="details">
+        <ul>
         <li class="flexrow"><label class="generic-label">Affected stat</label>
           <select class="competence-base flexrow" type="text" name="data.affectedstat" value="{{data.affectedstat}}" data-dtype="String">
             {{#select data.affectedstat}}
@@ -137,15 +142,7 @@
           </li>
   
       </ul>
-      
-      
-      <div class="tab" data-group="primary">
-          <label class="generic-label">Description</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
-      </div>
-
+    </div>
       
     </section>
 </form>

templates/item-armor-sheet.html

@@ -6,9 +6,16 @@
         </div>
     </header>
     
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
+
+
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+      
+      <div class="tab details" data-group="primary" data-tab="details">
+
         <div class="tab" data-group="primary">
           <ul>
             <li class="flexrow"><label class="generic-label">Related Statistic</label>
@@ -48,13 +55,9 @@
                 {{/select}}
               </select> 
               </li>
-            <li class="flexrow"><label class="generic-label">Notes</label>
-              <div class="small-editor item-text-long-line">
-              {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-              </div>  
-            </li>
         </ul>
       </div>
+    </div>
 
     </section>
 </form>

templates/item-effect-sheet.html

@@ -7,17 +7,14 @@
             </h1>
         </div>
     </header>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
-        <div class="tab" data-group="primary">
-
-          <label class="generic-label">Description</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
 
+        <div class="tab details" data-group="primary" data-tab="details">
           <ul>
             <li class="flexrow"><label class="generic-label">Type</label>
               <select class="competence-base flexrow" type="text" name="data.type" value="{{data.type}}" data-dtype="String">

templates/item-equipment-sheet.html

@@ -6,11 +6,15 @@
       </div>
   </header>
 
+  {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
+
   {{!-- Sheet Body --}}
   <section class="sheet-body">
 
-      <div class="tab" data-group="primary">
-        <ul>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+    <div class="tab details" data-group="primary" data-tab="details">
+      <ul>
           <li class="flexrow"><label class="generic-label">Type</label>
             <select class="competence-base flexrow" type="text" name="data.type" value="{{data.type}}" data-dtype="String">
               {{#select data.type}}
@@ -72,11 +76,6 @@
               {{/select}}
             </select> 
           </li>
-          <li class="flexrow"><label class="generic-label">Notes</label>
-            <div class="small-editor item-text-long-line">
-            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-            </div>  
-          </li>
       </ul>
     </div>
 

templates/item-money-sheet.html

@@ -5,23 +5,20 @@
           <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
       </div>
   </header>
+  {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
   {{!-- Sheet Body --}}
   <section class="sheet-body">
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
 
-      <div class="tab" data-group="primary">
-        <ul>
+    <div class="tab details" data-group="primary" data-tab="details">
+      <ul>
           <li class="flexrow"><label class="generic-label">Quantity</label>
             <input type="text" class="input-numeric-short padd-right" name="data.quantity" value="{{data.quantity}}" data-dtype="Number"/>
           </li>
           <li class="flexrow"><label class="generic-label">Weight</label>
             <input type="text" class="input-numeric-short padd-right" name="data.weight" value="{{data.weight}}" data-dtype="Number"/>
           </li>
-          <li class="flexrow"><label class="generic-label">Notes</label>
-            <div class="small-editor item-text-long-line">
-            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-            </div>  
-          </li>
       </ul>
     </div>
 

templates/item-perk-sheet.html

@@ -5,12 +5,14 @@
             <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
         </div>
     </header>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
     {{!-- Sheet Body --}}
     <section class="sheet-body">
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
 
-        <div class="tab" data-group="primary">
-          <ul>
+      <div class="tab details" data-group="primary" data-tab="details">
+        <ul>
             <li class="flexrow"><label class="generic-label">Level</label>
               <input type="text" class="input-numeric-short padd-right" name="data.level" value="{{data.level}}" data-dtype="Number"/>
             </li>
@@ -104,10 +106,6 @@
             {{/each}}
           </ul>
 
-          <label class="generic-label">Description</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
         </div>
 
     </section>

templates/item-power-sheet.html

@@ -1,120 +1,138 @@
 <form class="{{cssClass}}" autocomplete="off">
-    <header class="sheet-header">
-        <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>
-        <div class="header-fields">
-            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
+  <header class="sheet-header">
+    <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+    </div>
+  </header>
+
+  {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
+
+  {{!-- Sheet Body --}}
+  <section class="sheet-body">
+
+    <div class="tab description" data-group="primary" data-tab="description">
+      <div class="small-editor item-text-long-line">
+        <label class="generic-label">Description</label>
+        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      </div>
+      <li class="flexrow"><label class="generic-label">Available Effects</label>
+        <div class="small-editor item-text-long-line">
+          {{editor content=data.effects target="data.effects" button=true owner=owner editable=editable}}
         </div>
-    </header>
+      </li>
+      <li class="flexrow"><label class="generic-label">Purchased Effects</label>
+        <div class="small-editor item-text-long-line">
+          {{editor content=data.purchasedeffects target="data.purchasedeffects" button=true owner=owner
+          editable=editable}}
+        </div>
+      </li>
+    </div>
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
+    <div class="tab details" data-group="primary" data-tab="details">
+      <ul>
+        <li class="flexrow"><label class="generic-label">Roll Needed ?</label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.rollneeded" {{checked
+              data.rollneeded}} /></label>
+        </li>
+        {{#if data.rollneeded}}
+        <li class="flexrow"><label class="generic-label">Related Statistic (only if roll is needed)</label>
+          <select class="competence-base flexrow" type="text" name="data.statistic" value="{{data.statistic}}"
+            data-dtype="String">
+            {{#select data.statistic}}
+            {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html}}
+            {{/select}}
+          </select>
+        </li>
+        {{/if}}
 
-        <div class="tab" data-group="primary">
+        <li class="flexrow">
+          <label class="generic-label">Activated ? </label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.activated" {{checked
+              data.activated}} /></label>
+        </li>
 
-          <div class="small-editor item-text-long-line">
-            <label class="generic-label">Description</label>
-            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
-          <li class="flexrow"><label class="generic-label">Available Effects</label>
-            <div class="small-editor item-text-long-line">
-            {{editor content=data.effects target="data.effects" button=true owner=owner editable=editable}}
-            </div>
-          </li>
+        <li class="flexrow"><label class="generic-label">NRG Cost</label>
+          <input type="text" class="input-numeric-short padd-right" name="data.cost" value="{{data.cost}}"
+            data-dtype="Number" />
+        </li>
+        <li class="flexrow"><label class="generic-label">NRG Spent</label>
+          <input type="text" class="input-numeric-short padd-right" name="data.costspent" value="{{data.costspent}}"
+            data-dtype="Number" />
+        </li>
+        <li class="flexrow"><label class="generic-label">Range</label>
+          <select class="competence-base flexrow" type="text" name="data.range" value="{{data.range}}"
+            data-dtype="String">
+            {{#select data.range}}
+            {{> systems/fvtt-pegasus-rpg/templates/partial-options-range.html notapplicable=true}}
+            {{/select}}
+          </select>
+        </li>
+        <li class="flexrow"><label class="generic-label">Action</label>
+          <select class="competence-base flexrow" type="text" name="data.action" value="{{data.action}}"
+            data-dtype="String">
+            {{#select data.action}}
+            <option value="soft">Soft</option>
+            <option value="hard">Hard</option>
+            <option value="full">Full</option>
+            <option value="reactive">Reactive</option>
+            {{/select}}
+          </select>
+        </li>
+        <li class="flexrow"><label class="generic-label">Type</label>
+          <select class="competence-base flexrow" type="text" name="data.type" value="{{data.type}}"
+            data-dtype="String">
+            {{#select data.type}}
+            <option value="instant">Instant</option>
+            <option value="active">Active</option>
+            <option value="permanent">Permanent</option>
+            <option value="reactive">Reactive</option>
+            {{/select}}
+          </select>
+        </li>
+        <li class="flexrow"><label class="generic-label">Power Source</label>
+          <input type="text" class="padd-right" name="data.powersource" value="{{data.powersource}}"
+            data-dtype="String" />
+        </li>
 
-          <ul>
-            <li class="flexrow"><label class="generic-label">Roll Needed ?</label>
-              <label class="attribute-value checkbox"><input type="checkbox" name="data.rollneeded" {{checked data.rollneeded}}/></label>
-            </li>
-            {{#if data.rollneeded}}
-            <li class="flexrow"><label class="generic-label">Related Statistic (only if roll is needed)</label>
-              <select class="competence-base flexrow" type="text" name="data.statistic" value="{{data.statistic}}" data-dtype="String">
-                {{#select data.statistic}}
-                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html}}
-                {{/select}}
-              </select> 
-            </li>
-            {{/if}}
+        <li class="flexrow">
+          <label class="generic-label">DMG Roll Needed ? </label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.dmgroll" {{checked
+              data.dmgroll}} /></label>
+        </li>
+        {{#if data.dmgroll}}
+        <li class="flexrow"><label class="generic-label">Related DMG Statistic </label>
+          <select class="competence-base flexrow" type="text" name="data.dmgstatistic" value="{{data.dmgstatistic}}"
+            data-dtype="String">
+            {{#select data.dmgstatistic}}
+            {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html}}
+            {{/select}}
+          </select>
+        </li>
+        {{/if}}
 
+        <li class="flexrow"><label class="generic-label">Effects Gained</label>
+        </li>
+        <li>
+          <ul class="ul-level1">
             <li class="flexrow">
-              <label class="generic-label">Activated ? </label>
-              <label class="attribute-value checkbox"><input type="checkbox" name="data.activated" {{checked data.activated}}/></label>
+              <div class="drop-power-effect"><label>Drop Effects here !</label></div>
             </li>
-            
-            <li class="flexrow"><label class="generic-label">NRG Cost</label>
-              <input type="text" class="input-numeric-short padd-right" name="data.cost" value="{{data.cost}}" data-dtype="Number"/>
-            </li>
-            <li class="flexrow"><label class="generic-label">NRG Spent</label>
-              <input type="text" class="input-numeric-short padd-right" name="data.costspent" value="{{data.costspent}}" data-dtype="Number"/>
-            </li>
-            <li class="flexrow"><label class="generic-label">Range</label>
-              <select class="competence-base flexrow" type="text" name="data.range" value="{{data.range}}" data-dtype="String">
-                {{#select data.range}}
-                {{> systems/fvtt-pegasus-rpg/templates/partial-options-range.html notapplicable=true}}
-                {{/select}}
-                </select> 
-            </li>
-            <li class="flexrow"><label class="generic-label">Action</label>
-              <select class="competence-base flexrow" type="text" name="data.action" value="{{data.action}}" data-dtype="String">
-                {{#select data.action}}
-                <option value="soft">Soft</option>
-                <option value="hard">Hard</option>
-                <option value="full">Full</option>
-                <option value="reactive">Reactive</option>
-                {{/select}}
-              </select> 
-            </li>
-            <li class="flexrow"><label class="generic-label">Type</label>
-              <select class="competence-base flexrow" type="text" name="data.type" value="{{data.type}}" data-dtype="String">
-                {{#select data.type}}
-                <option value="instant">Instant</option>
-                <option value="active">Active</option>
-                <option value="permanent">Permanent</option>
-                <option value="reactive">Reactive</option>
-                {{/select}}
-              </select> 
-            </li>
-            <li class="flexrow"><label class="generic-label">Power Source</label>
-              <input type="text" class="padd-right" name="data.powersource" value="{{data.powersource}}" data-dtype="String"/>
-            </li>              
-
+            {{#each data.effectsgained as |effect idx|}}
             <li class="flexrow">
-              <label class="generic-label">DMG Roll Needed ? </label>
-              <label class="attribute-value checkbox"><input type="checkbox" name="data.dmgroll" {{checked data.dmgroll}}/></label>
-            </li>
-            {{#if data.dmgroll}}
-            <li class="flexrow"><label class="generic-label">Related DMG Statistic </label>
-              <select class="competence-base flexrow" type="text" name="data.dmgstatistic" value="{{data.dmgstatistic}}" data-dtype="String">
-                {{#select data.dmgstatistic}}
-                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html}}
-                {{/select}}
-              </select> 
-            </li>
-            {{/if}}
-
-            <li class="flexrow"><label class="generic-label">Effects Gained</label>
-            </li>
-            <li>
-              <ul class="ul-level1">
-                <li class="flexrow"><div class="drop-power-effect"><label>Drop Effects here !</label></div>
-                </li>
-                {{#each data.effectsgained as |effect idx|}}
-                <li class="flexrow">
-                  <label name="data.effectsgained[{{idx}}].name"><a class="view-subitem" data-type="effectsgained" data-index="{{idx}}">{{effect.name}}</a></label>
-                  <div class="item-controls padd-left">
-                    <a class="item-control delete-subitem padd-left" data-type="effectsgained" data-index="{{idx}}" title="Delete Effect"><i class="fas fa-trash"></i></a>
-                  </div>   
-                </li>
-                {{/each}}
-              </ul>              
-            </li>
-
-            <li class="flexrow"><label class="generic-label">Purchased Effects</label>
-              <div class="small-editor item-text-long-line">
-              {{editor content=data.purchasedeffects target="data.purchasedeffects" button=true owner=owner editable=editable}}
+              <label name="data.effectsgained[{{idx}}].name"><a class="view-subitem" data-type="effectsgained"
+                  data-index="{{idx}}">{{effect.name}}</a></label>
+              <div class="item-controls padd-left">
+                <a class="item-control delete-subitem padd-left" data-type="effectsgained" data-index="{{idx}}"
+                  title="Delete Effect"><i class="fas fa-trash"></i></a>
               </div>
             </li>
+            {{/each}}
           </ul>
-        </div>
+        </li>
 
-    </section>
+      </ul>
+    </div>
+
+  </section>
 </form>

templates/item-race-sheet.html

@@ -1,114 +1,134 @@
 <form class="{{cssClass}}" autocomplete="off">
-    <header class="sheet-header">
-        <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>
-        <div class="header-fields">
-            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
-        </div>
-    </header>
+  <header class="sheet-header">
+    <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+    </div>
+  </header>
+  {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
+  {{!-- Sheet Body --}}
+  <section class="sheet-body">
 
-        <div class="tab" data-group="primary">
-          <ul>
-            <li class="flexrow"><label class="generic-label">Abilities</label>
-            </li>
-              <ul class="ul-level1">
-                <li class="flexrow"><div class="drop-abilities"><label>Drop Abilities here !</label></div>
-                </li>
-                {{#each data.abilities as |ability idx|}}
-                <li class="flexrow">
-                  <label name="data.abilities[{{idx}}].name"><a class="view-subitem" data-type="abilities" data-index="{{idx}}">{{ability.name}}</a></label>
-                  <div class="item-controls padd-left">
-                    <a class="item-control delete-subitem padd-left" data-type="abilities" data-index="{{idx}}" title="Delete Ability"><i class="fas fa-trash"></i></a>
-                  </div>   
-                </li>
-              {{/each}}
-            </ul>
-          </ul>
+    <div class="tab details" data-group="primary" data-tab="description">
 
-          <ul>            
-            <li class="flexrow"><label class="generic-label">Selectable Stats ?</label>
-              <label class="attribute-value checkbox"><input type="checkbox" name="data.selectablestats" {{checked data.selectablestats}}/></label>
-            </li>
-            {{#if data.selectablestats}}
-              <li class="flexrow"><label class="generic-label">Select 1 stat only once?</label>
-                <label class="attribute-value checkbox"><input type="checkbox" name="data.statsonlyonce" {{checked data.statsonlyonce}}/></label>
-              </li>
-              <li class="flexrow"><label class="generic-label">Number of selectable stats</label>
-                <input type="text" class="input-numeric-short padd-right" name="data.numberstats" value="{{data.numberstats}}" data-dtype="Number"/>
-              </li>
-            {{/if}}
-          </ul>
+      <label class="generic-label">Description</label>
+      <div class="small-editor item-text-long-line">
+        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      </div>
+      <label class="generic-label">Environment</label>
+      <div class="small-editor item-text-long-line">
+        {{editor content=data.environment target="data.environment" button=true owner=owner editable=editable}}
+      </div>
+      <label class="generic-label">Society/Culture</label>
+      <div class="small-editor item-text-long-line">
+        {{editor content=data.society_culture target="data.society_culture" button=true owner=owner editable=editable}}
+      </div>
+      <label class="generic-label">Outlook</label>
+      <div class="small-editor item-text-long-line">
+        {{editor content=data.outlook target="data.outlook" button=true owner=owner editable=editable}}
+      </div>
+    </div>
 
-          <ul>            
-            <li class="flexrow"><label class="generic-label">Number of Optionnal Abilities</label>
-              <input type="text" class="input-numeric-short padd-right" name="data.nboptionnal" value="{{data.nboptionnal}}" data-dtype="Number"/>
-            </li>
+    <div class="tab details" data-group="primary" data-tab="details">
+      <ul>
+        <li class="flexrow"><label class="generic-label">Abilities</label>
+        </li>
+        <ul class="ul-level1">
+          <li class="flexrow">
+            <div class="drop-abilities"><label>Drop Abilities here !</label></div>
+          </li>
+          {{#each data.abilities as |ability idx|}}
+          <li class="flexrow">
+            <label name="data.abilities[{{idx}}].name"><a class="view-subitem" data-type="abilities"
+                data-index="{{idx}}">{{ability.name}}</a></label>
+            <div class="item-controls padd-left">
+              <a class="item-control delete-subitem padd-left" data-type="abilities" data-index="{{idx}}"
+                title="Delete Ability"><i class="fas fa-trash"></i></a>
+            </div>
+          </li>
+          {{/each}}
+        </ul>
+      </ul>
 
-            <li class="flexrow"><label class="generic-label">Optionnal Abilities</label>
-            </li>
-              <ul class="ul-level1">
-                <li class="flexrow"><div class="drop-optionnal-abilities"><label>Drop Abilities here !</label></div>
-                </li>
-                {{#each data.optionnalabilities as |ability idx|}}
-                <li class="flexrow">
-                  <label name="data.optionnalabilities[{{idx}}].name"><a class="view-subitem" data-type="optionnalabilities" data-index="{{idx}}">{{ability.name}}</a></label>
-                  <div class="item-controls padd-left">
-                    <a class="item-control delete-subitem padd-left" data-type="optionnalabilities" data-index="{{idx}}" title="Delete Ability"><i class="fas fa-trash"></i></a>
-                  </div>   
-                </li>
-              {{/each}}
-            </ul>
-          </ul>
+      <ul>
+        <li class="flexrow"><label class="generic-label">Selectable Stats ?</label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.selectablestats" {{checked
+              data.selectablestats}} /></label>
+        </li>
+        {{#if data.selectablestats}}
+        <li class="flexrow"><label class="generic-label">Select 1 stat only once?</label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.statsonlyonce" {{checked
+              data.statsonlyonce}} /></label>
+        </li>
+        <li class="flexrow"><label class="generic-label">Number of selectable stats</label>
+          <input type="text" class="input-numeric-short padd-right" name="data.numberstats" value="{{data.numberstats}}"
+            data-dtype="Number" />
+        </li>
+        {{/if}}
+      </ul>
 
-          <ul>            
-            <li class="flexrow"><label class="generic-label">Perks Gained ?</label>
-              <label class="attribute-value checkbox"><input type="checkbox" name="data.perksgained" {{checked data.perksgained}}/></label>
-            </li>
-            {{#if data.perksgained}}
-              <li class="flexrow"><label class="generic-label">Choose in all available perks?</label>
-                <label class="attribute-value checkbox"><input type="checkbox" name="data.perksall" {{checked data.perksall}}/></label>
-              </li>
-              <li class="flexrow"><label class="generic-label">Number of perks to gain</label>
-                <input type="text" class="input-numeric-short padd-right" name="data.perksnumber" value="{{data.perksnumber}}" data-dtype="Number"/>
-              </li>
-              {{#if data.perksall}}
-              {{else}}
-              <ul class="ul-level1">
-                <li class="flexrow"><div class="drop-race-perk"><label>Drop Perks here !</label></div>
-                </li>
-                {{#each data.perks as |perk idx|}}
-                <li class="flexrow">
-                  <label name="data.perks[{{idx}}].name"><a class="view-subitem" data-type="perks" data-index="{{idx}}">{{perk.name}}</a></label>
-                  <div class="item-controls padd-left">
-                    <a class="item-control delete-subitem padd-left" data-type="perks" data-index="{{idx}}" title="Delete Perk"><i class="fas fa-trash"></i></a>
-                  </div>   
-                </li>
-                {{/each}}
-              </ul>
-              {{/if}}
-            {{/if}}
-          </ul>
+      <ul>
+        <li class="flexrow"><label class="generic-label">Number of Optionnal Abilities</label>
+          <input type="text" class="input-numeric-short padd-right" name="data.nboptionnal" value="{{data.nboptionnal}}"
+            data-dtype="Number" />
+        </li>
 
+        <li class="flexrow"><label class="generic-label">Optionnal Abilities</label>
+        </li>
+        <ul class="ul-level1">
+          <li class="flexrow">
+            <div class="drop-optionnal-abilities"><label>Drop Abilities here !</label></div>
+          </li>
+          {{#each data.optionnalabilities as |ability idx|}}
+          <li class="flexrow">
+            <label name="data.optionnalabilities[{{idx}}].name"><a class="view-subitem" data-type="optionnalabilities"
+                data-index="{{idx}}">{{ability.name}}</a></label>
+            <div class="item-controls padd-left">
+              <a class="item-control delete-subitem padd-left" data-type="optionnalabilities" data-index="{{idx}}"
+                title="Delete Ability"><i class="fas fa-trash"></i></a>
+            </div>
+          </li>
+          {{/each}}
+        </ul>
+      </ul>
 
-          <label class="generic-label">Description</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
-          <label class="generic-label">Environment</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.environment target="data.environment" button=true owner=owner editable=editable}}
-          </div>
-          <label class="generic-label">Society/Culture</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.society_culture target="data.society_culture" button=true owner=owner editable=editable}}
-          </div>
-          <label class="generic-label">Outlook</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.outlook target="data.outlook" button=true owner=owner editable=editable}}
-          </div>
-        </div>
+      <ul>
+        <li class="flexrow"><label class="generic-label">Perks Gained ?</label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.perksgained" {{checked
+              data.perksgained}} /></label>
+        </li>
+        {{#if data.perksgained}}
+        <li class="flexrow"><label class="generic-label">Choose in all available perks?</label>
+          <label class="attribute-value checkbox"><input type="checkbox" name="data.perksall" {{checked
+              data.perksall}} /></label>
+        </li>
+        <li class="flexrow"><label class="generic-label">Number of perks to gain</label>
+          <input type="text" class="input-numeric-short padd-right" name="data.perksnumber" value="{{data.perksnumber}}"
+            data-dtype="Number" />
+        </li>
+        {{#if data.perksall}}
+        {{else}}
+        <ul class="ul-level1">
+          <li class="flexrow">
+            <div class="drop-race-perk"><label>Drop Perks here !</label></div>
+          </li>
+          {{#each data.perks as |perk idx|}}
+          <li class="flexrow">
+            <label name="data.perks[{{idx}}].name"><a class="view-subitem" data-type="perks"
+                data-index="{{idx}}">{{perk.name}}</a></label>
+            <div class="item-controls padd-left">
+              <a class="item-control delete-subitem padd-left" data-type="perks" data-index="{{idx}}"
+                title="Delete Perk"><i class="fas fa-trash"></i></a>
+            </div>
+          </li>
+          {{/each}}
+        </ul>
+        {{/if}}
+        {{/if}}
+      </ul>
 
-    </section>
+    </div>
+
+  </section>
 </form>

templates/item-role-sheet.html

@@ -7,12 +7,15 @@
             </h1>
         </div>
     </header>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
-        <div class="tab" data-group="primary">
-          <ul>
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+      <div class="tab details" data-group="primary" data-tab="details">
+        <ul>
             <li class="flexrow"><label class="generic-label">Stat increase 1</label>
               <select class="competence-base flexrow" type="text" name="data.statincrease1" value="{{data.statincrease1}}" data-dtype="String">
                 {{#select data.statincrease1}}
@@ -105,10 +108,6 @@
               </ul>              
               </li>
           </ul>
-          <label class="generic-label">Description</label>
-          <div class="small-editor item-text-long-line">
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-          </div>
         </div>
 
     </section>

templates/item-shield-sheet.html

@@ -5,12 +5,15 @@
             <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
         </div>
     </header>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
-        <div class="tab" data-group="primary">
-          <ul>
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+      <div class="tab details" data-group="primary" data-tab="details">
+        <ul>
             <li class="flexrow"><label class="generic-label">Defense Type</label>
               <select class="competence-base flexrow" type="text" name="data.deftype" value="{{data.deftype}}" data-dtype="String">
                 {{#select data.deftype}}
@@ -45,11 +48,6 @@
                 {{/select}}
               </select> 
             </li>
-            <li class="flexrow"><label class="generic-label">Notes</label>
-              <div class="small-editor item-text-long-line">
-              {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-              </div>  
-            </li>
         </ul>
       </div>
 

templates/item-specialisation-sheet.html

@@ -6,11 +6,15 @@
         </div>
     </header>
 
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
+
     {{!-- Sheet Body --}}
     <section class="sheet-body">
 
-        <div class="tab" data-group="primary">
-          <ul>
+      {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+      <div class="tab details" data-group="primary" data-tab="details">
+        <ul>
             <li class="flexrow"><label class="generic-label">Related Statistic</label>
               <select class="competence-base flexrow" type="text" name="data.statistic" value="{{data.statistic}}" data-dtype="String">
                 {{#select data.statistic}}
@@ -50,11 +54,6 @@
             </li>
             {{/if}}
           </ul>
-
-          <div class="small-editor item-text-long-line">
-            <label class="generic-label">Notes</label>
-          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
         </div>
-
     </section>
 </form>

templates/item-weapon-sheet.html

@@ -5,12 +5,15 @@
           <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
       </div>
   </header>
+  {{> systems/fvtt-pegasus-rpg/templates/partial-item-nav.html}}
 
   {{!-- Sheet Body --}}
   <section class="sheet-body">
 
-      <div class="tab" data-group="primary">
-        <ul>
+    {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}
+
+    <div class="tab details" data-group="primary" data-tab="details">
+      <ul>
           <li class="flexrow"><label class="generic-label">Related Attack Statistic</label>
             <select class="competence-base flexrow" type="text" name="data.statistic" value="{{data.statistic}}" data-dtype="String">
               {{#select data.statistic}}
@@ -135,11 +138,6 @@
               {{/select}}
             </select> 
           </li>
-          <li class="flexrow"><label class="generic-label">Notes</label>
-            <div class="small-editor item-text-long-line">
-            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-            </div>  
-          </li>
       </ul>
     </div>
 

templates/partial-item-description.html

@@ -0,0 +1,8 @@
+<div class="tab description" data-group="primary" data-tab="description">
+  <div>
+    <label class="generic-label">Description</label>
+    <div class="small-editor item-text-long-line">
+    {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+    </div>
+  </div>
+</div>

templates/partial-item-nav.html

@@ -0,0 +1,5 @@
+{{!-- Sheet Tab Navigation --}}
+<nav class="sheet-tabs tabs" data-group="primary">
+  <a class="item" data-tab="description">Description</a>
+  <a class="item" data-tab="details">Details</a>
+</nav>