|
|
@@ -305,60 +305,61 @@
|
|
|
<td>
|
|
|
<a :href="'/patients/view/' + event.clientUid" class="font-weight-bold">@{{
|
|
|
event.clientName }}</a>
|
|
|
-
|
|
|
- {{-- <span class="small d-inline-block text-secondary font-weight-normal"> (@{{ event.clientAge }} y.o. @{{event.clientSex}})</span>--}}
|
|
|
- @{{ event.friendlyStartTime }} - @{{ event.friendlyEndTime }} <span
|
|
|
- class="text-secondary">@{{ event.timezone }}</span>
|
|
|
- <span v-if="event.title"
|
|
|
- class="d-inline-block ml- 2 text-secondary font-weight-bold">
|
|
|
- /
|
|
|
- @{{ event.title }}
|
|
|
- </span>
|
|
|
- <a :href="'/patients/view/' + event.clientUid + '/calendar/' + event.uid">
|
|
|
- <i class="fa fa-edit"></i>
|
|
|
- </a>
|
|
|
- <div class="d-flex align-items-baseline">
|
|
|
- <div v-if="event.status === 'CREATED'"
|
|
|
- class="text-warning-mellow font-weight-bold">
|
|
|
- <i class="fa fa-exclamation-triangle"></i>
|
|
|
- Confirmation pending
|
|
|
- </div>
|
|
|
- <div v-else-if="event.status === 'CONFIRMED'"
|
|
|
- class="text-success font-weight-bold">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- Confirmed by the patient
|
|
|
- </div>
|
|
|
- <div v-else-if="event.status === 'REJECTED'"
|
|
|
- class="text-danger font-weight-bold">
|
|
|
- <i class="fa fa-stop"></i>
|
|
|
- Rejected by the patient
|
|
|
- </div>
|
|
|
- <div v-else class="text-secondary">
|
|
|
- Status: <b>@{{ event.status }}</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class=""
|
|
|
- :class="event.coverage !== 'YES' ? (event.coverage === 'NO' ? 'text-danger' : 'text-warning-mellow') : 'text-success'">
|
|
|
- Coverage Status: <b>@{{ event.coverage }}</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ml-auto">
|
|
|
- <select v-model="event.newStatus"
|
|
|
- class="form-control form-control-sm bg-light"
|
|
|
- v-on:change="updateStatus(event)">
|
|
|
- <option value="CREATED">CREATED</option>
|
|
|
- <option value="CONFIRMED">CONFIRMED</option>
|
|
|
- <option value="CANCELLED">CANCELLED</option>
|
|
|
- <option value="COMPLETED">COMPLETED</option>
|
|
|
- <option value="ABANDONED">ABANDONED</option>
|
|
|
- </select>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ {{-- <span class="small d-inline-block text-secondary font-weight-normal"> (@{{ event.clientAge }} y.o. @{{event.clientSex}})</span>--}}
|
|
|
+ @{{ event.friendlyStartTime }} - @{{ event.friendlyEndTime }} <span
|
|
|
+ class="text-secondary">@{{ formatTimeZone(event.timezone) }}</span>
|
|
|
+ <span v-if="event.title"
|
|
|
+ class="d-inline-block ml- 2 text-secondary font-weight-bold">
|
|
|
+ /
|
|
|
+ @{{ event.title }}
|
|
|
+ </span>
|
|
|
+ <a :href="'/patients/view/' + event.clientUid + '/calendar/' + event.uid">
|
|
|
+ <i class="fa fa-edit"></i>
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="d-flex align-items-baseline">
|
|
|
+ <div v-if="event.status === 'CREATED'"
|
|
|
+ class="text-warning-mellow font-weight-bold">
|
|
|
+ <i class="fa fa-exclamation-triangle"></i>
|
|
|
+ Confirmation pending
|
|
|
+ </div>
|
|
|
+ <div v-else-if="event.status === 'CONFIRMED'"
|
|
|
+ class="text-success font-weight-bold">
|
|
|
+ <i class="fa fa-check"></i>
|
|
|
+ Confirmed by the patient
|
|
|
+ </div>
|
|
|
+ <div v-else-if="event.status === 'REJECTED'"
|
|
|
+ class="text-danger font-weight-bold">
|
|
|
+ <i class="fa fa-stop"></i>
|
|
|
+ Rejected by the patient
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <select v-model="event.newStatus"
|
|
|
+ class="form-control input-sm bg-light"
|
|
|
+ v-on:change="updateStatus(event)">
|
|
|
+ <option value="CREATED">CREATED</option>
|
|
|
+ <option value="CONFIRMED">CONFIRMED</option>
|
|
|
+ <option value="CANCELLED">CANCELLED</option>
|
|
|
+ <option value="COMPLETED">COMPLETED</option>
|
|
|
+ <option value="ABANDONED">ABANDONED</option>
|
|
|
+ </select>
|
|
|
<div v-if="selectedDate === '{{ date('Y-m-d') }}'"
|
|
|
- class="pt-1 text-right"
|
|
|
- :class="event.started ? 'text-danger': 'text-secondary'">
|
|
|
- @{{ event.inHowManyHours }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ class="pt-1 text-right"
|
|
|
+ :class="event.started ? 'text-danger': 'text-secondary'">
|
|
|
+ @{{ event.inHowManyHours }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <b v-if="event.coverage == 'YES'" class="text-success">Covered</b>
|
|
|
+ <b v-else-if="event.coverage == 'NO'" class="text-danger">Not Covered</b>
|
|
|
+ <b v-else class="text-warning-mellow">Pending</b>
|
|
|
+ </div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
@@ -674,6 +675,33 @@
|
|
|
if(_date) {
|
|
|
return moment(_date).format(_format);
|
|
|
}
|
|
|
+ },
|
|
|
+ formatTimeZone: function(_tz) {
|
|
|
+ switch (_tz) {
|
|
|
+ case 'EASTERN':
|
|
|
+ return 'EST'
|
|
|
+ break;
|
|
|
+ case 'CENTRAL':
|
|
|
+ return 'CST'
|
|
|
+ break;
|
|
|
+ case 'MOUNTAIN':
|
|
|
+ return 'MST'
|
|
|
+ break;
|
|
|
+ case 'PACIFIC':
|
|
|
+ return 'PST'
|
|
|
+ break;
|
|
|
+ case 'ALASKA':
|
|
|
+ return 'Alaska'
|
|
|
+ break;
|
|
|
+ case 'HAWAII':
|
|
|
+ return 'Hawaii'
|
|
|
+ break;
|
|
|
+ case 'PUERTO_RICO':
|
|
|
+ return 'Puerto Rico'
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return 'N/A';
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
mounted: function () {
|
Peter Muturi