rebase-et#25

et#27
Mahesh Sharma 2 years ago
parent ca5565d448
commit f6118eeb1f
  1. 24
      public/frontend/css/style.css
  2. 34
      resources/views/appointment.blade.php

@ -1649,6 +1649,30 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
.available-dates h5{ .available-dates h5{
margin-bottom: 0; margin-bottom: 0;
} }
.zabuto-calendar.table>thead>tr>th,
.zabuto-calendar.table>thead:first-child>tr:first-child>td {
color: #000000;
}
.zabuto-calendar.table>thead:first-child>tr:first-child>td{
pointer-events: all;
}
table.lightgrey-weekends tbody td:nth-child(n+6) {
background-color: #f3f3f3;
color: #d30000;
}
.event-colourful {
color: #bdbdbd;
cursor: not-allowed;
}
.event-colourful .zabuto-calendar__day{
pointer-events: none;
}
.event-clickable{
pointer-events: all !important;
color: #000000;
cursor: pointer;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%) !important;
}
/* appointment page css ends */ /* appointment page css ends */
/* Footer Css */ /* Footer Css */

@ -22,7 +22,7 @@
<button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true"> <button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button> <i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button>
<button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false"> <button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Visa Services</button> <i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Migration | Visa Services</button>
</div> </div>
</div> </div>
@ -134,20 +134,39 @@
}); });
function displayCalendar($calender,id){ function displayCalendar($calender,id){
var id = id; var id = id;
var now = new Date();
$calender.zabuto_calendar({ $calender.zabuto_calendar({
data: [
classname: 'table clickable table-bordered lightgrey-weekends', @foreach($educationAppointments as $appointment)
@php
$date = Carbon\Carbon::createFromFormat('Y-m-d', $appointment->date);
$start_time = Carbon\Carbon::createFromFormat('H:i A', $appointment->start_time);
$end_time = Carbon\Carbon::createFromFormat('H:i A', $appointment->end_time);
@endphp
{
date: "{{ $date->format('Y-m-d') }}",
content: "{{ $start_time->format('H:i') }} - {{ $end_time->format('H:i') }}"
},
@endforeach
],
classname: 'table event-colourful table-bordered lightgrey-weekends',
week_starts: 'monday', week_starts: 'monday',
show_days: true, show_days: true,
cell_border: true, cell_border: true,
today: true,
show_days: true, show_days: true,
weekstartson: 0, weekstartson: 0,
today_markup: '<span class="badge bg-primary">[day]</span>',
navigation_markup: { navigation_markup: {
prev: '<i class="fas fa-chevron-circle-left"></i>', prev: '<i class="fas fa-chevron-circle-left"></i>',
next: '<i class="fas fa-chevron-circle-right"></i>' next: '<i class="fas fa-chevron-circle-right"></i>'
} },
events:[
@foreach($educationAppointments as $appointment)
{
date: "{{ $appointment->date }}",
"classname": "clickable event-clickable"
},
@endforeach
]
}); });
@ -174,9 +193,8 @@
} }
}); });
if (e.today) { if (e.today) {
$(e.element).css('color', 'blue'); $(e.element).html('<span class="badge bg-primary">'+ e.date.getDate() +'</span>');
} else if (e.date.getTime() < now.getTime()) { } else if (e.date.getTime() < now.getTime()) {
$(e.element).html('<span class="badge bg-danger">'+ e.date.getDate() +'</span>'); $(e.element).html('<span class="badge bg-danger">'+ e.date.getDate() +'</span>');
} else { } else {

Loading…
Cancel
Save