RC-29 | Abilities | Editing

Apps/HeroSummaryCardV1/content.hbs

@@ -23,7 +23,11 @@
 	{{!-- * Fate & Advancement --}}
 	<div class="fate">
 		<label for="{{meta.idp}}-fate-path" class="col-header">Fate</label>
-		<select class="row-alt" id="{{meta.idp}}-fate-path" name="system.fate">
+		<select
+			class="row-alt"
+			id="{{meta.idp}}-fate-path"
+			name="system.fate"
+		>
 			{{rc-options fate.selected fate.options localize=true}}
 		</select>
 	</div>
@@ -40,7 +44,9 @@
 						<input
 							type="number"
 							id="{{@root.meta.idp}}-{{ability.id}}-input"
+							class="value"
 							value="{{ability.value}}"
+							name="system.ability.{{ability.id}}"
 						>
 					{{else}}
 						<span>{{ability.value}}</span>

Apps/HeroSummaryCardV1/style.css

@@ -85,8 +85,10 @@
 		border-radius: 50%;
 		font-size: 1.5rem;
 
-		> input {
+		> .value {
-			width: 75%;
+			background: none;
+			width: 70%;
+			text-align: center;
 		}
 	}
 }

Apps/common.css

@@ -18,8 +18,10 @@
 		font-family: inherit;
 		font-size: inherit;
 		position: relative;
+		background: none;
 
-		&[type="text"] {
+		&[type="text"],
+		&[type="number"] {
 			border-bottom: 2px dashed purple;
 		}
 	}

langs/en-ca.json

@@ -15,6 +15,12 @@
 				"East": "East",
 				"South": "South",
 				"West": "West"
+			},
+			"ability": {
+				"grit": "Grit",
+				"gait": "Gait",
+				"grip": "Grip",
+				"glim": "Glim"
 			}
 		}
 	}

module/Apps/ActorSheets/HeroSummaryCardV1.mjs

@@ -79,11 +79,11 @@ export class HeroSummaryCardV1 extends HandlebarsApplicationMixin(ActorSheetV2)
 					{ value: ctx.actor.system.ability[key] },
 				),
 				value: ctx.actor.system.ability[key],
-				readonly: true,
+				readonly: !this.isEditable,
 			});
 		};
 		return ctx;
-	}
+	};
 	// #endregion
 
 	// #region Actions