DIvers rework de CSS/LESS et améliorations de messages/layout

modules/applications/sheets/creature-sheet.mjs

@@ -4,6 +4,10 @@ export default class LesOubliesCreatureSheet extends LesOubliesActorSheet {
   static DEFAULT_OPTIONS = {
     ...super.DEFAULT_OPTIONS,
     classes: [...super.DEFAULT_OPTIONS.classes, "creature"],
+    actions: {
+      ...super.DEFAULT_OPTIONS.actions,
+      switchTab: LesOubliesCreatureSheet.#onSwitchTab,
+    },
     window: {
       ...super.DEFAULT_OPTIONS.window,
       title: "TYPES.Actor.creature",
@@ -12,12 +16,31 @@ export default class LesOubliesCreatureSheet extends LesOubliesActorSheet {
 
   static PARTS = {
     sheet: {
-      template: "systems/fvtt-les-oublies/templates/actor-creature-sheet.hbs",
+      template: "systems/fvtt-les-oublies/templates/actor-creature-sheet-v5.hbs",
     },
   }
 
+  _activeTab = "overview"
+
+  #getTabs() {
+    const tabs = {
+      overview: { id: "overview", label: "Aperçu", icon: "fa-solid fa-dragon" },
+      aptitudes: { id: "aptitudes", label: "Aptitudes", icon: "fa-solid fa-book-open" },
+      combat: { id: "combat", label: "Combat & équipement", icon: "fa-solid fa-shield-halved" },
+      notes: { id: "notes", label: "Notes", icon: "fa-solid fa-feather-pointed" },
+    }
+
+    for (const tab of Object.values(tabs)) {
+      tab.active = this._activeTab === tab.id
+      tab.cssClass = tab.active ? "active" : ""
+    }
+
+    return tabs
+  }
+
   async _prepareContext() {
     const context = await super._prepareContext()
+    context.tabs = this.#getTabs()
     context.derived = this.document.getDerivedOverview()
     context.skillGroups = this.document.getGroupedCompetences()
     context.spells = this.document.getEmbeddedItems("sortilege")
@@ -26,4 +49,11 @@ export default class LesOubliesCreatureSheet extends LesOubliesActorSheet {
     context.equipment = this.document.getEmbeddedItems("equipement")
     return context
   }
+
+  static #onSwitchTab(event, target) {
+    const tab = target.dataset.tab
+    if (!tab || this._activeTab === tab) return
+    this._activeTab = tab
+    this.render()
+  }
 }