Martin Renvoize
3475ef06d4
Whilst we still don't need to know the specific item we will need to know the itemtype to be able to fetch the correct circulation rules for adjusting the datepicker with lead and trail times. This patch adds such a picker option. You should be able to select the item or itemtype in either order.. selecting itemtype first will limit the items list to options available (and 'Any item').. upon selecting a specific item the itemtype selector should become disabled and reflect the itemtype of the item selected. Sponsored-by: Cuyahoga County Public Library <https://cuyahogalibrary.org/> Signed-off-by: Kristi Krueger <KKRUEGER@cuyahogalibrary.org> Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
66 lines
4.2 KiB
HTML
66 lines
4.2 KiB
HTML
[% USE ItemTypes %]
|
|
<!-- Place booking modal -->
|
|
<div class="modal" id="placeBookingModal" tabindex="-1" role="dialog" aria-labelledby="placeBookingLabel">
|
|
<form method="get" id="placeBookingForm">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title" id="placeBookingLabel"></h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="booking_result"></div>
|
|
<fieldset class="brief">
|
|
<input type="hidden" name="biblio_id" id="booking_id">
|
|
<input type="hidden" name="biblio_id" id="booking_biblio_id">
|
|
<input type="hidden" name="start_date" id="booking_start_date">
|
|
<input type="hidden" name="end_date" id="booking_end_date">
|
|
<ol>
|
|
<li>
|
|
<label class="required" for="booking_patron_id">Patron: </label>
|
|
<select name="booking_patron_id" id="booking_patron_id" required="required">
|
|
<option></option>
|
|
[% IF patron %]
|
|
<option value="[% borrowernumber | uri %]" selected="selected">[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %] )</option>
|
|
[% END %]
|
|
</select>
|
|
<div class="hint">Enter patron card number or partial name</div>
|
|
</li>
|
|
<li>
|
|
<label class="required" for="pickup_library_id">Pickup at:</label>
|
|
<select name="booking_pickup" id="pickup_library_id" required="required" disabled="disabled"></select>
|
|
<span class="required">Required</span>
|
|
</li>
|
|
<li>
|
|
<label for="booking_itemtype">Itemtype: </label>
|
|
[% SET itemtypes = ItemTypes.Get() %]
|
|
<select id="booking_itemtype" name="booking_itemtype" disabled="true">
|
|
[% FOREACH itemtype IN itemtypes %]
|
|
<option value="[% itemtype.itemtype | html %]">[% itemtype.description | html%]</option>
|
|
[% END %]
|
|
</select>
|
|
<li>
|
|
<label for="booking_item_id">Item: </label>
|
|
<select name="booking_item_id" id="booking_item_id" disabled="disabled">
|
|
<option value="0">Any item</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<div id="period_fields">
|
|
<label class="required" for="period">Booking dates: </label>
|
|
<input type="text" id="period" name="period" class="flatpickr" data-flatpickr-futuredate="true" data-flatpickr-disable-shortcuts="true" required="required" disabled="disabled" autocomplete="off">
|
|
<span class="required">Required</span>
|
|
</div>
|
|
<div class="hint">Select the booking start and end date</div>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
</div> <!-- /.modal-body -->
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
<button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancel</button>
|
|
</div> <!-- /.modal-footer -->
|
|
</div> <!-- /.modal-content -->
|
|
</div> <!-- /.modal-dialog -->
|
|
</form>
|
|
</div> <!-- /#placeBookingModal -->
|