Open-ILS/web/templates/default/booking/reservation.tt2

   1 [% WRAPPER "default/base.tt2" %]
   2 <script src="[% ctx.media_prefix %]/js/ui/default/booking/reservation.js"></script>
   3 <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/[% ctx.skin %]/booking.css" />
   4 <script type="text/javascript">
   5     dojo.require("dojox.grid.DataGrid");
   6     openils.Util.addOnLoad(my_init);
   7 </script>
   8 <div id="auto_l10n_start_here">
   9     <div id="brt_search_block" class="container">
  10         <h1 class="booking AUTO_choose_a_brt"></h1>
  11         <form onsubmit="init_reservation_interface(this); return false;">
  12             <div id="brt_selector_here" class="nice_vertical_padding"></div>
  13             <div id="brt_select_other_controls">
  14                 <!-- <div class="nice_vertical_padding">
  15                     <input type="checkbox" name="brt_noncat_only"
  16                         id="brt_noncat_only" checked="checked" />
  17                     <label for="brt_noncat_only"
  18                         class="AUTO_brt_noncat_only"></label>
  19                 </div> -->
  20                 <div class="nice_vertical_padding">
  21                     <input type="submit"
  22                         class="AUTO_ATTR_VALUE_next" />
  23                 </div>
  24             </div>
  25         </form>
  26         <div id="preselected_patron"></div>
  27     </div>
  28
  29     <div id="brt_reserve_block" class="container">
  30         <form>
  31             <div id="brsrc_available_outer">
  32                 <h1 class="booking" id="brsrc_list_header"></h1>
  33                 <!-- I'm reluctantly hardcoding the size attribute below to 12
  34                     since you can't get the behavior of the size attribute with
  35                     anything in CSS. -->
  36                 <select id="brsrc_list" name="brsrc_list" multiple="multiple"
  37                     size="12"></select>
  38                 <div id="holds_patron_barcode" class="nice_vertical_padding">
  39                     <label class="AUTO_patron_barcode"
  40                         for="patron_barcode" /></label>
  41                     <input name="patron_barcode" id="patron_barcode"
  42                         onchange="update_bresv_grid();" />
  43                 </div>
  44                 <div class="nice_vertical_padding">
  45                     <span class="two_buttons">
  46                         <input type="button"
  47                             class="AUTO_ATTR_VALUE_reserve_brsrc"
  48                             onclick="create_bresv_on_brsrc();" />
  49                         &nbsp;
  50                         <input type="button"
  51                             class="AUTO_ATTR_VALUE_reserve_brt"
  52                             onclick="create_bresv_on_brt();" />
  53                     </span>
  54                 </div>
  55             </div>
  56             <div id="reserve_right_side">
  57                 <h2 class="booking AUTO_i_need_this_resource"></h2>
  58                 <div id="reserve_datetime_start">
  59                     <label class="reserve_datetime AUTO_starting_at"
  60                         for="reserve_date_start"></label><br />
  61                     <input id="reserve_date_start" />
  62                     <input id="reserve_time_start" />
  63                 </div>
  64                 <div id="reserve_datetime_end">
  65                     <label class="reserve_datetime AUTO_ending_at"
  66                         for="reserve_date_end"></label><br />
  67                     <input id="reserve_date_end" />
  68                     <input id="reserve_time_end" />
  69                 </div>
  70                 <h2 id="bra_and_brav_header"
  71                     class="booking AUTO_with_these_attr"></h2>
  72                 <div id="bra_and_brav"></div>
  73             </div>
  74             <div id="reserve_under">
  75                 <hr />
  76                 <h2 class="booking" id="existing_reservation_patron_line"></h2>
  77                 <div id="bresv_grid_alt_explanation"></div>
  78                 <table id="bresv_grid" jsId="bresvGrid"
  79                     dojoType="dojox.grid.DataGrid" query="{id: '*'}"
  80                     rowSelector="20px" autoHeight="true">
  81                     <thead>
  82                         <tr><!-- FIXME: i18n problem: init_auto_l10n() runs
  83                                 too late to take care of the below elements. -->
  84                             <th field="type">Type</th>
  85                             <th field="resource">Resource</th>
  86                             <th field="start_time">Start time</th>
  87                             <th field="end_time">End time</th>
  88                         </tr>
  89                     </thead>
  90                 </table>
  91                 <div class="nice_vertical_padding"
  92                     id="existing_bresv_under_buttons">
  93                     <input type="button" id="button_edit_existing"
  94                         class="AUTO_ATTR_VALUE_button_edit_existing"
  95                         disabled="disabled" />
  96                     <input type="button" id="button_cancel_existing"
  97                         class="AUTO_ATTR_VALUE_button_cancel_existing"
  98                         onclick="cancel_selected_bresv(bresvGrid.selection.getSelected());" />
  99                 </div>
 100             </div>
 101         </form>
 102     </div>
 103 </div>
 104 [% END %]