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 |
- |
|
|