Add the macro trigger into the Items tab, and localize the trigger button for attributes (closes #85)

langs/en-ca.json

@@ -65,6 +65,8 @@
 			"resizable": "Resizable",
 			"not-resizable": "Not Resizable",
 			"macro-is-in-use": "The Macro is used by {count} items/attributes in the world or Actors, the items will lose their ability to use the macro.",
+			"roll": "Roll",
+			"use": "Use",
 			"item": {
 				"weight": "Weight",
 				"quantity": "Quantity",

module/apps/PlayerSheet.mjs

@@ -382,6 +382,7 @@ export class PlayerSheet extends
 			weight: config.weightFormatter(item.system.quantifiedWeight),
 			isExpanded: this.#expandedItems.has(item.uuid),
 			canExpand: item.system.description.length > 0,
+			trigger: item.system.trigger,
 		};
 
 		ctx.description = ``;

styles/Apps/PlayerSheet.css

@@ -135,8 +135,8 @@
 		margin-bottom: 0;
 
 		.summary {
-			display: grid;
+			display: flex;
-			grid-template-columns: min-content auto 1fr 50px auto;
+			flex-direction: row;
 			align-items: center;
 			gap: 8px;
 			background: var(--item-card-header-background);
@@ -154,6 +154,7 @@
 				display: flex;
 				flex-direction: column;
 				gap: 4px;
+				flex-grow: 1;
 			}
 
 			.name {
@@ -164,10 +165,15 @@
 				opacity: 90%;
 			}
 
+			input {
+				width: 50px;
+			}
+
 			input, button {
 				background: var(--item-card-header-input-background);
 				color: var(--item-card-header-input-colour);
 				text-align: center;
+				height: 32px;
 
 				&:disabled {
 					color: var(--item-card-header-disabled-input-colour);
@@ -175,14 +181,17 @@
 			}
 		}
 
-		.expand-button {
+		button {
 			border: none;
-			aspect-ratio: 1;
 
 			&:focus-visible {
 				filter: brightness(150%);
 				outline: none;
 			}
+		}
+
+		.expand-button {
+			aspect-ratio: 1;
 
 			&[data-expanded="true"] {
 				rotate: 180deg;

templates/PlayerSheet/tabs/attributes/attribute.hbs

@@ -10,7 +10,7 @@
 			type="button"
 			data-action="executeTrigger"
 		>
-			Roll
+			{{ localize "taf.misc.roll" }}
 		</button>
 	{{/if}}
 	<input

templates/PlayerSheet/tabs/items/item.hbs

@@ -18,6 +18,14 @@
 			<span class="name">{{ name }}</span>
 			<span class="subtitle">{{ weight }}</span>
 		</div>
+		{{#if trigger}}
+			<button
+				type="button"
+				data-action="executeTrigger"
+			>
+				{{ localize "taf.misc.use" }}
+			</button>
+		{{/if}}
 		<input
 			id="{{uuid}}-quantity"
 			type="number"