From 16b15fbd3ef00d6df5e5cc23b099c034607153fd Mon Sep 17 00:00:00 2001
From: Byroks <byroks@gmail.com>
Date: Fri, 29 Mar 2024 12:08:59 +0100
Subject: [PATCH] =?UTF-8?q?H=C3=A4ndisches=20increse=20&=20decrease=20von?=
 =?UTF-8?q?=20Zauber=20PP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/module/sheets/M5CharacterSheet.ts | 30 ++++++++++++++++++++++++
 source/style/Character-sheet.less        |  9 +++++++
 templates/sheets/character/spells.hbs    | 10 +++++---
 3 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/source/module/sheets/M5CharacterSheet.ts b/source/module/sheets/M5CharacterSheet.ts
index 234c992..62b2e71 100644
--- a/source/module/sheets/M5CharacterSheet.ts
+++ b/source/module/sheets/M5CharacterSheet.ts
@@ -194,6 +194,36 @@ export default class M5CharacterSheet extends ActorSheet {
 			});
 		});
 
+		html.find(".pp-increase").on("click", async (event) => {
+			let target = event.target.closest("[data-pp-name]") as HTMLElement;
+			let ppName = target ? target.dataset.ppName : null;
+			const context = this.actor as any;
+			const item = context.items.find((x) => x.type === "class" && x.system.equipped);
+			item.update({
+				system: {
+					lernKostenZauber: {
+						[ppName]: { pp: context.system.lernKostenZauber[ppName].pp + 1 },
+					},
+				},
+			});
+			this.render();
+		});
+
+		html.find(".pp-decrease").on("click", async (event) => {
+			let target = event.target.closest("[data-pp-name]") as HTMLElement;
+			let ppName = target ? target.dataset.ppName : null;
+			const context = this.actor as any;
+			const item = context.items.find((x) => x.type === "class" && x.system.equipped);
+			item.update({
+				system: {
+					lernKostenZauber: {
+						[ppName]: { pp: context.system.lernKostenZauber[ppName].pp - 1 },
+					},
+				},
+			});
+			this.render();
+		});
+
 		html.find(".fw-increase").on("click", async (event) => {
 			let target = event.target.closest("[data-item-id]") as HTMLElement;
 			let itemId = target ? target.dataset.itemId : null;
diff --git a/source/style/Character-sheet.less b/source/style/Character-sheet.less
index 898b404..e8ebd2c 100644
--- a/source/style/Character-sheet.less
+++ b/source/style/Character-sheet.less
@@ -388,4 +388,13 @@
 	.closebtn:hover {
 		color: #000;
 	}
+
+	.pp-listing {
+		margin: 0 2rem;
+		flex: 1 0 16%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: baseline;
+	}
 }
diff --git a/templates/sheets/character/spells.hbs b/templates/sheets/character/spells.hbs
index eb0da4a..6884d0a 100644
--- a/templates/sheets/character/spells.hbs
+++ b/templates/sheets/character/spells.hbs
@@ -40,7 +40,7 @@
 							<th class="title">{{localize "midgard5.spell-effectDuration-short"}}</th>
 							<th class="title">{{localize "midgard5.ew"}}</th>
 							<th class="title"><img src="/systems/midgard5/assets/icons/icon/battle-gear.svg" class="table-icon"></th>
-							<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"><img src="/icons/svg/d20.svg" class="table-icon"></th></th>
+							<th class="title"><img src="/icons/svg/d20.svg" class="table-icon"></th>
 							<td><a class="title add-spell"><i class="fa-regular fa-plus"></i></a></th>
 						</tr>
 					</thead>
@@ -87,9 +87,13 @@
 							<div class="flexrow">
 
 								{{#each data.lernKostenZauber as |group name|}}
-									<span style="margin: 0 2rem; flex: 1 0 16%; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;">
+									<span data-pp-name="{{name}}" class="pp-listing">
 										<label for="data.lernKostenZauber.{{name}}">{{localize (m5concat "midgard5.spell-process-" name)}}</label>
-										<input style="width:15px" disabled="true" type="number" value={{group.pp}} data-dtype="Number" />
+										<span >
+											<i class="fa fa-minus-circle pp-decrease" style="cursor: pointer"></i>
+												<input style="width:15px"  type="number" value={{group.pp}} data-dtype="Number" />
+											<i class="fa fa-plus-circle pp-increase" style="cursor: pointer"></i>
+										</span>
 									</span>
 								{{/each}}
 							</div>