Attachment #162912 for bug #36120

View | Details | Raw Unified | Return to bug 36120
Collapse All | Expand All

Lines 25-30 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/modals/place_booking.inc (+6 lines)
25	[% END %]	25	[% END %]
26	</select>	26	</select>
27	</li>	27	</li>
		28	<li>
		29	<label class="required" for="booking_pickup">Pickup at:</label>
		30	<select name="booking_pickup" id="pickup_location" required="required" disabled="true"></select>
		31	<span class="required">Required</span>
		32	</li>
		33	<li>
28	<label for="booking_item_id">Item: </label>	34	<label for="booking_item_id">Item: </label>
29	<select name="booking_item_id" id="booking_item_id" disabled="true">	35	<select name="booking_item_id" id="booking_item_id" disabled="true">
30	<option value="0">Any item</option>	36	<option value="0">Any item</option>





    $('#booking_patron_id').on('select2:select', function (e) {
        booking_patron = e.params.data;
        $("#pickup_location").prop("disabled", false);
    });

    // Pickup location select2
    let pickup_url = '/api/v1/biblios/' + biblionumber + '/pickup_locations';
    $("#pickup_location").kohaSelect({
        dropdownParent: $(".modal-content", "#placeBookingModal"),
        width: '50%',
        dropdownAutoWidth: true,
        allowClear: false,
        ajax: {
            url: pickup_url,
            delay: 300, // wait 300 milliseconds before triggering the request
            cache: true,
            dataType: 'json',
            data: function (params) {
                var search_term = (params.term === undefined) ? '' : params.term;
                var query = {
                    "q": JSON.stringify({"name":{"-like":'%'+search_term+'%'}}),
                    "_order_by": "name",
                    "_page": params.page
                };
                query["patron_id"] = booking_patron.patron_id;
                return query;
            },
            processResults: function (data) {
                var results = [];
                data.results.forEach( function ( pickup_location ) {
                    results.push(
                        {
                            "id": pickup_location.library_id.escapeHtml(),
                            "text": pickup_location.name.escapeHtml(),
                            "needs_override": pickup_location.needs_override,
                            "pickup_items": pickup_location.pickup_items,
                        }
                    );
                });
                return { "results": results, "pagination": { "more": data.pagination.more } };
            }
        },
        templateResult: function (state) {
            var $text;
            if ( state.needs_override === true ) {
                $text = $(
                    '<span>' + state.text + '</span> <span style="float:right;" title="' +
                    __("This pickup location is not allowed according to circulation rules") +
                    '"><i class="fa fa-exclamation-circle" aria-hidden="true"></i></span>'
                );
            }
            else {
                $text = $('<span>'+state.text+'</span>');
            }
            return $text;
        },
    });

    // Adopt periodPicker

                    periodPicker.redraw();
                });

                // Setup listener for pickup location select2
                $('#pickup_location').on('select2:select', function(e) {
                    let valid_items = e.params.data.pickup_items;

                    // Disable items not available at the pickup location
                    $("#booking_item_id > option").each(function() {
                        let option = $(this);
                        let item_id = option.val();
                        if (valid_items.includes(parseInt(item_id))) {
                            option.prop('disabled',false);
                        } else {
                            option.prop('disabled',true);
                        }
                    });
                    $('#booking_item_id').trigger('change.select2');
                });

                // Set onChange for flatpickr
                let changeExists = periodPicker.config.onChange.filter(f => f.name ==='periodChange');
                if(changeExists.length === 0) {
- 

Return to bug 36120

Lines 108-113 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/place_booking_modal.js (-1 / +71 lines)
108		108
109	$('#booking_patron_id').on('select2:select', function (e) {	109	$('#booking_patron_id').on('select2:select', function (e) {
110	booking_patron = e.params.data;	110	booking_patron = e.params.data;
		111	$("#pickup_location").prop("disabled", false);
		112	});
		113
		114	// Pickup location select2
		115	let pickup_url = '/api/v1/biblios/' + biblionumber + '/pickup_locations';
		116	$("#pickup_location").kohaSelect({
		117	dropdownParent: $(".modal-content", "#placeBookingModal"),
		118	width: '50%',
		119	dropdownAutoWidth: true,
		120	allowClear: false,
		121	ajax: {
		122	url: pickup_url,
		123	delay: 300, // wait 300 milliseconds before triggering the request
		124	cache: true,
		125	dataType: 'json',
		126	data: function (params) {
		127	var search_term = (params.term === undefined) ? '' : params.term;
		128	var query = {
		129	"q": JSON.stringify({"name":{"-like":'%'+search_term+'%'}}),
		130	"_order_by": "name",
		131	"_page": params.page
		132	};
		133	query["patron_id"] = booking_patron.patron_id;
		134	return query;
		135	},
		136	processResults: function (data) {
		137	var results = [];
		138	data.results.forEach( function ( pickup_location ) {
		139	results.push(
		140	{
		141	"id": pickup_location.library_id.escapeHtml(),
		142	"text": pickup_location.name.escapeHtml(),
		143	"needs_override": pickup_location.needs_override,
		144	"pickup_items": pickup_location.pickup_items,
		145	}
		146	);
		147	});
		148	return { "results": results, "pagination": { "more": data.pagination.more } };
		149	}
		150	},
		151	templateResult: function (state) {
		152	var $text;
		153	if ( state.needs_override === true ) {
		154	$text = $(
		155	'<span>' + state.text + '</span> <span style="float:right;" title="' +
		156	__("This pickup location is not allowed according to circulation rules") +
		157	'"><i class="fa fa-exclamation-circle" aria-hidden="true"></i></span>'
		158	);
		159	}
		160	else {
		161	$text = $('<span>'+state.text+'</span>');
		162	}
		163	return $text;
		164	},
111	});	165	});
112		166
113	// Adopt periodPicker	167	// Adopt periodPicker
Lines 310-315 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
310	periodPicker.redraw();	364	periodPicker.redraw();
311	});	365	});
312		366
		367	// Setup listener for pickup location select2
		368	$('#pickup_location').on('select2:select', function(e) {
		369	let valid_items = e.params.data.pickup_items;
		370
		371	// Disable items not available at the pickup location
		372	$("#booking_item_id > option").each(function() {
		373	let option = $(this);
		374	let item_id = option.val();
		375	if (valid_items.includes(parseInt(item_id))) {
		376	option.prop('disabled',false);
		377	} else {
		378	option.prop('disabled',true);
		379	}
		380	});
		381	$('#booking_item_id').trigger('change.select2');
		382	});
		383
313	// Set onChange for flatpickr	384	// Set onChange for flatpickr
314	let changeExists = periodPicker.config.onChange.filter(f => f.name ==='periodChange');	385	let changeExists = periodPicker.config.onChange.filter(f => f.name ==='periodChange');
315	if(changeExists.length === 0) {	386	if(changeExists.length === 0) {
316	-