webstaff: add support for editing authority records
[working/Evergreen.git] / Open-ILS / src / templates / booking / reservation.tt2
1 [% WRAPPER "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 id="contain_email_notify" class="nice_vertical_padding">
52                     <input type="checkbox" name="email_notify" id="email_notify" />
53                     <label class="AUTO_email_notify" for="email_notify"></label>
54                 </div>
55                 <div class="nice_vertical_padding">
56                     <span class="two_buttons">
57                         <input type="button"
58                             class="AUTO_ATTR_VALUE_reserve_brsrc"
59                             onclick="create_bresv_on_brsrc();" />
60                         &nbsp;
61                         <input type="button"
62                             class="AUTO_ATTR_VALUE_reserve_brt"
63                             onclick="create_bresv_on_brt();" />
64                     </span>
65                 </div>
66             </div>
67             <div id="reserve_right_side">
68                 <h2 class="booking AUTO_i_need_this_resource"></h2>
69                 <div id="reserve_datetime_start">
70                     <label class="reserve_datetime AUTO_starting_at"
71                         for="reserve_date_start"></label><br />
72                     <input id="reserve_date_start" />
73                     <input id="reserve_time_start" />
74                 </div>
75                 <div id="reserve_datetime_end">
76                     <label class="reserve_datetime AUTO_ending_at"
77                         for="reserve_date_end"></label><br />
78                     <input id="reserve_date_end" />
79                     <input id="reserve_time_end" />
80                 </div>
81                 <h2 id="bra_and_brav_header"
82                     class="booking AUTO_with_these_attr"></h2>
83                 <div id="bra_and_brav"></div>
84             </div>
85         </form>
86     </div>
87
88     <div id="reserve_under">
89         <hr />
90         <h2 class="booking" id="existing_reservation_patron_line"></h2>
91         <div id="bresv_grid_alt_explanation"></div>
92         <table id="bresv_grid" jsId="bresvGrid"
93             dojoType="dojox.grid.DataGrid" query="{id: '*'}"
94             rowSelector="20px" autoHeight="true" width="auto">
95             <thead>
96                 <tr><!-- FIXME: i18n problem: init_auto_l10n() runs
97                         too late to take care of the below elements. -->
98                     <th width="35%" field="type">[% l('Type') %]</th>
99                     <th width="25%" field="resource">[% l('Resource') %]</th>
100                     <th width="20%" field="start_time">[% l('Start time') %]</th>
101                     <th width="20%" field="end_time">[% l('End time') %]</th>
102                 </tr>
103             </thead>
104         </table>
105         <div class="nice_vertical_padding"
106             id="existing_bresv_under_buttons">
107             <!-- <input type="button" id="button_edit_existing"
108                 class="AUTO_ATTR_VALUE_button_edit_existing" /> -->
109             <input type="button" id="button_cancel_existing"
110                 class="AUTO_ATTR_VALUE_button_cancel_existing"
111                 onclick="cancel_selected_bresv(bresvGrid.selection.getSelected());" />
112         </div>
113     </div>
114 </div>
115
116 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/booking/common.js"></script>
117 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/booking/reservation.js"></script>
118 <script type="text/javascript">
119     dojo.require("dojox.grid.DataGrid");
120     openils.Util.addOnLoad(my_init);
121 </script>
122 [% END %]