koha-tmpl/intranet-tmpl/prog/en/includes/modals/place_booking.inc

   1 <!-- Place booking modal -->
   2 <div class="modal" id="placeBookingModal" tabindex="-1" role="dialog" aria-labelledby="placeBookingLabel">
   3     <form method="get" id="placeBookingForm">
   4         <div class="modal-dialog" role="document">
   5             <div class="modal-content">
   6                 <div class="modal-header">
   7                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   8                     <h4 class="modal-title" id="placeBookingLabel"></h4>
   9                 </div>
  10                 <div class="modal-body">
  11                     <div id="booking_result"></div>
  12                     <fieldset class="brief">
  13                         <input type="hidden" name="biblio_id" id="booking_id">
  14                         <input type="hidden" name="biblio_id" id="booking_biblio_id">
  15                         <input type="hidden" name="start_date" id="booking_start_date">
  16                         <input type="hidden" name="end_date" id="booking_end_date">
  17                         <ol>
  18                             <li>
  19                                 <label class="required" for="booking_patron_id">Patron: </label>
  20                                 <select name="booking_patron_id" id="booking_patron_id" required="required">
  21                                     <option></option>
  22                                     [% IF patron %]
  23                                     <option value="[% borrowernumber | uri %]" selected="selected">[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %] )</option>
  24                                     [% END %]
  25                                 </select>
  26                                 <div class="hint">Enter patron card number or partial name</div>
  27                             </li>
  28                             <label for="booking_item_id">Item: </label>
  29                                 <select name="booking_item_id" id="booking_item_id" disabled="true">
  30                                     <option value="0">Any item</option>
  31                                 </select>
  32                             </li>
  33                             <li>
  34                                 <div id="period_fields">
  35                                     <label class="required" for="period">Period: </label>
  36                                     <input type="text" id="period" name="period" class="flatpickr" data-flatpickr-futuredate="true" required="required" disabled="true" autocomplete="off">
  37                                     <span class="required">Required</span>
  38                                 </div>
  39                             </li>
  40                         </ol>
  41                     </fieldset>
  42                 </div> <!-- /.modal-body -->
  43                 <div class="modal-footer">
  44                     <button type="submit" class="btn btn-primary">Submit</button>
  45                     <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
  46                 </div> <!-- /.modal-footer -->
  47             </div> <!-- /.modal-content -->
  48         </div> <!-- /.modal-dialog -->
  49     </form>
  50 </div> <!-- /#placeBookingModal -->