Multi-level navigation

htdocs/RoutePatient.vue

@@ -7,6 +7,7 @@
 		<router-link class="btn btn-danger" :to="'/patient/' + patient_dfn + '?viewsensitive'">Proceed</router-link>
 	</div>
 	<template v-if="patient_info">
+		<Submenu :value="menu" />
 		<div class="card mb-3 shadow">
 			<div class="card-header">{{patient_info.name}} <span :title="patient_info.pid">{{patient_info.pid.slice(-4)}}</span> #{{patient_dfn}}</div>
 			<div class="card-body row" style="font-family: monospace;">
@@ -27,10 +28,11 @@
 	import { strptime_vista } from './util.mjs';
 
 	import Subtitle from './Subtitle.vue';
+	import Submenu from './Submenu.vue';
 
 	export default {
 		components: {
-			Subtitle
+			Subtitle, Submenu
 		},
 		props: {
 			client: Object
@@ -42,6 +44,18 @@
 				patient_info: null
 			};
 		},
+		computed: {
+			menu() {
+				return this.patient_info ? {
+					name: this.patient_info.name,
+					items: [
+						{ name: 'Patient', href: '/patient/' + this.patient_dfn + (this.sensitive && '?viewsensitive' || '') },
+						{ name: 'Visits', href: '/patient/' + this.patient_dfn + '/visits' + (this.sensitive && '?viewsensitive' || '') },
+						{ name: 'Orders', href: '/patient/' + this.patient_dfn + '/orders' + (this.sensitive && '?viewsensitive' || '') }
+					]
+				} : null;
+			}
+		},
 		methods: {
 			strptime_vista,
 			async loadinfo(dfn, viewsensitive) {