[beam] Don't show '/' if count is empty in ItemCount (#233)

agritheory · Jan 13, 2025 · 8291254 · 8291254
1 parent 8c677ca
commit 8291254
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/beam/src/components/ItemCount.vue b/beam/src/components/ItemCount.vue
@@ -8,7 +8,7 @@
 			@paste="validate">
 			{{ count }}
 		</span>
-		<span>/{{ denominator }}</span>
+		<span v-if="denominator">/{{ denominator }}</span>
 		<span v-if="uom">&nbsp; {{ uom }}</span>
 	</div>
 </template>

diff --git a/common/changes/@stonecrop/beam/fix-ItemCount-slash_2025-01-08-18-16.json b/common/changes/@stonecrop/beam/fix-ItemCount-slash_2025-01-08-18-16.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/beam",
+      "comment": "denominator condition to be shown",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@stonecrop/beam"
+}
diff --git a/examples/beam/default.story.vue b/examples/beam/default.story.vue
@@ -31,10 +31,12 @@
 				<div class="beam_metadata_block">
 					<SplitColumn>
 						<template #left>
-							<BeamHeading> WO#2024-01-00001 <span class="beam--normal">Ambrosia Pie</span> </BeamHeading>
+							<BeamHeading>
+								{{ workOrder.orderNumber }} <span class="beam--normal">{{ workOrder.product }}</span>
+							</BeamHeading>
 						</template>
 						<template #right>
-							<ItemCount denominator="20" model-value="5" />
+							<ItemCount :denominator="workOrder.total" v-model="workOrder.quantity" />
 						</template>
 					</SplitColumn>
 					<BeamProgress :complete="workOrder.complete" progress-message="In Transit" />