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 id="pickup_lib_selector_row" class="nice_vertical_padding">
  51                     <label for="pickup_lib_selector"
  52                         class="AUTO_pickup_lib_selector"></label>
  53                     <select dojoType="openils.widget.OrgUnitFilteringSelect"
  54                         id="pickup_lib_selector" jsId="pickup_lib_selector"
  55                         searchAttr="shortname" labelAttr="shortname"></select>
  56                 </div>
  57                 <div class="nice_vertical_padding">
  58                     <span class="two_buttons">
  59                         <input type="button"
  60                             class="AUTO_ATTR_VALUE_reserve_brsrc"
  61                             onclick="create_bresv_on_brsrc();" />
  62                         &nbsp;
  63                         <input type="button"
  64                             class="AUTO_ATTR_VALUE_reserve_brt"
  65                             onclick="create_bresv_on_brt();" />
  66                     </span>
  67                 </div>
  68             </div>
  69             <div id="reserve_right_side">
  70                 <h2 class="booking AUTO_i_need_this_resource"></h2>
  71                 <div id="reserve_datetime_start">
  72                     <label class="reserve_datetime AUTO_starting_at"
  73                         for="reserve_date_start"></label><br />
  74                     <input id="reserve_date_start" />
  75                     <input id="reserve_time_start" />
  76                 </div>
  77                 <div id="reserve_datetime_end">
  78                     <label class="reserve_datetime AUTO_ending_at"
  79                         for="reserve_date_end"></label><br />
  80                     <input id="reserve_date_end" />
  81                     <input id="reserve_time_end" />
  82                 </div>
  83                 <h2 id="bra_and_brav_header"
  84                     class="booking AUTO_with_these_attr"></h2>
  85                 <div id="bra_and_brav"></div>
  86             </div>
  87         </form>
  88     </div>
  89
  90     <div id="reserve_under">
  91         <hr />
  92         <h2 class="booking" id="existing_reservation_patron_line"></h2>
  93         <div id="bresv_grid_alt_explanation"></div>
  94         <table id="bresv_grid" jsId="bresvGrid"
  95             dojoType="dojox.grid.DataGrid" query="{id: '*'}"
  96             rowSelector="20px" autoHeight="true" width="auto">
  97             <thead>
  98                 <tr><!-- FIXME: i18n problem: init_auto_l10n() runs
  99                         too late to take care of the below elements. -->
 100                     <th width="35%" field="type">Type</th>
 101                     <th width="25%" field="resource">Resource</th>
 102                     <th width="20%" field="start_time">Start time</th>
 103                     <th width="20%" field="end_time">End time</th>
 104                 </tr>
 105             </thead>
 106         </table>
 107         <div class="nice_vertical_padding"
 108             id="existing_bresv_under_buttons">
 109             <!-- <input type="button" id="button_edit_existing"
 110                 class="AUTO_ATTR_VALUE_button_edit_existing" /> -->
 111             <input type="button" id="button_cancel_existing"
 112                 class="AUTO_ATTR_VALUE_button_cancel_existing"
 113                 onclick="cancel_selected_bresv(bresvGrid.selection.getSelected());" />
 114         </div>
 115     </div>
 116 </div>
 117 [% END %]