From 8794d27d081d7bb8ecd27bb9d34b4368f322ad18 Mon Sep 17 00:00:00 2001
From: inportb <inportb@gmail.com>
Date: Mon, 24 Apr 2023 21:43:11 -0400
Subject: [PATCH] Order viewer emoji

---
 htdocs/ViewOrders.vue | 211 +++++++++++++++++++++---------------------
 1 file changed, 107 insertions(+), 104 deletions(-)

diff --git a/htdocs/ViewOrders.vue b/htdocs/ViewOrders.vue
index edc688c..8cf9baa 100644
--- a/htdocs/ViewOrders.vue
+++ b/htdocs/ViewOrders.vue
@@ -1,104 +1,107 @@
-<template>
-	<table v-if="details.length > 0" class="table table-striped">
-		<template v-for="group in details">
-			<thead>
-				<tr>
-					<th>{{map_groups[group.key].name}}</th>
-					<th>Practitioner</th>
-					<th style="text-align: right;">Status</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="item in group.values">
-					<td><div v-for="line in item.text">{{line}}</div></td>
-					<td>
-						<div v-if="item.PrvNam" :title="item.PrvID">{{item.PrvNam}}</div>
-						<div v-if="item.Nrs">Nurse: {{item.Nrs}}</div>
-						<div v-if="item.Clk">Clerk: {{item.Clk}}</div>
-						<div v-if="item.ChartRev">Chart: {{item.ChartRev}}</div>
-						<div v-if="item.LOC">{{item.LOC.split(':')[0]}}</div>
-					</td>
-					<td style="text-align: right;">
-						<div v-if="item.Sts">{{name_of_status[item.Sts]}}</div>
-						<div v-if="item.OrdTm">Ordered: {{strptime_vista(item.OrdTm).toLocaleDateString('sv-SE')}}</div>
-						<div v-if="item.StrtTm">Start: {{strptime_vista(item.StrtTm).toLocaleDateString('sv-SE')}}</div>
-						<div v-if="item.StopTm">Stop: {{strptime_vista(item.StopTm).toLocaleDateString('sv-SE')}}</div>
-					</td>
-				</tr>
-			</tbody>
-		</template>
-	</table>
-</template>
-
-<style scoped>
-	th {
-		text-transform: lowercase;
-	}
-	th::first-letter {
-		text-transform: uppercase;
-	}
-</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',
-		97:	'',
-		98:	'New',
-		99:	'No status'
-	};
-
-	export default {
-		props: {
-			client: Object,
-			dfn: String,
-			filter: { default: 2 },
-			group: { default: 1 },
-			date_begin: Date,
-			date_end: Date
-		},
-		data() {
-			return {
-				orders: [],
-				details: [],
-				map_groups: {},
-				name_of_status
-			};
-		},
-		computed: {
-			params() {
-				return { dfn: this.dfn, filter: this.filter, group: this.group, date_begin: strftime_vista(this.date_begin), date_end: strftime_vista(this.date_end) };
-			}
-		},
-		watch: {
-			async params(value) {
-				this.orders = await this.client.ORWORR_AGET(value.dfn, value.filter, value.group, value.date_begin, value.date_end);
-			},
-			async orders(value) {
-				this.details = this.orders.length > 0 ? groupByArray(await this.client.ORWORR_GET4LST(0, 0, value.map(x => x.ifn)), x => x.Grp) : [];
-			}
-		},
-		methods: {
-			strptime_vista
-		},
-		async mounted() {
-			this.map_groups = (await this.client.ORWORDG_ALLTREE()).reduce((acc, x) => (acc[x.ien] = x, acc), {});
-		}
-	};
-</script>
+<template>
+	<table v-if="details.length > 0" class="table table-striped">
+		<template v-for="group in details">
+			<thead>
+				<tr>
+					<th>{{map_groups[group.key].name}}</th>
+					<th>Practitioner</th>
+					<th style="text-align: right;">Status</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr v-for="item in group.values">
+					<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>
+						<div v-if="item.Clk">Clerk: {{item.Clk}}</div>
+						<div v-if="item.ChartRev">Chart: {{item.ChartRev}}</div>
+						<div v-if="item.LOC">{{item.LOC.split(':')[0]}}</div>
+					</td>
+					<td style="text-align: right;">
+						<div v-if="item.Sts">{{name_of_status[item.Sts]}}</div>
+						<div v-if="item.OrdTm">Ordered: {{strptime_vista(item.OrdTm).toLocaleDateString('sv-SE')}}</div>
+						<div v-if="item.StrtTm">Start: {{strptime_vista(item.StrtTm).toLocaleDateString('sv-SE')}}</div>
+						<div v-if="item.StopTm">Stop: {{strptime_vista(item.StopTm).toLocaleDateString('sv-SE')}}</div>
+					</td>
+				</tr>
+			</tbody>
+		</template>
+	</table>
+</template>
+
+<style scoped>
+	th {
+		text-transform: lowercase;
+	}
+	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 ⭐',
+		97:	'',
+		98:	'New ✨',
+		99:	'No status'
+	};
+
+	export default {
+		props: {
+			client: Object,
+			dfn: String,
+			filter: { default: 2 },
+			group: { default: 1 },
+			date_begin: Date,
+			date_end: Date
+		},
+		data() {
+			return {
+				orders: [],
+				details: [],
+				map_groups: {},
+				name_of_status
+			};
+		},
+		computed: {
+			params() {
+				return { dfn: this.dfn, filter: this.filter, group: this.group, date_begin: strftime_vista(this.date_begin), date_end: strftime_vista(this.date_end) };
+			}
+		},
+		watch: {
+			async params(value) {
+				this.orders = await this.client.ORWORR_AGET(value.dfn, value.filter, value.group, value.date_begin, value.date_end);
+			},
+			async orders(value) {
+				this.details = this.orders.length > 0 ? groupByArray(await this.client.ORWORR_GET4LST(0, 0, value.map(x => x.ifn)), x => x.Grp) : [];
+			}
+		},
+		methods: {
+			strptime_vista
+		},
+		async mounted() {
+			this.map_groups = (await this.client.ORWORDG_ALLTREE()).reduce((acc, x) => (acc[x.ien] = x, acc), {});
+		}
+	};
+</script>