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

   1 [% WRAPPER "default/base.tt2" %]
   2 <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/[% ctx.skin %]/booking.css" />
   3 <div id="auto_l10n_start_here">
   4     <div id="brt_search_block" class="container">
   5         <h1 class="booking AUTO_choose_a_brt"></h1>
   6         <form onsubmit="return false;">
   7             <div id="select_noncat_brt_block">
   8                 <div id="brt_selector_here" class="nice_vertical_padding"></div>
   9                 <div class="nice_vertical_padding">
  10                     <input type="button" class="AUTO_ATTR_VALUE_next"
  11                         onclick="init_resv_iface_sel(); return false"
  12                         />
  13                 </div>
  14                 <hr />
  15                 <div class="nice_vertical_padding AUTO_or" id="or"></div>
  16             </div>
  17             <div id="arbitrary_resource_block">
  18                 <label for="arbitrary_resource" class="AUTO_arbitrary_resource">
  19                 </label>
  20                 <input id="arbitrary_resource" name="arbitrary_resource" />
  21                 <input type="button"
  22                     onclick="init_resv_iface_arb(); return false;"
  23                     class="AUTO_ATTR_VALUE_next" />
  24                 <p class="AUTO_explain_bookable"></p>
  25             </div>
  26         </form>
  27     </div>
  28
  29     <div id="brt_reserve_block" class="container">
  30         <form onsubmit="return false;">
  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="contain_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 id="pickup_lib_selector_row" class="nice_vertical_padding">
  45                     <label for="pickup_lib_selector"
  46                         class="AUTO_pickup_lib_selector"></label>
  47                     <select dojoType="openils.widget.OrgUnitFilteringSelect"
  48                         id="pickup_lib_selector" jsId="pickup_lib_selector"
  49                         searchAttr="shortname" labelAttr="shortname"></select>
  50                 </div>
  51                 <div class="nice_vertical_padding">
  52                     <span class="two_buttons">
  53                         <input type="button"
  54                             class="AUTO_ATTR_VALUE_reserve_brsrc"
  55                             onclick="create_bresv_on_brsrc();" />
  56                         &nbsp;
  57                         <input type="button"
  58                             class="AUTO_ATTR_VALUE_reserve_brt"
  59                             onclick="create_bresv_on_brt();" />
  60                     </span>
  61                 </div>
  62             </div>
  63             <div id="reserve_right_side">
  64                 <h2 class="booking AUTO_i_need_this_resource"></h2>
  65                 <div id="reserve_datetime_start">
  66                     <label class="reserve_datetime AUTO_starting_at"
  67                         for="reserve_date_start"></label><br />
  68                     <input id="reserve_date_start" />
  69                     <input id="reserve_time_start" />
  70                 </div>
  71                 <div id="reserve_datetime_end">
  72                     <label class="reserve_datetime AUTO_ending_at"
  73                         for="reserve_date_end"></label><br />
  74                     <input id="reserve_date_end" />
  75                     <input id="reserve_time_end" />
  76                 </div>
  77                 <h2 id="bra_and_brav_header"
  78                     class="booking AUTO_with_these_attr"></h2>
  79                 <div id="bra_and_brav"></div>
  80             </div>
  81         </form>
  82     </div>
  83
  84     <div id="reserve_under">
  85         <hr />
  86         <h2 class="booking" id="existing_reservation_patron_line"></h2>
  87         <div id="bresv_grid_alt_explanation"></div>
  88         <table id="bresv_grid" jsId="bresvGrid"
  89             dojoType="dojox.grid.DataGrid" query="{id: '*'}"
  90             rowSelector="20px" autoHeight="true" width="auto">
  91             <thead>
  92                 <tr><!-- FIXME: i18n problem: init_auto_l10n() runs
  93                         too late to take care of the below elements. -->
  94                     <th width="35%" field="type">Type</th>
  95                     <th width="25%" field="resource">Resource</th>
  96                     <th width="20%" field="start_time">Start time</th>
  97                     <th width="20%" field="end_time">End time</th>
  98                 </tr>
  99             </thead>
 100         </table>
 101         <div class="nice_vertical_padding"
 102             id="existing_bresv_under_buttons">
 103             <!-- <input type="button" id="button_edit_existing"
 104                 class="AUTO_ATTR_VALUE_button_edit_existing" /> -->
 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
 112 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/booking/common.js"></script>
 113 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/booking/reservation.js"></script>
 114 <script type="text/javascript">
 115     dojo.require("dojox.grid.DataGrid");
 116     openils.Util.addOnLoad(my_init);
 117 </script>
 118 [% END %]