jyio/nuVistA
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Multi-level navigation

Browse Source
This commit is contained in:
Jiang Yio
2023-05-08 20:19:10 -04:00
parent 45dda6f51d
commit 98cd861b5b
5 changed files with 76 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
htdocs/Navbar.vue
View File

@@ -7,25 +7,16 @@
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<router-link class="nav-link" to="/">Schedule</router-link>
<li v-if="menustate.length > 0" v-for="item in menustate[0].items" class="nav-item">
<router-link class="nav-link" :to="item.href">{{item.name}}</router-link>
</li>
<li class="nav-item">
<router-link class="nav-link" to="/lookup">Lookup</router-link>
</li>
<template v-if="($route.matched.length > 0) && ($route.matched[0].path == '/patient/:id')">
<li class="nav-item">
<router-link class="nav-link" :to="'/patient/' + $route.params.id + '/visits'">Visits</router-link>
</li>
<li class="nav-item">
<router-link class="nav-link" :to="'/patient/' + $route.params.id + '/orders'">Orders</router-link>
</li>
</template>
<li class="nav-item">
<router-link class="nav-link" to="/planner">Planner</router-link>
</li>
<li class="nav-item">
<router-link class="nav-link" to="/recall">Recall</router-link>
<li v-if="menustate.length > 1" v-for="menu in menustate.slice(1)" class="nav-item dropdown">
<button class="nav-link btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">{{menu.name}}</button>
<ul class="dropdown-menu dropdown-menu-dark">
<li v-for="item in menu.items" class="nav-item">
<router-link class="nav-link" :to="item.href">{{item.name}}</router-link>
</li>
</ul>
</li>
<li class="nav-item" v-if="server">
<a class="nav-link disabled"><template v-if="user">{{user[2]}} @ </template>{{server.domain}}</a>
@@ -48,6 +39,7 @@
<script>
import vistax from './vistax.mjs';
import { menustate } from './common.mjs';
export default {
props: {
@@ -61,7 +53,9 @@
}
},
data() {
return {};
return {
menustate
};
}
};
</script>