|
@@ -300,6 +300,7 @@
|
|
|
</strong>
|
|
</strong>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="card-body p-0">
|
|
<div class="card-body p-0">
|
|
|
|
|
+
|
|
|
<table class="table table-sm table-bordered appointments">
|
|
<table class="table table-sm table-bordered appointments">
|
|
|
<tr v-for="event in events" class="">
|
|
<tr v-for="event in events" class="">
|
|
|
<td>
|
|
<td>
|
|
@@ -362,6 +363,17 @@
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</table>
|
|
</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>
|
|
|
|
|
+ <span v-if="filterStatus !== ''">You have no appointments on <b>@{{ selectedDate }}</b> with status <b>@{{ filterStatus }}</b></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-show="!selectedDate" class="bg-light p-3 text-secondary border bounded">
|
|
|
|
|
+ Please select a date from the calendar on the left
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="card mb-4">
|
|
<div class="card mb-4">
|
|
@@ -883,10 +895,8 @@
|
|
|
|
|
|
|
|
<div v-if="numEventsForDate === 0"
|
|
<div v-if="numEventsForDate === 0"
|
|
|
class="bg-light p-3 text-secondary border bounded">
|
|
class="bg-light p-3 text-secondary border bounded">
|
|
|
- <span
|
|
|
|
|
- v-if="filterStatus === ''">You have no appointments on <b>@{{ selectedDate }}</b></span>
|
|
|
|
|
- <span
|
|
|
|
|
- v-if="filterStatus !== ''">You have no appointments on <b>@{{ selectedDate }}</b> with status <b>@{{ filterStatus }}</b></span>
|
|
|
|
|
|
|
+ <span v-if="filterStatus === ''">You have no appointments on <b>@{{ selectedDate }}</b></span>
|
|
|
|
|
+ <span v-if="filterStatus !== ''">You have no appointments on <b>@{{ selectedDate }}</b> with status <b>@{{ filterStatus }}</b></span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-show="!selectedDate" class="bg-light p-3 text-secondary border bounded">
|
|
<div v-show="!selectedDate" class="bg-light p-3 text-secondary border bounded">
|
|
@@ -1145,7 +1155,8 @@
|
|
|
return [true, 'has-events'];
|
|
return [true, 'has-events'];
|
|
|
}
|
|
}
|
|
|
return [true, 'no-events'];
|
|
return [true, 'no-events'];
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ defaultDate: 0
|
|
|
});
|
|
});
|
|
|
// this.calendarElem
|
|
// this.calendarElem
|
|
|
// .on('changeDate', function () {
|
|
// .on('changeDate', function () {
|
|
@@ -1179,7 +1190,7 @@
|
|
|
|
|
|
|
|
this.loadMeasurements();
|
|
this.loadMeasurements();
|
|
|
this.initLoadAppointments();
|
|
this.initLoadAppointments();
|
|
|
- this.loadEvents('2021-10-13');
|
|
|
|
|
|
|
+ this.loadEvents('2021-10-03');
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
/*// refresh once ticket popup is closed
|
|
/*// refresh once ticket popup is closed
|
unknown