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

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