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 class="nice_vertical_padding">
  14                 <input type="submit" class="AUTO_ATTR_VALUE_next" />
  15             </div>
  16         </form>
  17     </div>
  18
  19     <div id="brt_reserve_block" class="container">
  20         <form>
  21             <div id="brsrc_available_outer">
  22                 <h1 class="booking" id="brsrc_list_header"></h1>
  23                 <!-- I'm reluctantly hardcoding the size attribute below to 12
  24                     since you can't get the behavior of the size attribute with
  25                     anything in CSS. -->
  26                 <select id="brsrc_list" name="brsrc_list" multiple="multiple"
  27                     size="12"></select>
  28                 <div class="nice_vertical_padding">
  29                     <label class="AUTO_patron_barcode"
  30                         for="patron_barcode" /></label>
  31                     <input name="patron_barcode" id="patron_barcode"
  32                         onchange="update_bresv_grid();" />
  33                 </div>
  34                 <div class="nice_vertical_padding">
  35                     <span class="two_buttons">
  36                         <input type="button"
  37                             class="AUTO_ATTR_VALUE_reserve_brsrc"
  38                             onclick="create_bresv_on_brsrc();" />
  39                         &nbsp;
  40                         <input type="button"
  41                             class="AUTO_ATTR_VALUE_reserve_brt"
  42                             onclick="create_bresv_on_brt();" />
  43                     </span>
  44                 </div>
  45             </div>
  46             <div id="reserve_right_side">
  47                 <h2 class="booking AUTO_i_need_this_resource"></h2>
  48                 <div id="reserve_datetime_start">
  49                     <label class="reserve_datetime AUTO_starting_at"
  50                         for="reserve_date_start"></label><br />
  51                     <input id="reserve_date_start" />
  52                     <input id="reserve_time_start" />
  53                 </div>
  54                 <div id="reserve_datetime_end">
  55                     <label class="reserve_datetime AUTO_ending_at"
  56                         for="reserve_date_end"></label><br />
  57                     <input id="reserve_date_end" />
  58                     <input id="reserve_time_end" />
  59                 </div>
  60                 <h2 class="booking AUTO_with_these_attr"></h2>
  61                 <div id="bra_and_brav">
  62                 </div>
  63             </div>
  64             <div id="reserve_under">
  65                 <hr />
  66                 <h2 class="booking" id="existing_reservation_patron_line"></h2>
  67                 <table id="bresv_grid" jsId="bresvGrid"
  68                     dojoType="dojox.grid.DataGrid" query="{id: '*'}"
  69                     rowSelector="20px" autoHeight="true">
  70                     <thead>
  71                         <tr><!-- FIXME: i18n problem: init_auto_l10n() runs
  72                                 too late to take care of the below elements. -->
  73                             <th field="type">Type</th>
  74                             <th field="resource">Resource</th>
  75                             <th field="start_time">Start time</th>
  76                             <th field="end_time">End time</th>
  77                         </tr>
  78                     </thead>
  79                 </table>
  80                 <div class="nice_vertical_padding"
  81                     id="existing_bresv_under_buttons">
  82                     <input type="button" id="button_edit_existing"
  83                         class="AUTO_ATTR_VALUE_button_edit_existing"
  84                         disabled="disabled" />
  85                     <input type="button" id="button_cancel_existing"
  86                         class="AUTO_ATTR_VALUE_button_cancel_existing"
  87                         onclick="cancel_selected_bresv(bresvGrid.selection.getSelected());" />
  88                 </div>
  89             </div>
  90         </form>
  91     </div>
  92 </div>
  93 [% END %]