|
Lines 20-28
Link Here
|
| 20 |
display: flex; |
20 |
display: flex; |
| 21 |
flex-wrap: wrap; |
21 |
flex-wrap: wrap; |
| 22 |
} |
22 |
} |
| 23 |
#pickup-times label { |
23 |
#pickup-time-slots { |
| 24 |
flex-basis: 100%; |
24 |
max-width: 80%; |
| 25 |
text-align: center; |
|
|
| 26 |
} |
25 |
} |
| 27 |
fieldset.rows .pickup_time label { |
26 |
fieldset.rows .pickup_time label { |
| 28 |
background: #e6e6e6 linear-gradient(180deg,#f0f0f0,#e6e6e6); |
27 |
background: #e6e6e6 linear-gradient(180deg,#f0f0f0,#e6e6e6); |
|
Lines 357-363
Link Here
|
| 357 |
pickupDate._flatpickr.config.onClose.push(function( selectedDates, dateStr, instance ){ |
356 |
pickupDate._flatpickr.config.onClose.push(function( selectedDates, dateStr, instance ){ |
| 358 |
/* Here we add an onClose event to the existing flatpickr instance */ |
357 |
/* Here we add an onClose event to the existing flatpickr instance */ |
| 359 |
/* It fires after the user has selected a date from the calendar popup */ |
358 |
/* It fires after the user has selected a date from the calendar popup */ |
| 360 |
$('#pickup-times').html("<label>" + _("Select a time") + "</label>"); |
359 |
$('#pickup-times').html("<label>" + _("Select a time") + ":</label><div id=\"pickup-time-slots\"></div>"); |
| 361 |
$('#schedule-pickup-button').prop( 'disabled', 1 ); |
360 |
$('#schedule-pickup-button').prop( 'disabled', 1 ); |
| 362 |
|
361 |
|
| 363 |
var currentDate = dateStr; |
362 |
var currentDate = dateStr; |
|
Lines 453-459
Link Here
|
| 453 |
let pickups_scheduled = pickupSlot.pickups_scheduled; |
452 |
let pickups_scheduled = pickupSlot.pickups_scheduled; |
| 454 |
let pickups_available = policy.patrons_per_interval - pickups_scheduled; |
453 |
let pickups_available = policy.patrons_per_interval - pickups_scheduled; |
| 455 |
let disabled = pickupSlot.available ? "" : "disabled"; |
454 |
let disabled = pickupSlot.available ? "" : "disabled"; |
| 456 |
$("#pickup-times").append(`<span class="pickup_time"><input type="radio" id="slot_${i}" name="pickup_time" value="${optValue}" ${disabled} /> <label class="pickup_select" for="slot_${i}" data-toggle="tooltip" title="` + _("Appointments available: ") + `${pickups_available}">${optText} <span class="pickups_available">${pickups_available}</span></label></span>`); |
455 |
$("#pickup-time-slots").append(`<span class="pickup_time"><input type="radio" id="slot_${i}" name="pickup_time" value="${optValue}" ${disabled} /> <label class="pickup_select" for="slot_${i}" data-toggle="tooltip" title="` + _("Appointments available: ") + `${pickups_available}">${optText} <span class="pickups_available">${pickups_available}</span></label></span>`); |
| 457 |
} |
456 |
} |
| 458 |
|
457 |
|
| 459 |
$("#pickup_notes_item,#pickup-times").show(); |
458 |
$("#pickup_notes_item,#pickup-times").show(); |
| 460 |
- |
|
|