created application

module/apps/essence-manager.mjs

@@ -0,0 +1,52 @@
+export class EssenceManager extends FormApplication {
+  constructor(actor) {
+    super();
+    this.actor = actor;
+  }
+
+  static get defaultOptions() {
+    const defaults = super.defaultOptions
+    const overrides = {
+      closeOnSubmit: false,
+      submitOnChange: true,
+      height: 'auto',
+      id: 'essence-manager',
+      template: 'systems/essence20/templates/app/essence-select.hbs',
+      title: 'Spend Initial 12 Essence Points',
+    }
+
+    const mergedOptions = foundry.utils.mergeObject(defaults, overrides);
+    return mergedOptions;
+  }
+
+  getData() {
+    console.log(this.actor)
+    const essencePoints = this.actor.system.essencePoints;
+    return {
+      essencePoints: essencePoints,
+    }
+
+  }
+
+  activateListeners(html) {
+
+    super.activateListeners(html);
+
+    html.find(".essence-change").change(ev => this.render);
+  }
+
+  _updateObject(event, formData) {
+    const expandedData = foundry.utils.expandObject(formData);
+    const newEssencePoints = 12 - expandedData.system.smarts.max - expandedData.system.social.max - expandedData.system.speed.max - expandedData.system.strength.max
+    this.actor.update({
+      'system.essences.smarts.max': expandedData.system.smarts.max,
+      'system.essences.social.max': expandedData.system.social.max,
+      'system.essences.speed.max': expandedData.system.speed.max,
+      'system.essences.strength.max': expandedData.system.strength.max,
+      'system.essencePoints': newEssencePoints,
+    })
+
+  }
+}
+
+window.EssenceManager = EssenceManager;

module/data/actor/templates/character.mjs

@@ -50,6 +50,7 @@ export const character = () => ({
     willpower: makeDefensesFields('willpower', 'smarts'),
     cleverness: makeDefensesFields('cleverness', 'social'),
   }),
+  essencePoints: makeInt(12),
   essences: new fields.SchemaField({
     strength: makeEssenceFields(),
     speed: makeEssenceFields(),

module/helpers/templates.mjs

@@ -98,5 +98,8 @@ export const preloadHandlebarsTemplates = async function () {
     "systems/essence20/templates/item/parts/id-drop.hbs",
     "systems/essence20/templates/item/parts/role-perk-drop.hbs",
     "systems/essence20/templates/item/parts/sheet-field.hbs",
+
+    //Apps partials.
+    "system/essence20/templates/app/essence-select.hbs",
   ]);
 };

module/sheets/actor-sheet.mjs

@@ -1,3 +1,4 @@
+import { EssenceManager } from "../apps/essence-manager.mjs";
 import { onManageActiveEffect, prepareActiveEffectCategories } from "../helpers/effects.mjs";
 import { getNumActions } from "../helpers/actor.mjs";
 import { onLevelChange } from "../sheet-handlers/role-handler.mjs";
@@ -424,6 +425,8 @@ export class Essence20ActorSheet extends ActorSheet {
     // Everything below here is only needed if the sheet is editable
     if (!this.isEditable) return;
 
+    html.find('.essence-manager').click(ev => this.openEssenceApp(ev, this.actor));
+
     // Add Inventory Item
     html.find('.item-create').click(ev => onItemCreate(ev, this.actor));
 
@@ -538,4 +541,9 @@ export class Essence20ActorSheet extends ActorSheet {
       return await onLevelChange(this.actor, this.actor.system.level);
     }
   }
+
+  async openEssenceApp(event, actor) {
+    new EssenceManager (actor).render(true);
+  }
 }
+

templates/actor/parts/misc/pc-skills.hbs

@@ -1,4 +1,5 @@
 <div class="skillscontainer">
+  <a class = "essence-manager"><i class="fas fa-gear"></i></a>
   {{!-- Strength --}}
   <div class="skills-container" style="border-color: {{system.color}};">
     <div class="essence-header strength">

templates/app/essence-select.hbs

@@ -0,0 +1,22 @@
+<form>
+  <div>
+    <label>Essence Points</label>
+    <input style="color: white" type="number" name="essencePoints" value="{{essencePoints}}" min="0" step="1" />
+  </div>
+  <div class="essence-change">
+    <label>Strength</label>
+    <input style="color: white" type="number" name="system.strength.max" value="0" min="0" step="1" />
+  </div>
+  <div class="essence-change">
+    <label>Speed</label>
+    <input style="color: white" type="number" name="system.speed.max" value="0" min="0" step="1" />
+  </div>
+  <div class="essence-change">
+    <label>Smarts</label>
+    <input style="color: white" type="number" name="system.smarts.max" value="0" min="0" step="1" />
+  </div>
+  <div class="essence-change">
+    <label>Social</label>
+    <input style="color: white" type="number" name="system.social.max" value="0" min="0" step="1" />
+  </div>
+</form>