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

Settings page for clinic selection

Browse Source
This commit is contained in:
Jiang Yio 2023-05-16 22:04:37 -04:00
parent 15f5acbf52
commit 12a7c584a5
4 changed files with 79 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
htdocs/App.vue
View File

@ -26,6 +26,7 @@
import RoutePlanner from './RoutePlanner.vue';
import RouteRecall from './RouteRecall.vue';
import RouteInbox from './RouteInbox.vue';
import RouteSettings from './RouteSettings.vue';
export default {
components: {
@ -50,6 +51,7 @@
{ name: 'Planner', href: '/planner' },
{ name: 'Recall', href: '/recall' },
{ name: 'Inbox', href: '/inbox' },
{ name: 'Settings', href: '/settings' },
]
}
};
@ -72,6 +74,7 @@
{ path: '/planner', component: RoutePlanner },
{ path: '/recall', component: RouteRecall },
{ path: '/inbox', component: RouteInbox },
{ path: '/settings', component: RouteSettings },
].forEach(route => this.$root.$router.addRoute(route));
await this.$root.$router.replace(this.$route);
}

17
htdocs/RouteRecall.vue
View File

@ -1,15 +1,9 @@
<template>
<Subtitle value="Recall" />
<div>
<div class="card mb-3 shadow">
<div class="card-header">Clinics</div>
<div class="card-body">
<ViewResourceLookup :client="client" v-model:selection="selection" />
</div>
</div>
<div class="card mb-3 shadow">
<div class="card-header d-flex justify-content-between align-items-center">
<span>Recall list ({{patients_lost.length + patients_outstanding.length}})</span>
<router-link to="/settings">Select clinics<template v-if="selection.length > 0"> ({{selection.length}})</template></router-link>
</div>
<div class="card-body">
<table class="table" style="font-family: monospace;" v-if="patients_lost && patients_lost.length > 0">
@ -42,14 +36,12 @@
</table>
</div>
</div>
</div>
</template>
<script>
import { groupByArray, strtr_unscramble, strHashHSL, strftime_vista, debounce } from './util.mjs';
import Subtitle from './Subtitle.vue';
import ViewResourceLookup from './ViewResourceLookup.vue';
function dateonly(date) {
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
@ -57,7 +49,7 @@
export default {
components: {
Subtitle, ViewResourceLookup
Subtitle
},
props: {
client: Object
@ -73,10 +65,7 @@
};
},
computed: {
selection: {
get() { return this.client.remotestate.resources ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
set(value) { this.client.remotestate.resources = value.join(','); }
},
selection() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
patients_lost() {
return this.patients.filter(x => x.TimeLastDiff >= 0).sort((a, b) => b.TimeLastDiff - a.TimeLastDiff);
},

17
htdocs/RouteSchedule.vue
View File

@ -1,27 +1,19 @@
<template>
<Subtitle value="Schedule" />
<div>
<div class="card mb-3 shadow">
<div class="card-header">Clinics</div>
<div class="card-body">
<ViewResourceLookup :client="client" v-model:selection="selection" />
</div>
</div>
<div class="card mb-3 shadow">
<div class="card-header d-flex justify-content-between align-items-center">
<span>Schedule</span>
<router-link to="/settings">Select clinics<template v-if="selection.length > 0"> ({{selection.length}})</template></router-link>
<DateRangePicker range="1D" direction="+1" v-model:date="date" v-model:date_end="date_end" />
</div>
<div class="card-body">
<ViewSchedule :client="client" :selection="selection" :date_begin="date" :date_end="new Date(date_end.getTime() - 1)" />
</div>
</div>
</div>
</template>
<script>
import Subtitle from './Subtitle.vue';
import ViewResourceLookup from './ViewResourceLookup.vue';
import DateRangePicker from './DateRangePicker.vue';
import ViewSchedule from './ViewSchedule.vue';
@ -31,7 +23,7 @@
export default {
components: {
Subtitle, ViewResourceLookup, DateRangePicker, ViewSchedule
Subtitle, DateRangePicker, ViewSchedule
},
props: {
client: Object
@ -43,10 +35,7 @@
};
},
computed: {
selection: {
get() { return this.client.remotestate.resources ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
set(value) { this.client.remotestate.resources = value.join(','); }
}
selection() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] }
}
};
</script>

32
htdocs/RouteSettings.vue Normal file
View File

@ -0,0 +1,32 @@
<template>
<Subtitle value="Settings" />
<div class="card mb-3 shadow">
<div class="card-header">Clinics</div>
<div class="card-body">
<ViewResourceLookup :client="client" v-model:selection="selection" />
</div>
</div>
</template>
<script>
import Subtitle from './Subtitle.vue';
import ViewResourceLookup from './ViewResourceLookup.vue';
export default {
components: {
Subtitle, ViewResourceLookup
},
props: {
client: Object
},
data() {
return {};
},
computed: {
selection: {
get() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
set(value) { if(this.client) this.client.remotestate.resources = value.join(','); }
}
},
};
</script>