Add effects and tabs

templates/class.hbs

@@ -4,6 +4,14 @@
     {{formInput fields.name value=source.name}}
   </div>
 
+  {{! 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>
+  </nav>
+
+  {{! Onglet Details }}
+  <div class="tab {{tabs.details.cssClass}}" data-group="primary" data-tab="details">
   <div class="flexrow">
     <div class="align-top">
 
@@ -63,29 +71,32 @@
         }}
     {{/each}}
   </fieldset>
+  </div>
 
-  {{! Notes }}
-  <fieldset>
-    <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
-    {{formInput
-      systemFields.notes
-      enriched=enrichedNotes
-      value=system.notes
-      name="system.notes"
-      toggled=true
-    }}
-  </fieldset>
+  {{! Onglet Description }}
+  <div class="tab {{tabs.description.cssClass}}" data-group="primary" data-tab="description">
+    <fieldset>
+      <legend>{{localize "PRISMRPG.Label.description"}}</legend>
+      {{formInput
+        systemFields.description
+        enriched=enrichedDescription
+        value=system.description
+        name="system.description"
+        toggled=true
+      }}
+    </fieldset>
 
-  {{! Description }}
-  <fieldset>
-    <legend>{{localize "PRISMRPG.Label.description"}}</legend>
-    {{formInput
-      systemFields.description
-      enriched=enrichedDescription
-      value=system.description
-      name="system.description"
-      toggled=true
-    }}
-  </fieldset>
+    {{! Notes }}
+    <fieldset>
+      <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
+      {{formInput
+        systemFields.notes
+        enriched=enrichedNotes
+        value=system.notes
+        name="system.notes"
+        toggled=true
+      }}
+    </fieldset>
+  </div>
 
 </section>