Add Enemy sheet

css/fvtt-hellborn.css

@@ -1173,6 +1173,14 @@ i.fvtt-hellborn {
   font-size: calc(var(--font-size-standard) * 1.4);
   padding-left: 5px;
 }
+.fvtt-hellborn .tab.enemy-traits .main-div .enemy-column {
+  display: flex;
+  flex-direction: row;
+  gap: 4px;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .enemy-column fieldset {
+  width: 100%;
+}
 .fvtt-hellborn .tab.enemy-traits .main-div .mortality {
   display: flex;
   align-items: center;
@@ -1196,6 +1204,14 @@ i.fvtt-hellborn {
   color: grey;
   font-size: small;
 }
+.fvtt-hellborn .tab.enemy-traits .main-div .counters .characteristics-label label {
+  min-width: 3.5rem;
+  max-width: 3.5rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .counters .characteristics-label span {
+  min-width: 3rem;
+  max-width: 3rem;
+}
 .fvtt-hellborn .tab.enemy-traits .main-div .counters label {
   min-width: 4rem;
   max-width: 4rem;
@@ -1217,8 +1233,8 @@ i.fvtt-hellborn {
   align-items: center;
   gap: 4px;
   margin-left: 4px;
-  min-width: 20rem;
+  min-width: 12rem;
-  max-width: 20rem;
+  max-width: 12rem;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .rollable:hover,
 .fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .rollable:focus {
@@ -1230,27 +1246,78 @@ i.fvtt-hellborn {
   min-width: 1.8rem;
   max-width: 1.8rem;
 }
-.fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .flavor {
-  min-width: 24rem;
-  max-width: 24rem;
-}
-.fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .role {
-  min-width: 5rem;
-  max-width: 5rem;
-}
-.fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .level {
-  min-width: 4rem;
-  max-width: 4rem;
-}
 .fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .name {
-  min-width: 10rem;
+  min-width: 18rem;
-  max-width: 10rem;
+  max-width: 18rem;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .traits .trait .item-img {
   width: 24px;
   height: 24px;
   margin: 4px 0 0 0;
 }
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 4px;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 13rem;
+  max-width: 13rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment .rollable:hover,
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment .rollable:focus {
+  text-shadow: 0 0 8px var(--color-shadow-primary);
+  cursor: pointer;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment .controls {
+  font-size: 0.7rem;
+  min-width: 1.8rem;
+  max-width: 1.8rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment .name {
+  min-width: 12rem;
+  max-width: 12rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .equipments .equipment .item-img {
+  width: 24px;
+  height: 24px;
+  margin: 4px 0 0 0;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 4px;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: 4px;
+  min-width: 12rem;
+  max-width: 12rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .rollable:hover,
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .rollable:focus {
+  text-shadow: 0 0 8px var(--color-shadow-primary);
+  cursor: pointer;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .controls {
+  font-size: 0.7rem;
+  min-width: 1.8rem;
+  max-width: 1.8rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .name {
+  min-width: 18rem;
+  max-width: 18rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .item-img {
+  width: 24px;
+  height: 24px;
+  margin: 4px 0 0 0;
+}
 .fvtt-hellborn .tab.enemy-traits .main-div .weapons {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
@@ -2269,6 +2336,11 @@ i.fvtt-hellborn {
   font-size: calc(var(--font-size-standard) * 2);
   color: var(--color-dark-1);
 }
+.item-to-chat h2 {
+  font-family: var(--font-title);
+  font-size: calc(var(--font-size-standard) * 1.4);
+  color: var(--title-color);
+}
 .item-to-chat ul {
   list-style-type: none;
   padding: 0;

lang/en.json

@@ -343,6 +343,18 @@
       }
     },
     "Label": {
+      "addArmor": "Add Armor",
+      "addPerk": "Add Perk",
+      "addRitual": "Add Ritual",
+      "addSpeciesTrait": "Add Trait",
+      "addTarot": "Add Tarot",
+      "addMalefica": "Add Malefica",
+      "addTrait": "Add Trait",
+      "newMalefica": "New Malefica",
+      "newPerk": "New Perk",
+      "newRitual": "New Ritual",
+      "newSpeciesTrait": "New Trait",
+      "newTarot": "New Tarot",
       "titleStat": "Stat Roll Dialog",
       "difficulty": "Difficulty",
       "unknown": "Unknown",

module/applications/sheets/character-sheet.mjs

@@ -18,6 +18,7 @@ export default class HellbornCharacterSheet extends HellbornActorSheet {
       createDeal: HellbornCharacterSheet.#onCreateDeal,
       createMalefica: HellbornCharacterSheet.#onCreateMalefica,
       createRitual: HellbornCharacterSheet.#onCreateRitual,
+      createPerk: HellbornCharacterSheet.#onCreatePerk,
     },
   }
 
@@ -152,6 +153,9 @@ export default class HellbornCharacterSheet extends HellbornActorSheet {
     this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newArmor"), type: "armor" }])
   }
 
+  static #onCreatePerk(event, target) {
+    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newPerk"), type: "perk" }])
+  }
 
 
   /**

module/applications/sheets/enemy-sheet.mjs

@@ -13,7 +13,11 @@ export default class HellbornEnemySheet extends HellbornActorSheet {
     },
     actions: {
       createTrait: HellbornEnemySheet.#onCreateTrait,
-    },
+      createEquipment: HellbornEnemySheet.#onCreateEquipment,
+      createWeapon: HellbornEnemySheet.#onCreateWeapon,
+      createMalefica: HellbornEnemySheet.#onCreateMalefica,
+    }
+
   }
 
   /** @override */
@@ -37,6 +41,7 @@ export default class HellbornEnemySheet extends HellbornActorSheet {
     sheet: "traits",
   }
 
+
   /**
    * Prepare an array of form header tabs.
    * @returns {Record<string, Partial<ApplicationTab>>}
@@ -73,6 +78,10 @@ export default class HellbornEnemySheet extends HellbornActorSheet {
         context.traits.sort((a, b) => a.name.localeCompare(b.name))
         context.weapons = doc.itemTypes.weapon
         context.weapons.sort((a, b) => a.name.localeCompare(b.name))
+        context.maleficas = doc.itemTypes.malefica
+        context.maleficas.sort((a, b) => a.name.localeCompare(b.name))
+        context.equipments = doc.itemTypes.equipment
+        context.equipments.sort((a, b) => a.name.localeCompare(b.name))
         break
       case "biography":
         context.tab = context.tabs.biography
@@ -89,9 +98,22 @@ export default class HellbornEnemySheet extends HellbornActorSheet {
    * @param {HTMLElement} target      The current target of the event listener.
    */
   static #onCreateTrait(event, target) {
-    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newTrait"), type: "trait" }])
+    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newTrait"), type: "species-trait" }])
   }
 
+  static #onCreateEquipment(event, target) {
+    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newEquipment"), type: "equipment" }])
+  }
+
+  static #onCreateMalefica(event, target) {
+    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newMalefica"), type: "malefica" }])
+  }
+
+  static #onCreateWeapon(event, target) {
+    this.document.createEmbeddedDocuments("Item", [{ name: game.i18n.localize("HELLBORN.Label.newWeapon"), type: "weapon" }])
+  }
+
+
   /**
    * Handles the roll action triggered by user interaction.
    *

module/models/enemy.mjs

@@ -47,6 +47,8 @@ export default class HellbornEnemy extends foundry.abstract.TypeDataModel {
       bonus: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
       total: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
       resistance: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
+      maleficDR: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
+      resilience: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
     })
 
     schema.movement = new fields.SchemaField({

module/utils.mjs

@@ -172,16 +172,16 @@ export default class HellbornUtils {
       if (level=== "highpowers") return "High";
       if (level === "mastery") return "Mastery";
       level = parseInt(level);
-      if (level === 0) return "I";
+      if (level === 0) return "0";
-      if (level === 1) return "II";
+      if (level === 1) return "I";
-      if (level === 2) return "III";
+      if (level === 2) return "II";
-      if (level === 3) return "IV";
+      if (level === 3) return "III";
-      if (level === 4) return "V";
+      if (level === 4) return "IV";
-      if (level === 5) return "VI";
+      if (level === 5) return "V";
-      if (level === 6) return "VII";
+      if (level === 6) return "VI";
-      if (level === 7) return "VIII";
+      if (level === 7) return "VII";
-      if (level === 8) return "IX";
+      if (level === 8) return "VIII";
-      if (level === 9) return "X";
+      if (level === 9) return "IX";
       return level;
     })
     // Handle v12 removal of this helper

styles/enemy.less

@@ -164,6 +164,14 @@
       padding-left: 5px;
     }
   }
+  .enemy-column {
+    display:flex;
+    flex-direction: row;
+    gap: 4px;
+    fieldset {
+      width: 100%;
+    }
+  }
   .mortality {
     display: flex;
     align-items: center;
@@ -186,6 +194,14 @@
     .characteristics-label{
       color: grey;
       font-size:small;
+      label {
+        min-width: 3.5rem;
+        max-width: 3.5rem;
+      }
+      span {
+        min-width: 3rem;
+        max-width: 3rem;
+      }
     }
     label {
       min-width: 4rem;
@@ -208,8 +224,8 @@
       align-items: center;
       gap: 4px;
       margin-left: 4px;
-      min-width: 20rem;
+      min-width: 12rem;
-      max-width: 20rem;
+      max-width: 12rem;
       .rollable:hover,
       .rollable:focus {
         text-shadow: 0 0 8px var(--color-shadow-primary);
@@ -220,21 +236,9 @@
         min-width: 1.8rem;
         max-width: 1.8rem;
       }
-      .flavor {
-        min-width: 24rem;
-        max-width: 24rem;
-      }
-      .role {
-        min-width: 5rem;
-        max-width: 5rem;
-      }
-      .level {
-        min-width: 4rem;
-        max-width: 4rem;
-      }
       .name {
-        min-width: 10rem;
+        min-width: 18rem;
-        max-width: 10rem;
+        max-width: 18rem;
       }
       .item-img {
         width: 24px;
@@ -243,7 +247,71 @@
       }
     }
   }
-    .weapons {
+    .equipments {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 4px;
+    .equipment {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      min-width: 13rem;
+      max-width: 13rem;
+      .rollable:hover,
+      .rollable:focus {
+        text-shadow: 0 0 8px var(--color-shadow-primary);
+        cursor: pointer;
+      }
+      .controls {
+        font-size: 0.7rem;
+        min-width: 1.8rem;
+        max-width: 1.8rem;
+      }
+      .name {
+        min-width: 12rem;
+        max-width: 12rem;
+      }
+      .item-img {
+        width: 24px;
+        height: 24px;
+        margin: 4px 0 0 0;
+      }
+    }
+  }
+
+  .maleficas {
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    gap: 4px;
+    .malefica {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      margin-left: 4px;
+      min-width: 12rem;
+      max-width: 12rem;
+      .rollable:hover,
+      .rollable:focus {
+        text-shadow: 0 0 8px var(--color-shadow-primary);
+        cursor: pointer;
+      }
+      .controls {
+        font-size: 0.7rem;
+        min-width: 1.8rem;
+        max-width: 1.8rem;
+      }
+      .name {
+        min-width: 18rem;
+        max-width: 18rem;
+      }
+      .item-img {
+        width: 24px;
+        height: 24px;
+        margin: 4px 0 0 0;
+      }
+    }
+  }
+  .weapons {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 4px;

styles/roll.less

@@ -55,6 +55,11 @@
 }
 
 .item-to-chat {
+  h2 {
+    font-family: var(--font-title);
+    font-size: calc(var(--font-size-standard) * 1.4);
+    color: var(--title-color);
+  }
   ul {
     list-style-type: none;
     padding: 0;

templates/character-equipment.hbs

@@ -3,7 +3,7 @@
 
     <fieldset>
       <legend>{{localize "HELLBORN.Label.weapons"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addWeapon"}}" data-tooltip-direction="UP"><i
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addWeapon"}}" data-tooltip-direction="UP"><i
             class="fas fa-plus" data-action="createWeapon"></i></a>{{/if}}
       </legend>
       <div class="weapons">
@@ -36,7 +36,7 @@
 
     <fieldset>
       <legend>{{localize "HELLBORN.Label.armors"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addArmor"}}" data-tooltip-direction="UP"><i
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addArmor"}}" data-tooltip-direction="UP"><i
             class="fas fa-plus" data-action="createArmor"></i></a>{{/if}}
       </legend>
       <div class="armors">
@@ -63,7 +63,7 @@
 
     <fieldset>
       <legend>{{localize "HELLBORN.Label.equipments"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addEquipment"}}" data-tooltip-direction="UP"><i
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addEquipment"}}" data-tooltip-direction="UP"><i
             class="fas fa-plus" data-action="createEquipment"></i></a>{{/if}}
       </legend>
       <div class="equipments">
@@ -100,7 +100,7 @@
 
           {{#each system.ammoArray as |ammo key|}}
           <div class="ammo-item">
-            <input type="number" class="ammo-quantity" value="{{ammo.value}}" min="0" name="system.ammoList.{{key}}.value" />
+            <input type="text" class="ammo-quantity" value="{{ammo.value}}" min="0" name="system.ammoArray.{{key}}.value" />
             <span class="ammo-name">{{upperFirst ammo.label}}</span>
           </div>
           {{/each}}

templates/character-status.hbs

@@ -33,7 +33,7 @@
 
     <fieldset>
       <legend>{{localize "HELLBORN.Label.perks"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addPerk"}}" data-tooltip-direction="UP"><i
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addPerk"}}" data-tooltip-direction="UP"><i
             class="fas fa-plus" data-action="createPerk"></i></a>{{/if}}
       </legend>
       <div class="perks">

templates/chat-malefica.hbs

@@ -1,12 +1,13 @@
 <div class="item-to-chat">
   <div class="intro-chat">
+    <h2>{{name}}</h2>
+
     <ul>
-    <li><strong>Malefica : {{name}}</strong></li>
+    <li><strong>Domain : {{upperFirst system.domain}}</strong></li>
-    <li>Domain : {{system.domain}}</li>
+    <li><strong>Level : {{getRomanLevel system.level}}</strong></li>
-    <li>Level : {{system.level}}</li>
+    <li><strong>Time : {{system.time}}</strong></li>
-    <li>Time : {{system.time}}</li>
+    <li><strong>Range : {{system.range}}</strong></li>
-    <li>Range : {{system.range}}</li>
+    <li><strong>Target : {{system.target}}</strong></li>
-    <li>Target : {{system.target}}</li>
     <li>{{{system.description}}}</li>
     </ul>
   </div>

templates/chat-perk.hbs

@@ -1,10 +1,10 @@
 <div class="item-to-chat">
   <div class="intro-chat">
+    <h2>{{name}}</h2>
     <ul>
-    <li><strong>Perk : {{name}}</strong></li>
+    <li><strong>{{system.flavorText}}</strong></li>
-    <li>{{system.flavorText}}</li>
+    <li><strong>Role : {{upperFirst system.role}}</strong></li>
-    <li>Role : {{system.role}}</li>
+    <li><strong>Level : {{getRomanLevel system.level}}</strong></li>
-    <li>Level : {{system.level}}</li>
     <li>{{{system.description}}}</li>
     </ul>
   </div>

templates/chat-ritual.hbs

@@ -1,12 +1,12 @@
 <div class="item-to-chat">
   <div class="intro-chat">
+    <h2>{{name}}</h2>
     <ul>
-    <li><strong>Ritual : {{name}}</strong></li>
+    <li><strong>Difficulty : {{system.difficulty}}</strong></li>
-    <li>Difficulty : {{system.difficulty}}</li>
+    <li><strong>Threshold : {{system.threshold}}</strong></li>
-    <li>Threshold : {{system.threshold}}</li>
+    <li><strong>Limit : {{system.limit}}</strong></li>
-    <li>Limit : {{system.limit}}</li>
+    <li><strong>Ingredients : {{system.ingredients}}</strong></li>
-    <li>Ingredients : {{system.ingredients}}</li>
+    <li><strong>N. Attempts : {{system.nbAttempts}}</strong></li>
-    <li>N. Attempts : {{system.nbAttempts}}</li>
     <li>{{{system.description}}}</li>
     </ul>
   </div>

templates/enemy-trait.hbs

@@ -6,53 +6,92 @@
       <div class="counters">
         <div class="flexcol">
           <div>
-            <label>Trauma : </label>{{formInput systemFields.trauma.fields.current value=system.trauma.current}}
+            <label>Trauma : </label>{{formInput systemFields.trauma.fields.current value=system.trauma.current}} /
+            {{formInput systemFields.trauma.fields.max value=system.trauma.max}}
 
-            <label class="spaced-left"> Darkness : </label>
+            <label class="spaced-left"> Darkness </label>{{formInput systemFields.darkness.fields.current value=system.darkness.current}} /
-            {{formInput systemFields.darkness.fields.value value=system.darkness.value}}
+            {{formInput systemFields.darkness.fields.max value=system.darkness.max}}
-            <label class="spaced-left"> Defense : </label>{{formInput systemFields.defense.fields.base value=system.defense.base}}
+            <label class="spaced-left"> Defense </label>{{formInput systemFields.defense.fields.base value=system.defense.base}}
-            <label class="spaced-left"> Movement : </label>{{formInput systemFields.movement.fields.base value=system.movement.base}}
+            <label class="spaced-left"> Malefic DR </label>{{formInput systemFields.defense.fields.maleficDR value=system.defense.maleficDR}}
+            <label class="spaced-left"> Res. </label>{{formInput systemFields.defense.fields.resilience value=system.defense.resilience}}
+            <label class="spaced-left"> Movement </label>{{formInput systemFields.movement.fields.base value=system.movement.base}}
           </div>
 
           <div class="flexrow characteristics-label">
-            <label>&nbsp;</label><span>Curr.</span>
+            <label></label><span>Curr.</span><span>Max</span>
-            <label>&nbsp;</label><span>Curr.</span>
+            <label></label><span>&nbsp;&nbsp;&nbsp;Curr.</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Max</span>
-            <label>&nbsp;</label><span>Base</span>
+            <label></label>
-            <label>&nbsp;</label><span>Base</span>
+            <label></label>
+            <label></label>
+            <label></label>
+            <label></label>
+            <label></label>
+            <label></label>
+
           </div>
         </div>
       </div>
     </fieldset>
 
-    <fieldset>
+    <div class="enemy-column">
-      <legend>{{localize "HELLBORN.Label.traits"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addPerk"}}" data-tooltip-direction="UP"><i
-            class="fas fa-plus" data-action="createPerk"></i></a>{{/if}}
-      </legend>
-      <div class="traits">
-        {{#each traits as |item|}}
-        <div class="trait item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
 
-          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+      <fieldset>
-          <!-- <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />-->
+        <legend>{{localize "HELLBORN.Label.traits"}}{{#if isEditMode}}
-          <div class="name" data-roll-type="trait" data-action="toChat" data-item-uuid="{{item.uuid}}" data-tooltip="{{{item.system.description}}}">
+          <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addTrait"}}" data-tooltip-direction="UP"><i
-            <a>{{item.name}}</a>
+              class="fas fa-plus" data-action="createTrait"></i></a>{{/if}}
-          </div>
+        </legend>
+        <div class="traits">
+          {{#each traits as |item|}}
+          <div class="trait item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
 
-          <div class="controls">
+            <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
-            <a data-tooltip="{{localize 'HELLBORN.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
+            <!-- <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />-->
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
+            <div class="name" data-roll-type="trait" data-action="toChat" data-item-uuid="{{item.uuid}}" data-tooltip="{{{item.system.description}}}">
-            <a data-tooltip="{{localize 'HELLBORN.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
+              <a>{{item.name}}</a>
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
+            </div>
+
+            <div class="controls">
+              <a data-tooltip="{{localize 'HELLBORN.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
+              <a data-tooltip="{{localize 'HELLBORN.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
+            </div>
           </div>
+          {{/each}}
         </div>
-        {{/each}}
+      </fieldset>
-      </div>
+
-    </fieldset>
+      <fieldset>
+        <legend>{{localize "HELLBORN.Label.maleficas"}}{{#if isEditMode}}
+          <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addMalefica"}}" data-tooltip-direction="UP"><i
+              class="fas fa-plus" data-action="createMalefica"></i></a>{{/if}}
+        </legend>
+        <div class="traits">
+          {{#each maleficas as |item|}}
+          <div class="trait item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
+
+            <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+            <!-- <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />-->
+            <div class="name" data-roll-type="trait" data-action="toChat" data-item-uuid="{{item.uuid}}" data-tooltip="{{{item.system.description}}}">
+              <a>{{item.name}}</a>
+            </div>
+
+            <div class="controls">
+              <a data-tooltip="{{localize 'HELLBORN.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
+              <a data-tooltip="{{localize 'HELLBORN.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
+            </div>
+          </div>
+          {{/each}}
+        </div>
+      </fieldset>
+
+  </div>
 
   <fieldset>
       <legend>{{localize "HELLBORN.Label.weapons"}}{{#if isEditMode}}
-        <a class="action" data-tooltip="{{localize " HELLBORN.Tooltip.addWeapon"}}" data-tooltip-direction="UP"><i
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addWeapon"}}" data-tooltip-direction="UP"><i
             class="fas fa-plus" data-action="createWeapon"></i></a>{{/if}}
       </legend>
       <div class="weapons">
@@ -83,5 +122,29 @@
       </div>
     </fieldset>
 
+    <fieldset>
+      <legend>{{localize "HELLBORN.Label.equipments"}}{{#if isEditMode}}
+        <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addEquipment"}}" data-tooltip-direction="UP"><i
+            class="fas fa-plus" data-action="createEquipment"></i></a>{{/if}}
+      </legend>
+      <div class="equipments">
+        {{#each equipments as |item|}}
+        {{!log 'armor' this}}
+        <div class="equipment" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
+          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+          <div class="name" data-tooltip="{{{item.system.description}}}">
+            {{item.name}}
+          </div>
+          <div class="controls">
+            <a data-tooltip="{{localize 'HELLBORN.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
+              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
+            <a data-tooltip="{{localize 'HELLBORN.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
+              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
+          </div>
+        </div>
+        {{/each}}
+      </div>
+    </fieldset>
+
   </div>
 </section>