Add effects and tabs

templates/armor.hbs

@@ -10,105 +10,155 @@
     {{formInput fields.name value=source.name}}
   </div>
 
-  {{! Armor Type (Light/Medium/Heavy) }}
-  {{formField
-    systemFields.armorType
-    value=system.armorType
-    localize=true
-    label="PRISMRPG.Label.armorType"
-  }}
+  {{! Navigation des onglets }}
+  <nav class="sheet-tabs tabs" data-group="primary">
+    <a class="item {{tabs.details.cssClass}}" data-tab="details">{{localize
+        "PRISMRPG.Label.details"
+      }}</a>
+    <a
+      class="item {{tabs.description.cssClass}}"
+      data-tab="description"
+    >{{localize "PRISMRPG.Label.description"}}</a>
+    <a class="item {{tabs.effects.cssClass}}" data-tab="effects">{{localize
+        "PRISMRPG.Label.effects"
+      }}</a>
+  </nav>
 
-  {{! Maximum Reduction Rating (MRR) }}
-  {{formField
-    systemFields.mrr
-    value=system.mrr
-    localize=true
-    label="PRISMRPG.Label.mrr"
-  }}
-
-  {{! Encumbrance Load }}
-  {{formField
-    systemFields.encLoad
-    value=system.encLoad
-    localize=true
-    label="PRISMRPG.Label.encumbranceLoad"
-  }}
-
-  {{! Equipment Status }}
-  {{formField
-    systemFields.isHelmet
-    value=system.isHelmet
-    localize=true
-    label="PRISMRPG.Label.isHelmet"
-  }}
-  {{formField
-    systemFields.equipped
-    value=system.equipped
-    localize=true
-    label="PRISMRPG.Label.equipped"
-  }}
-
-  {{! Prism RPG: Armor Passive }}
-  <fieldset class="armor-passive">
-    <legend>{{localize "PRISMRPG.Label.armorPassive"}}</legend>
+  {{! Onglet Details }}
+  <div
+    class="tab {{tabs.details.cssClass}}"
+    data-group="primary"
+    data-tab="details"
+  >
+    {{! Armor Type (Light/Medium/Heavy) }}
     {{formField
-      systemFields.passive
-      value=system.passive
+      systemFields.armorType
+      value=system.armorType
       localize=true
-      label="PRISMRPG.Label.passiveName"
+      label="PRISMRPG.Label.armorType"
     }}
-    <label>{{localize "PRISMRPG.Label.passiveDescription"}}</label>
-    {{formInput
-      systemFields.passiveDescription
-      enriched=enrichedPassiveDescription
-      value=system.passiveDescription
-      name="system.passiveDescription"
-      toggled=true
-    }}
-  </fieldset>
 
-  {{! Prism RPG: Armor Augment }}
-  <fieldset class="armor-augment">
-    <legend>{{localize "PRISMRPG.Label.armorAugment"}}</legend>
+    {{! Maximum Reduction Rating (MRR) }}
     {{formField
-      systemFields.augment
-      value=system.augment
+      systemFields.mrr
+      value=system.mrr
       localize=true
-      label="PRISMRPG.Label.augmentName"
+      label="PRISMRPG.Label.mrr"
     }}
-    <label>{{localize "PRISMRPG.Label.augmentDescription"}}</label>
-    {{formInput
-      systemFields.augmentDescription
-      enriched=enrichedAugmentDescription
-      value=system.augmentDescription
-      name="system.augmentDescription"
-      toggled=true
-    }}
-  </fieldset>
 
-  {{! Cost }}
-  {{formField
-    systemFields.cost
-    value=system.cost
-    localize=true
-    label="PRISMRPG.Label.cost"
-  }}
-  {{formField
-    systemFields.money
-    value=system.money
-    localize=true
-    label="PRISMRPG.Label.currency"
-  }}
-
-  {{! Description }}
-  <fieldset>
-    <legend>{{localize "PRISMRPG.Label.description"}}</legend>
-    {{formInput
-      systemFields.description
-      enriched=enrichedDescription
-      value=system.description
-      name="system.description"
-      toggled=true
+    {{! Encumbrance Load }}
+    {{formField
+      systemFields.encLoad
+      value=system.encLoad
+      localize=true
+      label="PRISMRPG.Label.encumbranceLoad"
     }}
-  </fieldset>
+
+    {{! Equipment Status }}
+    {{formField
+      systemFields.isHelmet
+      value=system.isHelmet
+      localize=true
+      label="PRISMRPG.Label.isHelmet"
+    }}
+    {{formField
+      systemFields.equipped
+      value=system.equipped
+      localize=true
+      label="PRISMRPG.Label.equipped"
+    }}
+
+    {{! Cost }}
+    {{formField
+      systemFields.cost
+      value=system.cost
+      localize=true
+      label="PRISMRPG.Label.cost"
+    }}
+    {{formField
+      systemFields.money
+      value=system.money
+      localize=true
+      label="PRISMRPG.Label.currency"
+    }}
+  </div>
+
+  {{! Onglet Description }}
+  <div
+    class="tab {{tabs.description.cssClass}}"
+    data-group="primary"
+    data-tab="description"
+  >
+    {{! Description }}
+    <fieldset>
+      <legend>{{localize "PRISMRPG.Label.description"}}</legend>
+      {{formInput
+        systemFields.description
+        enriched=enrichedDescription
+        value=system.description
+        name="system.description"
+        toggled=true
+      }}
+    </fieldset>
+  </div>
+
+  {{! Onglet Effects }}
+  <div
+    class="tab {{tabs.effects.cssClass}}"
+    data-group="primary"
+    data-tab="effects"
+  >
+    {{! Prism RPG: Armor Passive }}
+    <fieldset class="armor-passive">
+      <legend>{{localize "PRISMRPG.Label.armorPassive"}}</legend>
+      {{formField
+        systemFields.passive
+        value=system.passive
+        localize=true
+        label="PRISMRPG.Label.passiveName"
+      }}
+      <label>{{localize "PRISMRPG.Label.passiveDescription"}}</label>
+      {{formInput
+        systemFields.passiveDescription
+        enriched=enrichedPassiveDescription
+        value=system.passiveDescription
+        name="system.passiveDescription"
+        toggled=true
+      }}
+    </fieldset>
+
+    {{! Prism RPG: Armor Augment }}
+    <fieldset class="armor-augment">
+      <legend>{{localize "PRISMRPG.Label.armorAugment"}}</legend>
+      {{formField
+        systemFields.augment
+        value=system.augment
+        localize=true
+        label="PRISMRPG.Label.augmentName"
+      }}
+      <label>{{localize "PRISMRPG.Label.augmentDescription"}}</label>
+      {{formInput
+        systemFields.augmentDescription
+        enriched=enrichedAugmentDescription
+        value=system.augmentDescription
+        name="system.augmentDescription"
+        toggled=true
+      }}
+    </fieldset>
+
+    {{! Cost }}
+    {{formField
+      systemFields.cost
+      value=system.cost
+      localize=true
+      label="PRISMRPG.Label.cost"
+    }}
+    {{formField
+      systemFields.money
+      value=system.money
+      localize=true
+      label="PRISMRPG.Label.currency"
+    }}
+  </div>
+
 </section>