From 999e5f31c82979e4c19611f5ec934425ffd19ac4 Mon Sep 17 00:00:00 2001
From: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Date: Tue, 16 May 2023 23:09:48 +0100
Subject: [PATCH] Bug 29002: Enable editing bookings from the timeline

This patch allows for editing bookings using drag and drop on the
timeline view.

Test plan
1) Follow the test plans from the previous patches
2) Navigate to the bookings tab of a biblio where you have created some
   test bookings
3) Note you can click on a booking in the timeline to highlight it.
4) Note you can then drag the booking forward or backwards along the
   timeline to trigger an edit
5) Note you can drag the start or end of a booking to extend a booking
   and trigger an edit

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Janet McGowan <janet.mcgowan@ptfs-europe.com>
Signed-off-by: Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com>
Signed-off-by: Laurence Rault <laurence.rault@biblibre.com>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../prog/en/modules/bookings/list.tt          | 50 ++++++++++++++++++-
 1 file changed, 48 insertions(+), 2 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
index d9f4fd1aee..9a8eb702dd 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
@@ -67,6 +67,7 @@
     [% Asset.js("js/cancel_booking_modal.js") | $raw %]
 <script>
     var cancel_success = 0;
+    var update_success = 0;
     var bookings_table;
     var timeline;
     $(document).ready(function(){
@@ -100,10 +101,11 @@
                     bookingsSet.add({
                         id: booking.booking_id,
                         booking: booking.booking_id,
+                        patron: booking.patron_id,
                         start: dayjs(booking.start_date).toDate(),
                         end: dayjs(booking.end_date).toDate(),
                         content: 'Booking: ' + booking.booking_id,
-                        editable: true,
+                        editable: { remove: true, updateTime: true },
                         type: 'range',
                         group: booking.item_id ? booking.item_id : 0
                     });
@@ -119,6 +121,16 @@
                     },
                     timeAxis: {scale: 'day', step: 1},
                     dataAttributes: [ 'booking' ],
+
+                    // always snap to full days, independent of the scale
+                    snap: function (date, scale, step) {
+                        let offset = date.getTimezoneOffset() * 60 * 1000;
+                        let day = 24 * 60 * 60 * 1000;
+                        let seconds = Math.round(date / day) * day;
+                        return seconds + offset;
+                    },
+
+                    // prevent overlapping bookings
                     onMoving: function (item, callback) {
                         var overlapping = bookingsSet.get({
                             filter: function(testItem) {
@@ -128,7 +140,7 @@
                                 if (testItem.group != item.group) {
                                     return false;
                                 }
-                                return ((item.start <= testItem.end) && (item.end >= testItem.start));
+                                return ((item.start < testItem.end) && (item.end > testItem.start));
                             }
                         });
 
@@ -136,6 +148,40 @@
                             callback(item);
                         }
                     },
+
+                    // action events
+                    onMove: function (item, callback) {
+
+                        let startDate = new Date(item.start);
+                        
+                        // set end datetime hours and minutes to the end of the day
+                        let endDate = new Date(item.end);
+                        endDate.setHours(endDate.getHours()+23);
+                        endDate.setMinutes(endDate.getMinutes()+59);
+
+                        let url = '/api/v1/bookings/'+item.booking;
+                        var putting = $.ajax({
+                            method: 'PUT',
+                            url: url,
+                            data: JSON.stringify({
+                                "booking_id": item.booking,
+                                "start_date": startDate.toISOString(),
+                                "end_date": endDate.toISOString(),
+                                "biblio_id": [% biblionumber | uri %],
+                                "item_id": item.group != 0 ? item.group : null,
+                                "patron_id": item.patron
+                            })
+                        });
+
+                        putting.done(function(data) {
+                            alert("It worked");
+                            callback(item);
+                        });
+
+                        putting.fail(function(data) {
+                            $('#booking_result').replaceWith('<div id="booking_result" class="alert alert-danger">Failure</div>');
+                        });
+                    },
                     onRemove: function (item, callback) {
                         $('#cancelBookingModal').modal('show', $('<button data-booking="'+item.id+'">'));
                         $('#cancelBookingModal').on('hide.bs.modal', function(e) {
-- 
2.39.5