implementation initial

module/applications/sheets/rollTables/rollTable.mjs

@@ -1,6 +1,7 @@
 export default class DhRollTableSheet extends foundry.applications.sheets.RollTableSheet {
     static DEFAULT_OPTIONS = {
         ...super.DEFAULT_OPTIONS,
+        classes:['daggerheart', 'sheet', 'dh-style'],
         actions: {
             addAltFormula: DhRollTableSheet.#onAddAltFormula,
             removeAltFormula: DhRollTableSheet.#onRemoveAltFormula
@@ -24,7 +25,27 @@ export default class DhRollTableSheet extends foundry.applications.sheets.RollTa
 
         switch (partId) {
             case 'summary':
+                context.flagFields = this.daggerheartFlag.schema.fields;
                 context.flagData = this.daggerheartFlag;
+                const formulas =[];
+                formulas.push({
+                    index: 0,
+                    key: this.daggerheartFlag.formulaName, //Stored in flags as discussed
+                    formula: context.source.formula, //Settinng default formula as part of first element
+                    formulaInputName: "formula",
+                    keyInputName: "flags.daggerheart.formulaName"
+                });
+                this.daggerheartFlag.altFormula.forEach((alt,i) =>{
+                    formulas.push({
+                        index: i+1,
+                        key: alt.key,
+                        formula: alt.formula,
+                        formulaInputName:`flags.daggerheart.altFormula.${i}.formula`,
+                        keyInputName: `flags.daggerheart.altFormula.${i}.key`
+                    });
+                });
+                context.formulaList=formulas;
+                context.isListView=formulas.length>1; //Condition to show list view only if more than one entry
                 break;
         }
 
@@ -40,12 +61,41 @@ export default class DhRollTableSheet extends foundry.applications.sheets.RollTa
 
     /** @override */
     async _processSubmitData(event, form, submitData, options) {
-        submitData.flags.daggerheart = this.daggerheartFlag.toObject();
+        //submitData.flags.daggerheart = this.daggerheartFlag.toObject();
 
         super._processSubmitData(event, form, submitData, options);
     }
 
-    static async #onAddAltFormula(_event, target) {}
-
-    static async #onRemoveAltFormula(_event, target) {}
+    static async #onAddAltFormula(_event, target) {
+        const currentAltFormula=this.daggerheartFlag.altFormula;
+        await this.daggerheartFlag.updateSource({
+            altFormula:[...currentAltFormula,{key:"",formula:""}]
+        });
+        this.render({ internalRefresh: true });
+    }
+
+    static async #onRemoveAltFormula(_event, target) {
+        const visualIndex = parseInt(target.dataset.index);
+        const currentAltFormula=this.daggerheartFlag.altFormula;
+        if(visualIndex===0) {//If deleting formula at [0] index
+            if(currentAltFormula.length>0) {
+                const newCore = currentAltFormula[0];
+                const newAlt = currentAltFormula.slice(1);
+                await this.document.update({formula: newCore.formula});
+                await this.daggerheartFlag.updateSource({
+                    formulaName:newCore.key,
+                    altFormula:newAlt
+                });
+            } else {
+                await this.document.update({ formula: "" });
+                await this.daggerheartFlag.updateSource({ formulaName: "" });
+            }
+        } else {
+            const arrayIndex = visualIndex - 1;           
+            await this.daggerheartFlag.updateSource({
+                altFormula: currentAltFormula.filter((_, i) => i !== arrayIndex)
+            });
+        }
+        this.render({ internalRefresh: true });
+    }
 }

templates/sheets/rollTable/summary.hbs

@@ -1,6 +1,43 @@
 <section class="tab{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
     {{formGroup fields.description value=source.description rootId=rootId}}
-    {{formGroup fields.formula value=source.formula placeholder=formulaPlaceholder rootId=rootId}}
+    <fieldset class="one-column" data-key="formula">
+        <legend>
+            Formula
+            <a><i class="fa-solid fa-plus icon-button" data-action="addAltFormula"></i></a>
+        </legend>
+
+        {{#if isListView}}
+            {{#each formulaList as |row|}}
+                <div class="nest-inputs">
+                    {{formGroup ../flagFields.formulaName 
+                        value=row.key 
+                        name=row.keyInputName 
+                        placeholder="Name" 
+                    }}
+                    {{formGroup ../fields.formula 
+                        value=row.formula 
+                        name=row.formulaInputName 
+                        placeholder="Formula" 
+                    }}
+                    <a class="btn" 
+                       data-tooltip="{{localize "CONTROLS.CommonDelete"}}" 
+                       data-action="removeAltFormula" 
+                       data-index="{{row.index}}">
+                       <i class="fas fa-trash"></i>
+                    </a>
+                </div>
+            {{/each}}
+        {{else}}
+            <div class="nest-inputs">
+                <input type="hidden" name="flags.daggerheart.formulaName" value="{{flagData.formulaName}}">
+                {{formGroup fields.formula 
+                    value=source.formula 
+                    placeholder=formulaPlaceholder 
+                    rootId=rootId
+                }}
+            </div>
+        {{/if}}
+    </fieldset>
     {{formGroup fields.replacement value=source.replacement rootId=rootId}}
     {{formGroup fields.displayRoll value=source.displayRoll rootId=rootId}}
 </section>