Attachment #161912 for bug #35248

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




            dataType: 'json',
            type: 'GET'
        });

        // Fetch list of existing bookings
        let bookingsFetch = $.ajax({
            url: '/api/v1/bookings?biblio_id=' + biblionumber,

            dataType: 'json',
            type: 'GET'
        });

        // Update item select2 and period flatpickr
        $.when(itemsFetch, bookingsFetch, checkoutsFetch).then(
            function(itemsFetch,bookingsFetch, checkoutsFetch){

                    };
                    bookings.unshift(booking);
                }

                // Item select2
                $("#booking_item_id").select2({
                    dropdownParent: $(".modal-content", "#placeBookingModal"),

                    minimumResultsForSearch: 20,
                    placeholder: __("Select item")
                });

                // Update flatpickr mode
                periodPicker.set('mode', 'range');

                // Total bookable items
                let bookable = 0;

                for (item of bookable_items) {
                    bookable++;
                    // Populate item select (NOTE: Do we still need this check for pre-existing select option here?)

                        $('#booking_item_id').append(newOption);
                    }
                }

                // Set disable function for periodPicker
                let disableExists = periodPicker.config.disable.filter(f => f.name === 'dateDisable');
                if ( disableExists.length === 0 ) {
                    periodPicker.config.disable.push(function dateDisable(date){

                        // set local copy of selectedDates
                        let selectedDates = periodPicker.selectedDates;

                        // set booked counter
                        let booked = 0;

                        // reset the unavailable items array
                        let unavailable_items = [];

                        // reset the biblio level bookings array
                        let biblio_bookings = [];

                        // disable dates before selected date
                        if (!selectedDates[1] && (selectedDates[0] && selectedDates[0] > date)) {
                            return true;
                        }

                        // iterate existing bookings
                        for (booking of bookings) {



                            let start_date = flatpickr.parseDate(booking.start_date);
                            let end_date = flatpickr.parseDate(booking.end_date);

                            // patron has selected a start date (end date checks)
                            if (selectedDates[0]) {

                                // new booking start date is between existing booking start and end dates
                                if (selectedDates[0] >= start_date && selectedDates[0] <= end_date) {
                                    if (booking.item_id) {

                                        }
                                    }
                                }

                                // new booking end date would be between existing booking start and end dates
                                else if (date >= start_date && date <= end_date) {
                                    if (booking.item_id) {

                                        }
                                    }
                                }

                                // new booking would span existing booking
                                else if (selectedDates[0] <= start_date && date >= end_date) {
                                    if (booking.item_id) {

                                        }
                                    }
                                }

                                // new booking would not conflict
                                else {
                                    continue;
                                }

                                // check that there are available items
                                // available = all bookable items - booked items - booked biblios
                                let total_available = bookable_items.length - unavailable_items.length - biblio_bookings.length;

                                    return true;
                                }
                            }

                            // patron has not yet selected a start date (start date checks)
                            else if (date <= end_date && date >= start_date) {

                                // same item, disable date
                                if (booking.item_id && booking.item_id == booking_item_id) {
                                    return true;
                                }

                                // count all clashes, both item and biblio level
                                booked++;
                                if (booked == bookable) {
                                    return true;
                                }

                                // FIXME: The above is not intelligent enough to spot
                                // cases where an item must be used for a biblio level booking
                                // due to all other items being booking within the biblio level

                        }
                    });
                };

                // Setup listener for item select2
                $('#booking_item_id').on('select2:select', function(e) {
                    booking_item_id = e.params.data.id ? e.params.data.id : null;

                    // redraw pariodPicker taking selected item into account
                    periodPicker.redraw();
                });

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

                            let picker_end = dayjs(selectedDates[1]).endOf('day');
                            $('#booking_start_date').val(picker_start.toISOString());
                            $('#booking_end_date').val(picker_end.toISOString());

                            // set available items in select2
                            let booked_items = bookings.filter(function(booking) {
                                let start_date = flatpickr.parseDate(booking.start_date);

                        }
                    });
                };

                // Enable flatpickr now we have date function populated
                periodPicker.redraw();
                $("#period_fields :input").prop('disabled', false);

                // Redraw select with new options and enable
                $('#booking_item_id').trigger('change');
                $("#booking_item_id").prop("disabled", false);

                // Set the flag to indicate that data has been fetched
                dataFetched = true;

                // Set form values
                setFormValues(patron_id,booking_item_id,start_date,end_date,periodPicker);
            },

                "patron_id": $('#booking_patron_id').find(':selected').val()
            })
        );

        posting.done(function(data) {
            // Update bookings store for subsequent bookings
            bookings.push(data);

                });
                timeline.focus(data.booking_id);
            }

            // Update bookings counts
            $('.bookings_count').html(parseInt($('.bookings_count').html(), 10)+1);

            // Close modal
            $('#placeBookingModal').modal('hide');
        });

        posting.fail(function(data) {
            $('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+_("Failure")+'</div>');
        });

                "patron_id": $('#booking_patron_id').find(':selected').val()
            })
        });

        putting.done(function(data) {
            update_success = 1;


                });
                timeline.focus(data.booking_id);
            }

            // Close modal
            $('#placeBookingModal').modal('hide');
        });

        putting.fail(function(data) {
            $('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+__("Failure")+'</div>');
        });
- 

Return to bug 35248

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

(-)a/koha-tmpl/intranet-tmpl/prog/js/place_booking_modal.js (-38 / +37 lines)
121	dataType: 'json',	121	dataType: 'json',
122	type: 'GET'	122	type: 'GET'
123	});	123	});
124		124
125	// Fetch list of existing bookings	125	// Fetch list of existing bookings
126	let bookingsFetch = $.ajax({	126	let bookingsFetch = $.ajax({
127	url: '/api/v1/bookings?biblio_id=' + biblionumber,	127	url: '/api/v1/bookings?biblio_id=' + biblionumber,
Lines 135-141 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
135	dataType: 'json',	135	dataType: 'json',
136	type: 'GET'	136	type: 'GET'
137	});	137	});
138		138
139	// Update item select2 and period flatpickr	139	// Update item select2 and period flatpickr
140	$.when(itemsFetch, bookingsFetch, checkoutsFetch).then(	140	$.when(itemsFetch, bookingsFetch, checkoutsFetch).then(
141	function(itemsFetch,bookingsFetch, checkoutsFetch){	141	function(itemsFetch,bookingsFetch, checkoutsFetch){
Lines 157-163 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
157	};	157	};
158	bookings.unshift(booking);	158	bookings.unshift(booking);
159	}	159	}
160		160
161	// Item select2	161	// Item select2
162	$("#booking_item_id").select2({	162	$("#booking_item_id").select2({
163	dropdownParent: $(".modal-content", "#placeBookingModal"),	163	dropdownParent: $(".modal-content", "#placeBookingModal"),
Lines 166-178 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
166	minimumResultsForSearch: 20,	166	minimumResultsForSearch: 20,
167	placeholder: __("Select item")	167	placeholder: __("Select item")
168	});	168	});
169		169
170	// Update flatpickr mode	170	// Update flatpickr mode
171	periodPicker.set('mode', 'range');	171	periodPicker.set('mode', 'range');
172		172
173	// Total bookable items	173	// Total bookable items
174	let bookable = 0;	174	let bookable = 0;
175		175
176	for (item of bookable_items) {	176	for (item of bookable_items) {
177	bookable++;	177	bookable++;
178	// Populate item select (NOTE: Do we still need this check for pre-existing select option here?)	178	// Populate item select (NOTE: Do we still need this check for pre-existing select option here?)
Lines 183-211 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
183	$('#booking_item_id').append(newOption);	183	$('#booking_item_id').append(newOption);
184	}	184	}
185	}	185	}
186		186
187	// Set disable function for periodPicker	187	// Set disable function for periodPicker
188	let disableExists = periodPicker.config.disable.filter(f => f.name === 'dateDisable');	188	let disableExists = periodPicker.config.disable.filter(f => f.name === 'dateDisable');
189	if ( disableExists.length === 0 ) {	189	if ( disableExists.length === 0 ) {
190	periodPicker.config.disable.push(function dateDisable(date){	190	periodPicker.config.disable.push(function dateDisable(date){
191		191
192	// set local copy of selectedDates	192	// set local copy of selectedDates
193	let selectedDates = periodPicker.selectedDates;	193	let selectedDates = periodPicker.selectedDates;
194		194
195	// set booked counter	195	// set booked counter
196	let booked = 0;	196	let booked = 0;
197		197
198	// reset the unavailable items array	198	// reset the unavailable items array
199	let unavailable_items = [];	199	let unavailable_items = [];
200		200
201	// reset the biblio level bookings array	201	// reset the biblio level bookings array
202	let biblio_bookings = [];	202	let biblio_bookings = [];
203		203
204	// disable dates before selected date	204	// disable dates before selected date
205	if (!selectedDates[1] && (selectedDates[0] && selectedDates[0] > date)) {	205	if (!selectedDates[1] && (selectedDates[0] && selectedDates[0] > date)) {
206	return true;	206	return true;
207	}	207	}
208		208
209	// iterate existing bookings	209	// iterate existing bookings
210	for (booking of bookings) {	210	for (booking of bookings) {
211		211
Lines 216-225 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
216		216
217	let start_date = flatpickr.parseDate(booking.start_date);	217	let start_date = flatpickr.parseDate(booking.start_date);
218	let end_date = flatpickr.parseDate(booking.end_date);	218	let end_date = flatpickr.parseDate(booking.end_date);
219		219
220	// patron has selected a start date (end date checks)	220	// patron has selected a start date (end date checks)
221	if (selectedDates[0]) {	221	if (selectedDates[0]) {
222		222
223	// new booking start date is between existing booking start and end dates	223	// new booking start date is between existing booking start and end dates
224	if (selectedDates[0] >= start_date && selectedDates[0] <= end_date) {	224	if (selectedDates[0] >= start_date && selectedDates[0] <= end_date) {
225	if (booking.item_id) {	225	if (booking.item_id) {
Lines 232-238 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
232	}	232	}
233	}	233	}
234	}	234	}
235		235
236	// new booking end date would be between existing booking start and end dates	236	// new booking end date would be between existing booking start and end dates
237	else if (date >= start_date && date <= end_date) {	237	else if (date >= start_date && date <= end_date) {
238	if (booking.item_id) {	238	if (booking.item_id) {
Lines 245-251 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
245	}	245	}
246	}	246	}
247	}	247	}
248		248
249	// new booking would span existing booking	249	// new booking would span existing booking
250	else if (selectedDates[0] <= start_date && date >= end_date) {	250	else if (selectedDates[0] <= start_date && date >= end_date) {
251	if (booking.item_id) {	251	if (booking.item_id) {
Lines 258-269 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
258	}	258	}
259	}	259	}
260	}	260	}
261		261
262	// new booking would not conflict	262	// new booking would not conflict
263	else {	263	else {
264	continue;	264	continue;
265	}	265	}
266		266
267	// check that there are available items	267	// check that there are available items
268	// available = all bookable items - booked items - booked biblios	268	// available = all bookable items - booked items - booked biblios
269	let total_available = bookable_items.length - unavailable_items.length - biblio_bookings.length;	269	let total_available = bookable_items.length - unavailable_items.length - biblio_bookings.length;
Lines 271-291 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
271	return true;	271	return true;
272	}	272	}
273	}	273	}
274		274
275	// patron has not yet selected a start date (start date checks)	275	// patron has not yet selected a start date (start date checks)
276	else if (date <= end_date && date >= start_date) {	276	else if (date <= end_date && date >= start_date) {
277		277
278	// same item, disable date	278	// same item, disable date
279	if (booking.item_id && booking.item_id == booking_item_id) {	279	if (booking.item_id && booking.item_id == booking_item_id) {
280	return true;	280	return true;
281	}	281	}
282		282
283	// count all clashes, both item and biblio level	283	// count all clashes, both item and biblio level
284	booked++;	284	booked++;
285	if (booked == bookable) {	285	if (booked == bookable) {
286	return true;	286	return true;
287	}	287	}
288		288
289	// FIXME: The above is not intelligent enough to spot	289	// FIXME: The above is not intelligent enough to spot
290	// cases where an item must be used for a biblio level booking	290	// cases where an item must be used for a biblio level booking
291	// due to all other items being booking within the biblio level	291	// due to all other items being booking within the biblio level
Lines 301-315 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
301	}	301	}
302	});	302	});
303	};	303	};
304		304
305	// Setup listener for item select2	305	// Setup listener for item select2
306	$('#booking_item_id').on('select2:select', function(e) {	306	$('#booking_item_id').on('select2:select', function(e) {
307	booking_item_id = e.params.data.id ? e.params.data.id : null;	307	booking_item_id = e.params.data.id ? e.params.data.id : null;
308		308
309	// redraw pariodPicker taking selected item into account	309	// redraw pariodPicker taking selected item into account
310	periodPicker.redraw();	310	periodPicker.redraw();
311	});	311	});
312		312
313	// Set onChange for flatpickr	313	// Set onChange for flatpickr
314	let changeExists = periodPicker.config.onChange.filter(f => f.name ==='periodChange');	314	let changeExists = periodPicker.config.onChange.filter(f => f.name ==='periodChange');
315	if(changeExists.length === 0) {	315	if(changeExists.length === 0) {
Lines 321-327 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
321	let picker_end = dayjs(selectedDates[1]).endOf('day');	321	let picker_end = dayjs(selectedDates[1]).endOf('day');
322	$('#booking_start_date').val(picker_start.toISOString());	322	$('#booking_start_date').val(picker_start.toISOString());
323	$('#booking_end_date').val(picker_end.toISOString());	323	$('#booking_end_date').val(picker_end.toISOString());
324		324
325	// set available items in select2	325	// set available items in select2
326	let booked_items = bookings.filter(function(booking) {	326	let booked_items = bookings.filter(function(booking) {
327	let start_date = flatpickr.parseDate(booking.start_date);	327	let start_date = flatpickr.parseDate(booking.start_date);
Lines 360-377 $('#placeBookingModal').on('show.bs.modal', function(e) { Link Here
360	}	360	}
361	});	361	});
362	};	362	};
363		363
364	// Enable flatpickr now we have date function populated	364	// Enable flatpickr now we have date function populated
365	periodPicker.redraw();	365	periodPicker.redraw();
366	$("#period_fields :input").prop('disabled', false);	366	$("#period_fields :input").prop('disabled', false);
367		367
368	// Redraw select with new options and enable	368	// Redraw select with new options and enable
369	$('#booking_item_id').trigger('change');	369	$('#booking_item_id').trigger('change');
370	$("#booking_item_id").prop("disabled", false);	370	$("#booking_item_id").prop("disabled", false);
371		371
372	// Set the flag to indicate that data has been fetched	372	// Set the flag to indicate that data has been fetched
373	dataFetched = true;	373	dataFetched = true;
374		374
375	// Set form values	375	// Set form values
376	setFormValues(patron_id,booking_item_id,start_date,end_date,periodPicker);	376	setFormValues(patron_id,booking_item_id,start_date,end_date,periodPicker);
377	},	377	},
Lines 459-465 $("#placeBookingForm").on('submit', function(e) { Link Here
459	"patron_id": $('#booking_patron_id').find(':selected').val()	459	"patron_id": $('#booking_patron_id').find(':selected').val()
460	})	460	})
461	);	461	);
462		462
463	posting.done(function(data) {	463	posting.done(function(data) {
464	// Update bookings store for subsequent bookings	464	// Update bookings store for subsequent bookings
465	bookings.push(data);	465	bookings.push(data);
Lines 485-498 $("#placeBookingForm").on('submit', function(e) { Link Here
485	});	485	});
486	timeline.focus(data.booking_id);	486	timeline.focus(data.booking_id);
487	}	487	}
488		488
489	// Update bookings counts	489	// Update bookings counts
490	$('.bookings_count').html(parseInt($('.bookings_count').html(), 10)+1);	490	$('.bookings_count').html(parseInt($('.bookings_count').html(), 10)+1);
491		491
492	// Close modal	492	// Close modal
493	$('#placeBookingModal').modal('hide');	493	$('#placeBookingModal').modal('hide');
494	});	494	});
495		495
496	posting.fail(function(data) {	496	posting.fail(function(data) {
497	$('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+_("Failure")+'</div>');	497	$('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+_("Failure")+'</div>');
498	});	498	});
Lines 510-516 $("#placeBookingForm").on('submit', function(e) { Link Here
510	"patron_id": $('#booking_patron_id').find(':selected').val()	510	"patron_id": $('#booking_patron_id').find(':selected').val()
511	})	511	})
512	});	512	});
513		513
514	putting.done(function(data) {	514	putting.done(function(data) {
515	update_success = 1;	515	update_success = 1;
516		516
Lines 539-549 $("#placeBookingForm").on('submit', function(e) { Link Here
539	});	539	});
540	timeline.focus(data.booking_id);	540	timeline.focus(data.booking_id);
541	}	541	}
542		542
543	// Close modal	543	// Close modal
544	$('#placeBookingModal').modal('hide');	544	$('#placeBookingModal').modal('hide');
545	});	545	});
546		546
547	putting.fail(function(data) {	547	putting.fail(function(data) {
548	$('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+__("Failure")+'</div>');	548	$('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">'+__("Failure")+'</div>');
549	});	549	});
550	-