Order viewer emoji

htdocs/ViewOrders.vue

@@ -10,7 +10,7 @@
 			</thead>
 			<tbody>
 				<tr v-for="item in group.values">
-					<td><div v-for="line in item.text">{{line}}</div></td>
+					<td><div v-for="line in item.text">{{line}}</div><div>{{item.IFN}}</div></td>
 					<td>
 						<div v-if="item.PrvNam" :title="item.PrvID">{{item.PrvNam}}</div>
 						<div v-if="item.Nrs">Nurse: {{item.Nrs}}</div>
@@ -37,30 +37,33 @@
 	th::first-letter {
 		text-transform: uppercase;
 	}
+	td:first-child {
+		max-width: 30rem;
+	}
 </style>
 
 <script>
 	import { groupByArray, strftime_vista, strptime_vista } from './util.mjs';
 
 	const name_of_status = {
-		0:	'Error',
+		0:	'Error ⚠',
-		1:	'Discontinued',
+		1:	'Discontinued ❌',
-		2:	'Complete',
+		2:	'Complete ✔️',
-		3:	'Hold',
+		3:	'Hold ✋',
-		4:	'Flagged',
+		4:	'Flagged 🚩',
-		5:	'Pending',
+		5:	'Pending ⏳',
-		6:	'Active',
+		6:	'Active ⭐',
-		7:	'Expired',
+		7:	'Expired ❌',
-		8:	'Scheduled',
+		8:	'Scheduled ✔️',
-		9:	'Partial results',
+		9:	'Partial results ⏳',
-		10:	'Delayed',
+		10:	'Delayed 📅',
-		11:	'Unreleased',
+		11:	'Unreleased 🚧',
-		12:	'DC/edit',
+		12:	'DC/edit ✎',
-		13:	'Cancelled',
+		13:	'Cancelled ❌',
-		14:	'Lapsed',
+		14:	'Lapsed ❌',
-		15:	'Renewed',
+		15:	'Renewed ⭐',
 		97:	'',
-		98:	'New',
+		98:	'New ✨',
 		99:	'No status'
 	};