318 lines
15 KiB
Plaintext
318 lines
15 KiB
Plaintext
[% USE raw %]
|
|
[% USE KohaSpan %]
|
|
[% USE Koha %]
|
|
[% USE LinkPref %]
|
|
[% USE Asset %]
|
|
[% USE TablesSettings %]
|
|
[% PROCESS 'i18n.inc' %]
|
|
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title
|
|
>[% FILTER collapse %]
|
|
[% t("Curbside pickup") | html %]
|
|
› [% t("Administration") | html %] › [% t("Koha") | html %]
|
|
[% END %]</title
|
|
>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
<style nonce="[% Koha.CSPNonce | $raw %]">
|
|
.pickup-slot {
|
|
border: 2px solid #b9d8d9;
|
|
padding: 0 0.1em;
|
|
margin: 0 0.1em;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body id="admin_curbside_pickup" class="admin">
|
|
[% WRAPPER 'header.inc' %]
|
|
[% INCLUDE 'prefs-admin-search.inc' %]
|
|
[% END %]
|
|
|
|
[% USE format_minutes = format('%02d') %]
|
|
[% MACRO minutes_format BLOCK %][% IF m != "" %][% format_minutes(m) | html %][% END %][% END %]
|
|
|
|
[% WRAPPER 'sub-header.inc' %]
|
|
[% WRAPPER breadcrumbs %]
|
|
[% WRAPPER breadcrumb_item %]
|
|
<a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
|
|
[% END %]
|
|
[% WRAPPER breadcrumb_item bc_active= 1 %]
|
|
<span>Curbside pickup</span>
|
|
[% END %]
|
|
[% END #/ WRAPPER breadcrumbs %]
|
|
[% END #/ WRAPPER sub-header.inc %]
|
|
|
|
[% WRAPPER 'main-container.inc' aside='admin-menu' %]
|
|
|
|
[% FOR m IN messages %]
|
|
<div class="alert alert-[% m.type | html %]">
|
|
[% SWITCH m.code %]
|
|
[% CASE %]
|
|
<span>[% m.code | html %]</span>
|
|
[% END %]
|
|
</div>
|
|
[% END %]
|
|
|
|
[% IF op == 'list' %]
|
|
<h1>Curbside pickup configuration</h1>
|
|
|
|
[% UNLESS Koha.Preference('CurbsidePickup') %]
|
|
<div class="alert alert-info">The [% "CurbsidePickup" | html | $LinkPref %] preference is not enabled, do not forget to enable it to turn the feature on.</div>
|
|
[% END %]
|
|
<form method="post" class="form">
|
|
[% INCLUDE 'csrf-token.inc' %]
|
|
[% WRAPPER tabs id= "curbside_pickup_tabs" %]
|
|
[% WRAPPER tabs_nav %]
|
|
[% FOREACH l IN libraries %]
|
|
[% IF loop.first %]
|
|
[% SET bt_active = 1 %]
|
|
[% ELSE %]
|
|
[% SET bt_active = 0 %]
|
|
[% END %]
|
|
[% WRAPPER tab_item tabname= "conf-${l.branchcode}" bt_active= bt_active %]<span>[% l.branchname | html %]</span>[% END %]
|
|
[% END %]
|
|
[% END # /WRAPPER tabs_nav %]
|
|
|
|
[% WRAPPER tab_panels %]
|
|
[% FOREACH l IN libraries %]
|
|
[% SET branchcode = l.branchcode %]
|
|
[% IF loop.first %]
|
|
[% SET bt_active = 1 %]
|
|
[% ELSE %]
|
|
[% SET bt_active = 0 %]
|
|
[% END %]
|
|
[% WRAPPER tab_panel tabname= "conf-${l.branchcode}" bt_active= bt_active %]
|
|
<fieldset class="rows" style="float: none;">
|
|
<ol>
|
|
<li>
|
|
<label for="enable-[% l.branchcode | html %]">Enable: </label>
|
|
[% IF policies.$branchcode.enabled %]
|
|
<input name="enable-[% l.branchcode | html %]" id="enable-[% l.branchcode | html %]" value="1" type="checkbox" checked />
|
|
[% ELSE %]
|
|
<input name="enable-[% l.branchcode | html %]" id="enable-[% l.branchcode | html %]" value="1" type="checkbox" />
|
|
[% END %]
|
|
<span class="hint">Enable curbside pickup.</span>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="interval-[% l.branchcode | html %]">Pickup interval: </label>
|
|
<input name="interval-[% l.branchcode | html %]" id="interval-[% l.branchcode | html %]" value="[% policies.$branchcode.pickup_interval | html %]" type="text" />
|
|
<span class="hint">Number of minutes each curbside pickup interaction will take.</span>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="max-per-interval-[% l.branchcode | html %]">Maximum patrons per interval: </label>
|
|
<input name="max-per-interval-[% l.branchcode | html %]" id="max-per-interval-[% l.branchcode | html %]" value="[% policies.$branchcode.patrons_per_interval | html %]" type="text" />
|
|
<span class="hint">Maximum number of simultaneous pickups per interval.</span>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="patron-scheduled-[% l.branchcode | html %]">Patron-scheduled pickup: </label>
|
|
[% IF policies.$branchcode.patron_scheduled_pickup %]
|
|
<input name="patron-scheduled-[% l.branchcode | html %]" id="patron-scheduled-[% l.branchcode | html %]" value="1" type="checkbox" checked />
|
|
[% ELSE %]
|
|
<input name="patron-scheduled-[% l.branchcode | html %]" id="patron-scheduled-[% l.branchcode | html %]" value="1" type="checkbox" />
|
|
[% END %]
|
|
<span class="hint">Enable patrons to schedule their own curbside pickups.</span>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="enable-waiting-holds-only-[% l.branchcode | html %]">Enable for waiting holds only: </label>
|
|
[% IF policies.$branchcode.enable_waiting_holds_only %]
|
|
<input name="enable-waiting-holds-only-[% l.branchcode | html %]" id="enable-waiting-holds-only-[% l.branchcode | html %]" value="1" type="checkbox" checked />
|
|
[% ELSE %]
|
|
<input name="enable-waiting-holds-only-[% l.branchcode | html %]" id="enable-waiting-holds-only-[% l.branchcode | html %]" value="1" type="checkbox" />
|
|
[% END %]
|
|
<span class="hint">Enable only if the patron has waiting holds.</span>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
|
|
<fieldset class="rows" style="float: none;">
|
|
<legend>Curbside pickup hours</legend>
|
|
|
|
<em>Times should be in 24-hour format (00:00 to 23:59).</em>
|
|
|
|
<ol class="pickup_hours"></ol>
|
|
|
|
<ol>
|
|
<li>
|
|
<label>New slot:</label>
|
|
[% days = { "0" = t("Sunday"), "1" = t("Monday"), "2" = t("Tuesday"), "3" = t("Wednesday"), "4" = t("Thursday"), "5" = t("Friday"), "6" = t("Saturday") } %]
|
|
[% SET CalendarFirstDayOfWeek = Koha.Preference("CalendarFirstDayOfWeek") %]
|
|
<div>
|
|
<select id="day-[% l.branchcode | html %]">
|
|
[% FOR i IN [0, 1, 2, 3, 4, 5, 6] %]
|
|
[% SET d = ( CalendarFirstDayOfWeek + i ) % 7 %]
|
|
<option value="[% d | html %]">[% days.$d | html %]</option>
|
|
[% END %]
|
|
</select>
|
|
<span>
|
|
From <input type="text" size="5" class="noEnterSubmit" id="new-start-[% l.branchcode | html %]" placeholder="00:00" /> to
|
|
<input type="text" size="5" class="noEnterSubmit" id="new-end-[% l.branchcode | html %]" placeholder="23:55" />
|
|
</span>
|
|
<input type="button" class="btn btn-default btn-sm add-new-slot" data-branchcode="[% l.branchcode | html %]" value="Add" />
|
|
<span id="invalid_slot_warning" style="display:none;">Invalid format for this new slot, must be '00:00 to 23:59'.</span>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
[% END # /tab_panel %]
|
|
[% END #FOREACH l %]
|
|
[% END # /WRAPPER tab_panels %]
|
|
[% END # /WRAPPER tabs %]
|
|
|
|
<input type="hidden" name="op" value="cud-save" />
|
|
|
|
<fieldset class="action">
|
|
<input type="submit" class="btn btn-primary" value="Save configuration" />
|
|
</fieldset>
|
|
</form>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
[% Asset.js("js/admin-menu.js") | $raw %]
|
|
<script nonce="[% Koha.CSPNonce | $raw %]" data-tt-allowed="true">
|
|
let opening_slots = {};
|
|
let slots;
|
|
[% FOR l IN libraries %]
|
|
[% SET branchcode = l.branchcode %]
|
|
slots = [];
|
|
[% FOR p IN policies.$branchcode.opening_slots %]
|
|
slots.push('%s-%s-%s'.format("[% p.day | html %]", format_hhmm("[% p.start_hour | html %]:[% p.start_minute | html %]"), format_hhmm("[% p.end_hour | html %]:[% p.end_minute | html %]")));
|
|
[% END %]
|
|
opening_slots["[% l.branchcode | html %]"] = slots;
|
|
[% END %]
|
|
|
|
function format_hhmm(hhmm){
|
|
let hh, mm;
|
|
[ hh, mm ] = hhmm.split(':');
|
|
return String(hh).padStart(2, '0') + ':' + String(mm).padStart(2, '0');
|
|
}
|
|
|
|
let library_branchcodes = [];
|
|
[% FOR l IN libraries %]
|
|
library_branchcodes.push("[% l.branchcode | html %]");
|
|
[% END %]
|
|
Koha.addPrefs({CalendarFirstDayOfWeek : [% Koha.Preference("CalendarFirstDayOfWeek") || 0 | html %]});
|
|
</script>
|
|
<script nonce="[% Koha.CSPNonce | $raw %]">
|
|
function format_slot(slot) {
|
|
let day, start, end;
|
|
[day, start, end] = slot.split("-");
|
|
return format_hhmm(start) + _(" to ") + format_hhmm(end);
|
|
}
|
|
function delete_slot(node, branchcode) {
|
|
let slot = $(node).find("input").val();
|
|
opening_slots[branchcode] = $.grep(opening_slots[branchcode], function (elt, index) {
|
|
return elt !== slot;
|
|
});
|
|
refresh_pickup_hours(branchcode);
|
|
}
|
|
function refresh_pickup_hours(branchcode) {
|
|
let slots_per_day = {};
|
|
opening_slots[branchcode].forEach(function (slot) {
|
|
let day, start, end;
|
|
[day, start, end] = slot.split("-");
|
|
if (!slots_per_day[day]) slots_per_day[day] = [];
|
|
slots_per_day[day].push(slot);
|
|
});
|
|
|
|
$("#conf-" + branchcode + "_panel")
|
|
.find(".pickup_hours li")
|
|
.remove();
|
|
|
|
[0, 1, 2, 3, 4, 5, 6]
|
|
.map(i => (Koha.prefs.CalendarFirstDayOfWeek + i) % 7)
|
|
.filter(d => d in slots_per_day)
|
|
.map(day => {
|
|
let li_node = $("<li><label>" + get_day_lib(day) + "<label></li>");
|
|
slots_per_day[day].sort().forEach(function (slot) {
|
|
let span_node = $('<span class="pickup-slot"></span>');
|
|
span_node.append('<input type="hidden" name="pickup-slot-' + branchcode + '" value="' + slot + '"/>');
|
|
span_node.append("<span>" + format_slot(slot) + "</span>");
|
|
|
|
let delete_link = $('<a href="#" on> <i class="fa fa-trash-can" aria-hidden="true" title="%s"></i>'.format(_("Remove this slot"))).on("click", function (e) {
|
|
e.preventDefault();
|
|
delete_slot($(this).closest("li"), branchcode);
|
|
});
|
|
span_node.append(delete_link);
|
|
|
|
span_node.appendTo(li_node);
|
|
});
|
|
li_node.appendTo($("#conf-" + branchcode + "_panel").find(".pickup_hours"));
|
|
});
|
|
}
|
|
function get_day_lib(day) {
|
|
let lib;
|
|
switch (day) {
|
|
case 0:
|
|
lib = _("Sunday");
|
|
break;
|
|
case 1:
|
|
lib = _("Monday");
|
|
break;
|
|
case 2:
|
|
lib = _("Tuesday");
|
|
break;
|
|
case 3:
|
|
lib = _("Wednesday");
|
|
break;
|
|
case 4:
|
|
lib = _("Thursday");
|
|
break;
|
|
case 5:
|
|
lib = _("Friday");
|
|
break;
|
|
case 6:
|
|
lib = _("Saturday");
|
|
break;
|
|
}
|
|
return lib;
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
for (let branchcode of library_branchcodes) {
|
|
refresh_pickup_hours(branchcode);
|
|
}
|
|
|
|
$(".add-new-slot").on("click", function () {
|
|
let branchcode = $(this).data("branchcode");
|
|
let day = $("#day-" + branchcode).val();
|
|
let start = $("#new-start-" + branchcode).val();
|
|
let end = $("#new-end-" + branchcode).val();
|
|
|
|
let start_hour, start_minute, end_hour, end_minute;
|
|
[start_hour, start_minute] = start.split(":");
|
|
[end_hour, end_minute] = end.split(":");
|
|
if (
|
|
start_hour === undefined ||
|
|
start_minute === undefined ||
|
|
end_hour === undefined ||
|
|
end_minute === undefined ||
|
|
isNaN(parseInt(start_hour)) ||
|
|
isNaN(parseInt(end_hour)) ||
|
|
isNaN(parseInt(start_minute)) ||
|
|
isNaN(parseInt(end_minute)) ||
|
|
start_hour > 23 ||
|
|
start_minute > 59 ||
|
|
end_hour > 23 ||
|
|
end_minute > 59
|
|
) {
|
|
$("#invalid_slot_warning").show();
|
|
return;
|
|
} else {
|
|
$("#invalid_slot_warning").hide();
|
|
}
|
|
|
|
let new_slot = day + "-" + start + "-" + end;
|
|
if (opening_slots[branchcode].indexOf(new_slot) < 0) opening_slots[branchcode].push(new_slot);
|
|
|
|
refresh_pickup_hours(branchcode);
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|