RC-82 | Name Input

module/Apps/ItemSheets/AllItemSheetV1.mjs

@@ -40,6 +40,8 @@ export class AllItemSheetV1 extends GenericAppMixin(HandlebarsApplicationMixin(I
 		ctx = await super._preparePartContext(partId, ctx, opts);
 		ctx.item = this.document;
 
+		ctx.formFields = this.document.system.getFormFields(ctx);
+
 		Logger.debug(`Context:`, ctx);
 		return ctx;
 	};

module/data/Item/Weapon.mjs

@@ -57,7 +57,7 @@ export class WeaponData extends foundry.abstract.TypeDataModel {
 	// #endregion
 
 	// #region Sheet Data
-	get formFields() {
+	getFormFields(ctx) {
 		const fields = [
 			{ type: `set`, label: `Traits` },
 			{ type: `integer`, label: `Short Range` },

templates/Apps/AllItemSheetV1/content.hbs

@@ -1,3 +1,17 @@
 <div class="AllItemSheetV1">
-	{{{ rc-formFields item.system.formFields }}}
+	<div>
+		{{#if meta.editable}}
+			<label for="{{meta.idp}}-name">Name</label>
+			<input
+				type="text"
+				id="{{meta.idp}}-name"
+				name="name"
+				value="{{item.name}}"
+			>
+		{{else}}
+			<span class="label">Name</span>
+			<span class="value">{{item.name}}</span>
+		{{/if}}
+	</div>
+	{{{ rc-formFields formFields }}}
 </div>

templates/Apps/AllItemSheetV1/style.css

@@ -1,3 +1,31 @@
 .ripcrypt .AllItemSheetV1 {
 	--input-height: 1rem;
+	--col-gap: 8px;
+
+	display: grid;
+	grid-template-rows: minmax(0, 1fr);
+	grid-auto-rows: minmax(0, 1fr);
+	column-gap: var(--col-gap);
+
+	background: var(--base-background);
+	color: var(--base-text);
+
+	> :nth-child(odd) {
+		background: var(--alt-row-background);
+		color: var(--alt-row-text);
+	}
+
+	label, .label {
+		box-sizing: border-box;
+		padding: 2px 4px;
+		text-transform: uppercase;
+		font-size: var(--font-size-14);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-weight: bold;
+	}
+
+	.input-group {
+		display: contents;
+	}
 }