|
|
@@ -460,7 +460,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-for="event in events" class="align-items-end p-3 border rounded mb-3"
|
|
|
+ {{--<div v-for="event in events" class="align-items-end p-3 border rounded mb-3"
|
|
|
v-if="!filterPro || filterPro === event.proUid"
|
|
|
:class="(event.dateYMD === selectedDate && (filterStatus === '' || filterStatus === event.status) ? 'd-flex' : 'd-none') + ' ' + (event.isClientShadowOfPro ? 'training-event' : '')">
|
|
|
<div class="patient-avatar mr-3 align-self-center">
|
|
|
@@ -522,7 +522,64 @@
|
|
|
@{{ event.inHowManyHours }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>--}}
|
|
|
+
|
|
|
+
|
|
|
+ <table class="table table-sm table-striped table-hover table-bordered" v-if="numEventsForDate>0">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th class="border-bottom-0"></th>
|
|
|
+ <th class="border-bottom-0">Time</th>
|
|
|
+ <th class="border-bottom-0">Pro</th>
|
|
|
+ <th class="border-bottom-0">Patient</th>
|
|
|
+ <th class="border-bottom-0">Status</th>
|
|
|
+ <th class="border-bottom-0">Coverage</th>
|
|
|
+ <th class="border-bottom-0"></th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="event in events" class=""
|
|
|
+ v-if="!filterPro || filterPro === event.proUid"
|
|
|
+ :class="(event.dateYMD === selectedDate && (filterStatus === '' || filterStatus === event.status) ? 'd-table-row' : 'd-none') + ' ' + (event.isClientShadowOfPro ? 'training-event' : '')">
|
|
|
+ <td class="align-middle">
|
|
|
+ <span v-if="event.isClientShadowOfPro">Training</span>
|
|
|
+ <span v-else>Clinical</span>
|
|
|
+ </td>
|
|
|
+ <td class="align-middle">
|
|
|
+ @{{ event.friendlyStartTime }} - @{{ event.friendlyEndTime }}
|
|
|
+ <span class="text-secondary">@{{ event.timezone }}</span>
|
|
|
+ </td>
|
|
|
+ <td class="align-middle">
|
|
|
+ @{{ event.proName }}
|
|
|
+ </td>
|
|
|
+ <td class="align-middle">
|
|
|
+ <a :href="'/patients/view/' + event.clientUid" class="font-weight-normal">@{{
|
|
|
+ event.clientName }}</a>
|
|
|
+ <span class="small d-inline-block pl-2 text-secondary font-weight-normal">@{{ event.clientSummary }}</span>
|
|
|
+ </td>
|
|
|
+ <td class="align-middle p-0">
|
|
|
+ <select v-model="event.newStatus"
|
|
|
+ class="form-control form-control-sm bg-light w-100 rounded-0 border-0"
|
|
|
+ v-on:change="updateStatus(event)">
|
|
|
+ <option value="PENDING">PENDING</option>
|
|
|
+ <option value="CONFIRMED">CONFIRMED</option>
|
|
|
+ <option value="CANCELLED">CANCELLED</option>
|
|
|
+ <option value="COMPLETED">COMPLETED</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="align-middle">
|
|
|
+ @{{ event.coverage }}
|
|
|
+ </td>
|
|
|
+ <td class="align-middle">
|
|
|
+ <a :href="'/patients/view/' + event.clientUid + '/calendar/' + event.uid">
|
|
|
+ <i class="fa fa-edit"></i>
|
|
|
+ Edit
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
<div v-if="numEventsForDate === 0" class="bg-light p-3 text-secondary border bounded">
|
|
|
<span
|
|
|
v-if="filterStatus === ''">You have no appointments on <b>@{{ selectedDate }}</b></span>
|
