Add spell preparation controls to spell list

Author: orffen

module/sheets/actor-sheet.mjs

@@ -197,6 +197,17 @@ export class BasicFantasyRPGActorSheet extends ActorSheet {
       li.slideUp(200, () => this.render(false));
     });
 
+    // Prepare Spells
+    html.find('.spell-prepare').click(ev => {
+      const change = event.currentTarget.dataset.change;
+      if (parseInt(change)) {
+        const li = $(ev.currentTarget).parents(".item");
+        const item = this.actor.items.get(li.data("itemId"));
+        let newValue = item.data.data.prepared.value + parseInt(change);
+        item.update({"data.prepared.value": newValue});
+      }
+    });
+
     // Active Effect management
     html.find(".effect-control").click(ev => onManageActiveEffect(ev, this.actor));
 

templates/actor/parts/actor-spells.html

@@ -27,7 +27,11 @@
           </div>
           <h4>{{item.name}}</h4>
         </div>
-        <div class="item-prop">{{localize item.data.prepared.label}}: {{item.data.prepared.value}}</div>
+        <div class="item-prop grid grid-3col">
+          <div class="flex-group-right"><a class="item-control spell-prepare" data-change="-1"><i class="fas fa-minus"></i></a></div>
+          <div class="flex-group-center">{{item.data.prepared.value}}</div>
+          <div class="flex-group-left"><a class="item-control spell-prepare" data-change="+1"><i class="fas fa-plus"></i></a></div>
+        </div>
         <div class="item-controls">
           <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
           <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>