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',
-		1:	'Discontinued',
-		2:	'Complete',
-		3:	'Hold',
-		4:	'Flagged',
-		5:	'Pending',
-		6:	'Active',
-		7:	'Expired',
-		8:	'Scheduled',
-		9:	'Partial results',
-		10:	'Delayed',
-		11:	'Unreleased',
-		12:	'DC/edit',
-		13:	'Cancelled',
-		14:	'Lapsed',
-		15:	'Renewed',
+		0:	'Error ⚠',
+		1:	'Discontinued ❌',
+		2:	'Complete ✔️',
+		3:	'Hold ✋',
+		4:	'Flagged 🚩',
+		5:	'Pending ⏳',
+		6:	'Active ⭐',
+		7:	'Expired ❌',
+		8:	'Scheduled ✔️',
+		9:	'Partial results ⏳',
+		10:	'Delayed 📅',
+		11:	'Unreleased 🚧',
+		12:	'DC/edit ✎',
+		13:	'Cancelled ❌',
+		14:	'Lapsed ❌',
+		15:	'Renewed ⭐',
 		97:	'',
-		98:	'New',
+		98:	'New ✨',
 		99:	'No status'
 	};