RC-60 | Ammo | Layout

langs/en-ca.json

@@ -18,6 +18,7 @@
 			"HeroSkillsCardV1": "Hero Skill Card"
 		},
 		"common": {
+			"ammo": "Ammo",
 			"quantity": "Quantity",
 			"equipped": "Equipped",
 			"edit": "Edit",

module/Apps/ActorSheets/CombinedHeroSheet.mjs

@@ -79,6 +79,7 @@ export class CombinedHeroSheet extends GenericAppMixin(HandlebarsApplicationMixi
 		ctx = await HeroSummaryCardV1.prepareLevelData(ctx);
 
 		ctx = await HeroSkillsCardV1.prepareGear(ctx);
+		ctx = await HeroSkillsCardV1.prepareAmmo(ctx);
 
 		Logger.debug(`Context:`, ctx);
 		return ctx;

module/Apps/ActorSheets/HeroSkillsCardV1.mjs

@@ -80,6 +80,7 @@ export class HeroSkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin
 		ctx.actor = this.document;
 
 		ctx = await HeroSkillsCardV1.prepareGear(ctx);
+		ctx = await HeroSkillsCardV1.prepareAmmo(ctx);
 
 		Logger.debug(`Context:`, ctx);
 		return ctx;
@@ -116,6 +117,11 @@ export class HeroSkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin
 
 		return ctx;
 	};
+
+	static async prepareAmmo(ctx) {
+		ctx.ammo = 0;
+		return ctx;
+	};
 	// #endregion
 
 	// #region Actions

templates/Apps/HeroSkillsCardV1/content.hbs

@@ -60,14 +60,21 @@
 		{{/each}}
 	</ol>
 
+	<div class="ammo half-pill">
+		<div class="label">
+			{{ rc-i18n "RipCrypt.common.ammo"}}
+		</div>
+		<div class="input">
+			{{ ammo }}
+		</div>
+	</div>
+
+	{{!-- * Currencies --}}
 	<div class="currencies">
 		<div class="currency half-pill">
-			<{{{ifThen meta.editable "label" "div" }}}
+			<label for="{{meta.idp}}-gold" >
-				for="{{meta.idp}}-gold"
-				class="label"
-			>
 				{{ rc-i18n "RipCrypt.common.currency.gold"}}
-			</{{{ifThen meta.editable "label" "div" }}}>
+			</label>
 			<input
 				type="number"
 				id="{{meta.idp}}-gold"
@@ -76,12 +83,9 @@
 			>
 		</div>
 		<div class="currency half-pill">
-			<{{{ifThen meta.editable "label" "div" }}}
+			<label for="{{meta.idp}}-silver" >
-				for="{{meta.idp}}-silver"
-				class="label"
-			>
 				{{ rc-i18n "RipCrypt.common.currency.silver"}}
-			</{{{ifThen meta.editable "label" "div" }}}>
+			</label>
 			<input
 				type="number"
 				id="{{meta.idp}}-silver"
@@ -90,12 +94,9 @@
 			>
 		</div>
 		<div class="currency half-pill">
-			<{{{ifThen meta.editable "label" "div" }}}
+			<label for="{{meta.idp}}-copper" >
-				for="{{meta.idp}}-copper"
-				class="label"
-			>
 				{{ rc-i18n "RipCrypt.common.currency.copper"}}
-			</{{{ifThen meta.editable "label" "div" }}}>
+			</label>
 			<input
 				type="number"
 				id="{{meta.idp}}-copper"

templates/Apps/HeroSkillsCardV1/style.css

@@ -101,12 +101,14 @@
 		display: grid;
 		column-gap: var(--col-gap);
 		grid-template-columns: repeat(3, minmax(0, 1fr));
+	}
 
-		.currency {
+	.half-pill {
 		display: grid;
 		grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
 		align-items: center;
 		background: var(--section-header-background);
+		border-radius: 0 999px 999px 0;
 		color: var(--section-header-text);
 		--input-background: var(--base-background);
 		--input-text: var(--base-text);
@@ -117,9 +119,4 @@
 			text-align: center;
 		}
 	}
-	}
-
-	.half-pill {
-		border-radius: 0 999px 999px 0;
-	}
 }