60 lines
1.6 KiB
Vue
60 lines
1.6 KiB
Vue
<template>
|
|
<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>
|
|
<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="datefmt(date)" :date_end="datefmt(new Date(date_end.getTime() - 1))" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import cookie from './cookie.mjs';
|
|
|
|
import ViewResourceLookup from './ViewResourceLookup.vue';
|
|
import DateRangePicker from './DateRangePicker.vue';
|
|
import ViewSchedule from './ViewSchedule.vue';
|
|
|
|
function dateonly(date) {
|
|
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
}
|
|
|
|
export default {
|
|
components: {
|
|
ViewResourceLookup, DateRangePicker, ViewSchedule
|
|
},
|
|
props: {
|
|
client: Object
|
|
},
|
|
data() {
|
|
var resources = cookie.get('vista.resources');
|
|
return {
|
|
selection: resources ? (resources.split(',').filter(x => x) || []) : [],
|
|
date: dateonly(new Date()),
|
|
date_end: dateonly(new Date())
|
|
};
|
|
},
|
|
watch: {
|
|
selection(value, oldvalue) {
|
|
cookie.set('vista.resources', value.join(','), 7);
|
|
}
|
|
},
|
|
methods: {
|
|
datefmt(date) {
|
|
return date ? date.toLocaleDateString('en-CA') : '';
|
|
//return (new Date(date.getTime() + date.getTimezoneOffset()*60000)).toLocaleDateString('en-CA');
|
|
}
|
|
}
|
|
};
|
|
</script>
|