Jonathan Druart
75a3c923c3
Librarians would like the page to be automatically refreshed every X minutes. This patch is suggesting to have a checkbox at the top of the page to let the user refresh the page given the delay they want. We could later improve this by setting this value in a localStorage variable. Test plan: Go to the curbside pickup page Notice the new checkbox at the top Notice that the "Refresh" button has been moved at the top as well Play with the checkbox and the input, and confirm that the behaviour is consistent Sponsored-by: Association KohaLa - https://koha-fr.org/ Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
718 lines
39 KiB
Text
718 lines
39 KiB
Text
[% USE KohaDates %]
|
|
[% USE Koha %]
|
|
[% USE ItemTypes %]
|
|
[% USE Branches %]
|
|
[% USE AuthorisedValues %]
|
|
[% USE Asset %]
|
|
[% USE raw %]
|
|
[% USE To %]
|
|
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Curbside pickups › Circulation › Koha</title>
|
|
<style>
|
|
#pickup-times {
|
|
width: 50%;
|
|
}
|
|
.pickup_time input[type='radio'] {
|
|
display: none;
|
|
}
|
|
.pickup_time {
|
|
margin: .2em;
|
|
}
|
|
.pickup_time label {
|
|
background-color: #ffffcc;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
width: 5rem;
|
|
text-align: center;
|
|
}
|
|
.pickup_time input[type='radio']:checked + label {
|
|
background-color: #bcdb89;
|
|
}
|
|
.pickup_time input[type='radio']:disabled+ label {
|
|
background-color: #ff9090;
|
|
}
|
|
</style>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
</head>
|
|
|
|
[% SET today_iso = date.format(date.now, format = '%Y-%m-%d') %]
|
|
|
|
<body id="circ_curbside-pickups" class="circ">
|
|
[% INCLUDE 'header.inc' %]
|
|
[% INCLUDE 'cat-search.inc' %]
|
|
|
|
|
|
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
|
|
<ol>
|
|
<li>
|
|
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/cgi-bin/koha/circ/circulation-home.pl">Circulation</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-current="page">Curbside pickups</a>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
|
|
[% BLOCK waiting_holds %]
|
|
[% SET waiting_holds = cp.patron.holds.search( found => 'W', branchcode => Branches.GetLoggedInBranchcode ) %]
|
|
[% FOREACH h IN waiting_holds %]
|
|
<a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% h.biblionumber | uri %]">[% h.biblio.title | html %]</a> ([% h.biblio.author | html %], <a href="/cgi-bin/koha/catalogue/moredetail.pl?itemnumber=[% h.itemnumber | html %]&biblionumber=[% h.biblionumber | html %]#item[% h.itemnumber | html %]">[% h.item.barcode | html %]</a>)<br/>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% BLOCK patron_info %]
|
|
<a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% cp.borrowernumber | uri %]">[% cp.patron.firstname | html %] [% cp.patron.surname | html %] ([% cp.patron.cardnumber | html %])</a>
|
|
[% IF cp.notes %]
|
|
<br/>
|
|
<span>Notes: </span>[% cp.notes | html %]
|
|
[% END %]
|
|
[% IF cp.patron.debarred %]
|
|
<br/>
|
|
<span class="patron_restricted">Patron's account is restricted</span>
|
|
[% END %]
|
|
[% IF cp.patron.has_overdues %]
|
|
<br />
|
|
<span class="patron_overdues">Patron has items overdue</span>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<main>
|
|
<div class="row">
|
|
[% IF Koha.Preference('CircSidebar') %]
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
[% ELSE %]
|
|
<div class="col-sm-12">
|
|
[% END %]
|
|
|
|
<h1>Curbside pickups</h1>
|
|
|
|
[% UNLESS policy.enabled %]
|
|
<div class="dialog alert">
|
|
Curbside pickups are not enabled for your library.
|
|
</div>
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|
|
[% STOP %]
|
|
[% END %]
|
|
|
|
[% FOR m IN messages %]
|
|
<div class="dialog [% m.type | html %]">
|
|
[% SWITCH m.code %]
|
|
[% CASE 'not_enabled' %]
|
|
<span>The curbside pickup feature is not enabled for this library.</span>
|
|
[% CASE 'library_is_closed' %]
|
|
<span>Cannot create a curbside pickup for this day, it is a holiday.</span>
|
|
[% CASE 'no_waiting_holds' %]
|
|
<span>This patron does not have waiting holds.</span>
|
|
[% CASE 'too_many_pickups' %]
|
|
<span>This patron already has a scheduled pickup for this library.</span>
|
|
[% CASE 'no_matching_slots' %]
|
|
<span>Wrong slot selected.</span>
|
|
[% CASE 'no_more_pickups_available' %]
|
|
<span>There are no more pickups available for this slot. Please choose another one.</span>
|
|
[% CASE 'cannot_checkout' %]
|
|
<span>Unable to check the items out to [% INCLUDE 'patron-title.inc' patron=m.patron %]</span>
|
|
[% CASE %]
|
|
<span>[% m.code | html %]</span>
|
|
[% END %]
|
|
</div>
|
|
[% END %]
|
|
|
|
<form method="post" class="refresh-form">
|
|
<p>
|
|
<input type="hidden" name="tab" id="current-tab" value="[% tab | html %]" />
|
|
<button type="submit" class="btn btn-default"><i class="fa fa-refresh" aria-hidden="true"></i> Refresh</button>
|
|
|
|
<label>
|
|
[% IF auto_refresh %]
|
|
<input type="checkbox" id="auto_refresh" name="auto_refresh" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="checkbox" id="auto_refresh" name="auto_refresh" />
|
|
[% END %]
|
|
Refresh automatically every <input type="text" inputmode="numeric" pattern="[0-9]*" id="refresh_delay" name="refresh_delay" value="[% refresh_delay || 60 | html %]" size="3" /> seconds.
|
|
</label>
|
|
|
|
<span id="refresh_info"></span>
|
|
</p>
|
|
</form>
|
|
|
|
[% SET to_be_staged = curbside_pickups.filter_by_to_be_staged %]
|
|
[% SET staged_and_ready = curbside_pickups.filter_by_staged_and_ready %]
|
|
[% SET patron_outside = curbside_pickups.filter_by_patron_outside %]
|
|
[% SET delivered_today = curbside_pickups.filter_by_delivered %]
|
|
<div id="pickup-tabs" class="toptabs">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
[% IF !tab OR tab == 'to-be-staged' %]
|
|
<li role="presentation" class="active">
|
|
[% ELSE %]
|
|
<li role="presentation">
|
|
[% END %]
|
|
<a id="to-be-staged-tab" href="#to-be-staged" role="tab" data-toggle="tab">To be staged ([% to_be_staged.count | html %])</a>
|
|
</li>
|
|
[% IF tab == 'staged-and-ready' %]
|
|
<li role="presentation" class="active">
|
|
[% ELSE %]
|
|
<li role="presentation">
|
|
[% END %]
|
|
<a id="staged-and-ready-tab" href="#staged-and-ready" role="tab" data-toggle="tab">Staged & ready ([% staged_and_ready.count | html %])</a>
|
|
</li>
|
|
[% IF tab == 'patron-is-outside' %]
|
|
<li role="presentation" class="active">
|
|
[% ELSE %]
|
|
<li role="presentation">
|
|
[% END %]
|
|
<a id="patron-is-outside-tab" href="#patron-is-outside" role="tab" data-toggle="tab">Patron is outside ([% patron_outside.count | html %])</a>
|
|
</li>
|
|
[% IF tab == 'delivered-today' %]
|
|
<li role="presentation" class="active">
|
|
[% ELSE %]
|
|
<li role="presentation">
|
|
[% END %]
|
|
<a id="delivered-today-tab" href="#delivered-today" role="tab" data-toggle="tab">Delivered today ([% delivered_today.count | html %])</a>
|
|
</li>
|
|
[% IF tab == 'schedule-pickup' %]
|
|
<li role="presentation" class="active">
|
|
[% ELSE %]
|
|
<li role="presentation">
|
|
[% END %]
|
|
<a id="schedule-pickup-tab" href="#schedule-pickup" role="tab" data-toggle="tab">Schedule pickup</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
[% IF !tab OR tab == 'to-be-staged' %]
|
|
<div id="to-be-staged" role="tabpanel" class="tab-pane active">
|
|
[% ELSE %]
|
|
<div id="to-be-staged" role="tabpanel" class="tab-pane">
|
|
[% END %]
|
|
[% IF to_be_staged.count %]
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Pickup date/time</th>
|
|
<th>Patron</th>
|
|
<th>Items for pickup</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH cp IN to_be_staged %]
|
|
[% UNLESS cp.staged_datetime %]
|
|
<tr class="[% class | html %]">
|
|
<td>[% cp.scheduled_pickup_datetime | $KohaDates with_hours = 1 %]</td>
|
|
<td>
|
|
[% PROCESS patron_info %]
|
|
</td>
|
|
<td>
|
|
[% PROCESS waiting_holds %]
|
|
</td>
|
|
<td>
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-staged"/>
|
|
<input type="hidden" name="tab" value="to-be-staged"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-staged-and-ready-btn"><i class="fa fa-check" aria-hidden="true"></i> Mark as <i>staged & ready</i></button>
|
|
</p>
|
|
</form>
|
|
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="cancel"/>
|
|
<input type="hidden" name="tab" value="to-be-staged"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default cancel-btn"><i class="fa fa-ban" aria-hidden="true"></i> Cancel</button>
|
|
</p>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<span>There are no pickups to be staged.</span>
|
|
[% END %]
|
|
</div>
|
|
|
|
[% IF tab == "staged-and-ready" %]
|
|
<div id="staged-and-ready" role="tabpanel" class="tab-pane active">
|
|
[% ELSE %]
|
|
<div id="staged-and-ready" role="tabpanel" class="tab-pane">
|
|
[% END %]
|
|
[% IF staged_and_ready.count %]
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Pickup date/time</th>
|
|
<th>Patron</th>
|
|
<th>Items for pickup</th>
|
|
<th>Staged by</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH cp IN staged_and_ready %]
|
|
[% IF cp.staged_datetime && !cp.arrival_datetime %]
|
|
<tr class="[% class | html %]">
|
|
<td>[% cp.scheduled_pickup_datetime | $KohaDates with_hours = 1 %]</td>
|
|
<td>
|
|
[% PROCESS patron_info %]
|
|
</td>
|
|
<td>
|
|
[% PROCESS waiting_holds %]
|
|
</td>
|
|
<td>
|
|
[% cp.staged_by_staff.firstname | html %] [% cp.staged_by_staff.surname | html %]
|
|
</td>
|
|
<td>
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-patron-has-arrived"/>
|
|
<input type="hidden" name="tab" value="staged-and-ready"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default patron-has-arrived-btn"><i class="fa fa-map-marker" aria-hidden="true"></i> Patron has arrived</button>
|
|
</p>
|
|
</form>
|
|
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-delivered"/>
|
|
<input type="hidden" name="tab" value="staged-and-ready"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-delivered-btn"><i class="fa fa-envelope" aria-hidden="true"></i> Mark as <i>delivered</i></button>
|
|
</p>
|
|
</form>
|
|
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-unstaged"/>
|
|
<input type="hidden" name="tab" value="staged-and-ready"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-to-be-staged-btn"><i class="fa fa-undo" aria-hidden="true"></i> Mark as <i>to be staged</i></button>
|
|
</p>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<span>There are no pickups staged and ready.</span>
|
|
[% END %]
|
|
</div>
|
|
|
|
[% IF tab == "patron-is-outside" %]
|
|
<div id="patron-is-outside" role="tabpanel" class="tab-pane active">
|
|
[% ELSE %]
|
|
<div id="patron-is-outside" role="tabpanel" class="tab-pane">
|
|
[% END %]
|
|
[% IF patron_outside.count %]
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Pickup date/time</th>
|
|
<th>Patron</th>
|
|
<th>Items for pickup</th>
|
|
<th>Staged by</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH cp IN patron_outside %]
|
|
[% IF cp.arrival_datetime && !cp.delivered_datetime %]
|
|
<tr class="[% class | html %]">
|
|
<td>[% cp.scheduled_pickup_datetime | $KohaDates with_hours = 1 %]</td>
|
|
<td>
|
|
[% PROCESS patron_info %]
|
|
</td>
|
|
<td>
|
|
[% PROCESS waiting_holds %]
|
|
</td>
|
|
<td>
|
|
[% cp.staged_by_staff.firstname | html %] [% cp.staged_by_staff.surname | html %]
|
|
</td>
|
|
<td>
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-delivered"/>
|
|
<input type="hidden" name="tab" value="patron-is-outside"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-delivered-btn"><i class="fa fa-envelope" aria-hidden="true"></i> Mark as delivered</button>
|
|
</p>
|
|
</form>
|
|
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-staged"/>
|
|
<input type="hidden" name="tab" value="patron-is-outside"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-staged-and-ready-btn"><i class="fa fa-undo" aria-hidden="true"></i> Mark as <i>staged & ready</i></button>
|
|
</p>
|
|
</form>
|
|
|
|
<form method="post" class="form">
|
|
<input type="hidden" name="op" value="mark-as-unstaged"/>
|
|
<input type="hidden" name="tab" value="patron-is-outside"/>
|
|
<input type="hidden" name="id" value="[% cp.id | html %]"/>
|
|
<p>
|
|
<button type="submit" class="btn btn-default mark-as-to-be-staged-btn"><i class="fa fa-undo" aria-hidden="true"></i> Mark as <i>to be staged</i></button>
|
|
</p>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<span>There are no patrons waiting outside.</span>
|
|
[% END %]
|
|
</div>
|
|
|
|
[% IF tab == "delivered-today" %]
|
|
<div id="delivered-today" role="tabpanel" class="tab-pane active">
|
|
[% ELSE %]
|
|
<div id="delivered-today" role="tabpanel" class="tab-pane">
|
|
[% END %]
|
|
[% IF delivered_today.count %]
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Deliver date/time</th>
|
|
<th>Patron</th>
|
|
<th>Items checked out</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH cp IN delivered_today %]
|
|
[% IF cp.delivered_datetime %]
|
|
<tr class="[% class | html %]">
|
|
<td>[% cp.delivered_datetime | $KohaDates with_hours = 1 %]</td>
|
|
<td>
|
|
[% PROCESS patron_info %]
|
|
</td>
|
|
<td>
|
|
[% FOREACH c IN cp.checkouts %]
|
|
[% IF date.format(c.issuedate, format = '%Y-%m-%d') == today_iso %]
|
|
<a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% c.item.biblionumber | uri %]">[% c.item.biblio.title | html %]</a> ([% c.item.biblio.author | html %], <a href="/cgi-bin/koha/catalogue/moredetail.pl?itemnumber=[% c.itemnumber | html %]&biblionumber=[% c.item.biblionumber | html %]#item[% c.itemnumber | html %]">[% c.item.barcode | html %]</a>)<br/>
|
|
[% END %]
|
|
[% END %]
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<span>No pickups have been delivered today.</span>
|
|
[% END %]
|
|
</div>
|
|
|
|
[% IF tab == "schedule-pickup" %]
|
|
<div id="schedule-pickup" role="tabpanel" class="tab-pane active">
|
|
[% ELSE %]
|
|
<div id="schedule-pickup" role="tabpanel" class="tab-pane">
|
|
[% END %]
|
|
[% IF !patron || ( patron && existing_curbside_pickups.count >= 1 ) %]
|
|
[% IF existing_curbside_pickups.count >= 1 %]
|
|
<div class="dialog alert">
|
|
[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %]) already has a scheduled pickup for this library.
|
|
</div>
|
|
[% END %]
|
|
<div class="form-group">
|
|
<label class="sr-only" for="input-patron-cardnumber">Cardnumber</label>
|
|
<div class="input-group">
|
|
<div class="input-group-addon">Search a patron</div>
|
|
<input autocomplete="off" id="find-patron" class="form-control" type="text" style="width:25%" class="noEnterSubmit" placeholder="Enter patron cardnumber or name"//>
|
|
</div>
|
|
</div>
|
|
[% ELSE %]
|
|
[% SET waiting_holds = patron.holds.search( found => 'W', branchcode => Branches.GetLoggedInBranchcode ) %]
|
|
[% IF !policy.enable_waiting_holds_only || waiting_holds.count > 0 %]
|
|
<form id="create-pickup" method="post">
|
|
<fieldset class="rows" style="float: none;">
|
|
<input type="hidden" name="borrowernumber" value="[% patron.id | html %]"/>
|
|
<input type="hidden" name="op" value="create-pickup"/>
|
|
<input type="hidden" name="tab" value="schedule-pickup"/>
|
|
<ol>
|
|
<li>
|
|
<label>Patron: </label>
|
|
<span>[% INCLUDE 'patron-title.inc' patron=patron %]</span>
|
|
<a title="Search for another patron" href="/cgi-bin/koha/circ/curbside_pickups.pl?tab=schedule-pickup"><i class="fa fa-search"></i></a>
|
|
</li>
|
|
|
|
<li>
|
|
<label>Items ready for pickup: </label>
|
|
<span>
|
|
[% IF waiting_holds.count %]
|
|
[% FOREACH h IN waiting_holds %]
|
|
<p>
|
|
<a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% h.biblionumber | uri %]">[% h.biblio.title | html %]</a> ([% h.biblio.author | html %], <a href="/cgi-bin/koha/catalogue/moredetail.pl?itemnumber=[% h.itemnumber | html %]&biblionumber=[% h.biblionumber | html %]#item[% h.itemnumber | html %]">[% h.item.barcode | html %]</a>)
|
|
</p>
|
|
[% END %]
|
|
[% ELSE %]
|
|
<span>There are no waiting holds for this patron at this library.</span>
|
|
[% END %]
|
|
</span>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="pickup_date">Pickup date: </label>
|
|
<input id="pickup_date" name="pickup_date" required="required" class="flatpickr" data-flatpickr-futureinclusive="true" />
|
|
</li>
|
|
|
|
<li id="pickup-times" class="radio"></li>
|
|
|
|
<li>
|
|
<label for="notes">Notes: </label>
|
|
<input id="notes" name="notes" type="text" />
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
|
|
<fieldset class="action">
|
|
<input type="submit" id="schedule-pickup-button" class="btn btn-primary" value="Submit" />
|
|
</fieldset>
|
|
</form>
|
|
[% ELSE %]
|
|
<div class="dialog alert">The patron does not have waitings holds.</div>
|
|
[% END %]
|
|
[% END %]
|
|
</div>
|
|
</div>
|
|
</div>
|
|
[% IF Koha.Preference('CircSidebar') %]
|
|
</div> <!-- /.col-sm-10.col-sm-push-2 -->
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
[% INCLUDE 'circ-nav.inc' %]
|
|
</aside>
|
|
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
|
|
</div> <!-- /.row -->
|
|
[% END %]
|
|
</main>
|
|
</div>
|
|
</div> <!-- /.row -->
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
[% Asset.js("lib/dayjs/dayjs.min.js") | $raw %]
|
|
[% Asset.js("lib/dayjs/plugin/isSameOrAfter.js") | $raw %]
|
|
[% Asset.js("lib/dayjs/plugin/customParseFormat.js") | $raw %]
|
|
<script>dayjs.extend(window.dayjs_plugin_isSameOrAfter)</script>
|
|
<script>dayjs.extend(window.dayjs_plugin_customParseFormat)</script>
|
|
[% INCLUDE 'calendar.inc' %]
|
|
[% INCLUDE 'js-patron-format.inc' %]
|
|
<script>
|
|
let pickups = [% To.json(curbside_pickups.unblessed) | $raw %];
|
|
let policy = [% To.json(policy.unblessed) | $raw %];
|
|
|
|
let existingPickupMoments = [];
|
|
pickups.forEach(function(pickup){
|
|
let scheduled_pickup_datetime = pickup.scheduled_pickup_datetime;
|
|
let pickupMoment = dayjs(scheduled_pickup_datetime);
|
|
|
|
existingPickupMoments.push(pickupMoment);
|
|
});
|
|
|
|
let opening_slots = [% To.json(policy.opening_slots.unblessed) | $raw %];
|
|
let slots_per_day = {};
|
|
opening_slots.forEach(function(slot){
|
|
let day = slot.day;
|
|
if(!slots_per_day[day]) slots_per_day[day] = [];
|
|
slots_per_day[day].push(slot);
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
|
|
$('#schedule-pickup-tab').on('click', function() {
|
|
$('#input-patron-cardnumber').focus();
|
|
});
|
|
|
|
const pickup_date = document.querySelector("#pickup_date");
|
|
if ( pickup_date ) {
|
|
const fp = pickup_date._flatpickr;
|
|
fp.set('disable', [function(date) {
|
|
return !slots_per_day.hasOwnProperty(date.getDay());
|
|
}]);
|
|
}
|
|
|
|
$("#pickup_date").on('change', function() {
|
|
|
|
$('#pickup-times').empty();
|
|
$('#schedule-pickup-button').prop( 'disabled', 1 );
|
|
|
|
var currentDate = $(this).val();
|
|
|
|
let selectedDate = dayjs(currentDate);
|
|
|
|
let pickupSlots = [];
|
|
let available_count = 0;
|
|
let dow = selectedDate.day(); // Sunday is 0 (at least for now)
|
|
if (!slots_per_day[dow]){
|
|
$('#pickup-times').html("<div>"+_("No pickup time defined for this day.")+"</div>");
|
|
return;
|
|
}
|
|
|
|
slots_per_day[dow].forEach(function(slot){
|
|
let pickup_interval = policy.pickup_interval;
|
|
if (!pickup_interval) {
|
|
$('#pickup-times').html("<div>"+_("No pickup time defined for this day.")+"</div>");
|
|
return;
|
|
}
|
|
|
|
let listStartMoment = selectedDate.hour(slot.start_hour).minute(slot.start_minute);
|
|
let listEndMoment = selectedDate.hour(slot.end_hour).minute(slot.end_minute);
|
|
|
|
let keep_going = true;
|
|
let now = dayjs();
|
|
|
|
// Initialize pickup slots starting at opening time
|
|
let pickupIntervalStartMoment = listStartMoment;
|
|
let pickupIntervalEndMoment = listStartMoment.add(pickup_interval, 'minutes');
|
|
while (keep_going) {
|
|
let available = true;
|
|
let display_slot = true
|
|
|
|
if (pickupIntervalStartMoment.isBefore(now)) {
|
|
// Slots in the past are unavailable
|
|
available = false;
|
|
display_slot = false;
|
|
}
|
|
|
|
if (pickupIntervalEndMoment.isAfter(listEndMoment)) {
|
|
// Slots after the end of pickup times for the day are unavailable
|
|
available = false;
|
|
}
|
|
|
|
let pickups_scheduled = 0;
|
|
existingPickupMoments.forEach(function(pickupMoment){
|
|
// An existing pickup time
|
|
if (pickupMoment.isSameOrAfter(pickupIntervalStartMoment) && pickupMoment.isBefore(pickupIntervalEndMoment)) {
|
|
// This calculated pickup is in use by another scheduled pickup
|
|
pickups_scheduled++;
|
|
}
|
|
});
|
|
|
|
if (pickups_scheduled >= policy.patrons_per_interval) {
|
|
available = false;
|
|
}
|
|
|
|
if ( display_slot ) {
|
|
pickupSlots.push(
|
|
{
|
|
"available": available,
|
|
"moment": pickupIntervalStartMoment,
|
|
"pickups_scheduled": pickups_scheduled
|
|
}
|
|
);
|
|
}
|
|
|
|
if ( available ) {
|
|
available_count++;
|
|
}
|
|
|
|
pickupIntervalStartMoment = pickupIntervalEndMoment;
|
|
pickupIntervalEndMoment = pickupIntervalStartMoment.add(pickup_interval, 'minutes');
|
|
if (pickupIntervalEndMoment.isAfter(listEndMoment)) {
|
|
// This latest slot is after the end of pickup times for the day, so we can stop
|
|
keep_going = false;
|
|
}
|
|
}
|
|
});
|
|
|
|
for (let i = 0; i < pickupSlots.length; i++) {
|
|
let pickupSlot = pickupSlots[i];
|
|
let optText = pickupSlot.moment.format("HH:mm");
|
|
let optValue = pickupSlot.moment.format("YYYY-MM-DD HH:mm:ss");
|
|
let pickups_scheduled = pickupSlot.pickups_scheduled;
|
|
let disabled = pickupSlot.available ? "" : "disabled";
|
|
$("#pickup-times").append(`<span class="pickup_time"><input type="radio" id="slot_${i}" name="pickup_time" value="${optValue}" ${disabled} /> <label for="slot_${i}">${optText} (${pickups_scheduled})</label></span>`);
|
|
}
|
|
|
|
$('#pickup-times').show();
|
|
$('#schedule-pickup-button').prop( 'disabled', available_count <= 0 );
|
|
});
|
|
|
|
$("#create-pickup").on('submit', function(){
|
|
if ( ! $("input[type='radio']:checked").length ) {
|
|
alert(_("Please select a date and a pickup time"))
|
|
return false;
|
|
}
|
|
return true;
|
|
});
|
|
|
|
if ( $("#find-patron").length ) {
|
|
patron_autocomplete($("#find-patron"), { 'on-select-callback': function( event, ui ) {
|
|
window.location.href = "/cgi-bin/koha/circ/curbside_pickups.pl?op=find-patron&borrowernumber=" + ui.item.patron_id;
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
$("#pickup-tabs a[data-toggle='tab']").on("shown.bs.tab", function (e) {
|
|
$("#current-tab").val($(this).attr('href').substring(1)); // Remove #
|
|
});
|
|
$("#auto_refresh,#refresh_delay").on("change", function(){
|
|
set_interval_if_needed();
|
|
});
|
|
|
|
set_interval_if_needed();
|
|
|
|
});
|
|
|
|
let refresh_interval_id = 0;
|
|
let countdown_interval_id = 0;
|
|
function set_interval(refresh_delay_ms){
|
|
clear_intervals();
|
|
let next_refresh = new Date();
|
|
next_refresh.setSeconds(next_refresh.getSeconds() + refresh_delay_ms / 1000);
|
|
|
|
countdown_interval_id = setInterval(function() {
|
|
const now = new Date().getTime();
|
|
const seconds = Math.floor(( next_refresh - now + 1 ) / 1000);
|
|
if ( seconds > 0 ) {
|
|
$("#refresh_info").text(_("Refresh in %s seconds").format(seconds));
|
|
} else {
|
|
$("#refresh_info").text(""); // In case something is going wrong
|
|
}
|
|
}, 1000);
|
|
|
|
setInterval(function() {
|
|
$(".refresh-form:visible").submit();
|
|
}, refresh_delay_ms);
|
|
}
|
|
function clear_intervals(){
|
|
if (refresh_interval_id) {
|
|
clearInterval(refresh_interval_id);
|
|
refresh_interval_id = 0;
|
|
}
|
|
if (countdown_interval_id) {
|
|
clearInterval(countdown_interval_id);
|
|
countdown_interval_id = 0;
|
|
}
|
|
}
|
|
|
|
function set_interval_if_needed(){
|
|
const refresh_delay = $("#refresh_delay").val();
|
|
const auto_refresh = $("#auto_refresh").is(":checked");
|
|
|
|
if (auto_refresh && refresh_delay){
|
|
set_interval(refresh_delay * 1000);
|
|
} else {
|
|
clear_intervals();
|
|
}
|
|
}
|
|
</script>
|
|
[% END %]
|
|
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|