This commit breaks compatibility with OpenSRF 0.9.
[Evergreen.git] / Open-ILS / xul / staff_client / server / admin / closed_dates.xhtml
1 <?xml version='1.0'?>
2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude">
3
4         <head>
5                 <title>Evergreen: Libray Closed Dates Editor</title>
6                 <script language='javascript' src='/opac/common/js/utils.js'> </script>
7                 <script language='javascript' src='/opac/common/js//config.js'> </script>
8                 <script language='javascript' src='/opac/common/js/CGI.js'> </script>
9                 <script language='javascript' src='/opac/common/js/Cookie.js'> </script>
10         
11                 <script language='javascript' src='/opac/common/js/JSON_v1.js'> </script>
12                 <script language='javascript' src='/opac/common/js/fmall.js'> </script>
13                 <script language='javascript' src='/opac/common/js/fmgen.js'> </script>
14                 <script language='javascript' src='/opac/common/js/Cookies.js'> </script>
15                 <script language='javascript' src='/opac/common/js/opac_utils.js'> </script>
16                 <script language='javascript' src='/opac/common/js/OrgTree.js'> </script>
17                 <script language='javascript' src='/opac/common/js/org_utils.js'> </script>
18                 <script language='javascript' src='/opac/common/js/init.js'> </script>
19                 <script language='javascript' src='/opac/common/js/RemoteRequest.js'> </script>
20                 <script language='javascript' src='/opac/common/js/Date.W3CDTF.js'> </script>
21                 <script language='javascript' src='adminlib.js'> </script>
22                 <script language='javascript' src='closed_dates.js'> </script>
23
24                 <link rel="stylesheet" type="text/css" media="all" 
25                         href="/opac/common/js/jscalendar/calendar-brown.css" title="win2k-cold-1" />
26                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar.js"></script>
27                 <script type="text/javascript" src="/opac/common/js/jscalendar/lang/calendar-en.js"></script>
28                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar-setup.js"></script>
29
30
31
32
33                 <link type='text/css' rel='stylesheet' href='admin.css'/>
34
35                 <style type='text/css'>
36                         span { padding: 6px; }
37                         b { padding: 6px; }
38                 </style>
39         </head>
40
41         <body onload='try{cdEditorInit();}catch(e){alert(js2JSON(e));}'>
42
43                 <div class='welcome_box'>
44                         <span>Welcome </span><b><span id='cd_user'/></b>
45                 </div>
46
47                 <center>
48                         <div class='title'> Closed Dates Editor </div>
49
50                         <br/>
51                         Edit Closed Dates for: <select id='cd_orgs'  style='width:auto;'/>
52                         <br/><br/>
53
54                         <table class='data_grid data_grid_center' style='width: 80%; padding: 8px;'>
55                                 <thead>
56                                         <tr>
57                                                 <td>Closed Duration</td>
58                                                 <td>Reason for Closing</td>
59                                                 <td>Delete</td>
60                                         </tr>
61                                 </thead>
62                                 <tbody id='cd_tbody'>
63
64                                         <tr id='cd_row'>
65                                                 <td align='left'>
66                                                         From
67                                                         <b name='start_date'/> at <b name='start_time'/>
68                                                         <span> through </span>
69                                                         <b name='end_date'/> at <b name='end_time'/>
70                                                 </td>
71                                                 <td><div name='note'/></td>
72                                                 <td><button name='delete'>delete</button></td>
73                                         </tr>
74
75                                         <tr id='cd_allday_row'>
76                                                 <td align='left'>
77                                                         All Day <b name='start_date'/>
78                                                 </td>
79                                                 <td><div name='note'/></td>
80                                                 <td><button name='delete'>delete</button></td>
81                                         </tr>
82
83
84                                         <tr id='cd_allmultiday_row'>
85                                                 <td align='left'>
86                                                         Every Day From <b name='start_date'/> through <b name='end_date'/>
87                                                 </td>
88                                                 <td><div name='note'/></td>
89                                                 <td><button name='delete'>delete</button></td>
90                                         </tr>
91
92                                 </tbody>
93                         </table>
94
95                         <br/>
96                         <div style='width: 80%'>
97                                 Note: All dates must have the form <b>YYYY-MM-DD</b>.  Times must have the form <b>HH:MM</b>
98                         </div>
99
100                         <br/>
101                 
102                         <table class='data_grid data_grid_center' style='width: 80%; padding: 8px;'>
103                                 <tr>
104                                         <td width='100%' align='center' style='border: 1px solid #F0E0F0;'>
105                                                 <button id='cd_new_allday' 
106                                                         onclick='cdShowEditRow("cd_edit_allday_row");'>Add Single Day Closing</button>
107                                                 <button id='cd_new_multiday' 
108                                                         onclick='cdShowEditRow("cd_edit_allmultiday_row");'>Add Mult-Date Closing</button>
109                                                 <button id='cd_new' 
110                                                         onclick='cdShowEditRow("cd_edit_row");'>Add Detailed Closing</button>
111                                         </td>
112                                 </tr>
113                         </table>
114                 
115                         <table class='data_grid data_grid_center' style='width: 80%; padding: 8px;'>
116                                 <tbody id='cd_edit_tbody'>
117                 
118                                         <tr id='cd_edit_row' class='hide_me'>
119                                                 <table class='data_grid data_grid_center' style='width: 100%;'>
120                                                         <thead>
121                                                                 <tr>
122                                                                         <td>Start Date</td>
123                                                                         <td>Start Time</td>
124                                                                         <td>End Date</td>
125                                                                         <td>End Time</td>
126                                                                 </tr>
127                                                         </thead>
128                                                         <tbody>
129                                                                 <tr>
130                                                                         <td>
131                                                                                 <input id='cd_edit_start_date' type='text' size='10' maxlength='10'/>
132                                                                                 <img src="/opac/common/js/jscalendar/img.gif"  
133                                                                                         id='cd_edit_start_date_img' class='cal_img'/>
134                                                                         </td>
135
136                                                                         <td>
137                                                                                 <table width='100%'><tbody><tr><td>
138                                                                                         <input id='cd_edit_start_time' type='text' size='5' maxlength='5'/>
139                                                                                 </td>
140                                                                                 <td>
141                                                                                         <div style='font-size: 80%;'>All Day</div>
142                                                                                         <input type='checkbox' id='cd_edit_start_time_allday'
143                                                                                                 onclick='
144                                                                                                         var input = $("cd_edit_start_time");
145                                                                                                         input.disabled = !input.disabled;'/>
146                                                                                 </td></tr></tbody></table>
147                                                                         </td>
148
149                                                                         <td>
150                                                                                 <input id='cd_edit_end_date' type='text' size='10' maxlength='10'/>
151                                                                                 <img src="/opac/common/js/jscalendar/img.gif"  
152                                                                                         id='cd_edit_end_date_img' class='cal_img'/>
153                                                                         </td>
154
155                                                                         <td>
156                                                                                 <table width='100%'><tbody><tr><td>
157                                                                                         <input id='cd_edit_end_time' type='text' size='5' maxlength='5'/>
158                                                                                 </td>
159                                                                                 <td>
160                                                                                         <div style='font-size: 80%;'>All Day</div>
161                                                                                         <input type='checkbox' id='cd_edit_end_time_allday'
162                                                                                                 onclick='
163                                                                                                         var input = $("cd_edit_end_time");
164                                                                                                         input.disabled = !input.disabled;'/>
165                                                                                 </td></tr></tbody></table>
166                                                                         </td>
167
168                                                                 </tr>
169                                                         </tbody>
170                                                 </table>
171                                         </tr>
172                 
173                                         <tr id='cd_edit_allday_row' class='hide_me'>
174                                                 <td>    
175                                                         <span> All Day </span>
176                                                         <input id='cd_edit_allday_start_date' type='text' size='10' maxlength='10'/>
177                                                         <img src="/opac/common/js/jscalendar/img.gif"  
178                                                                 id='cd_edit_allday_start_date_img' class='cal_img'/>
179                                                 </td>
180                                         </tr>
181                 
182                                         <tr id='cd_edit_allmultiday_row' class='hide_me'>
183                                                 <td>    
184
185                                                         <span> All Day From </span>
186                                                         <input id='cd_edit_allmultiday_start_date' type='text' size='10' maxlength='10'/>
187                                                         <img src="/opac/common/js/jscalendar/img.gif"  
188                                                                 id='cd_edit_allmultiday_start_date_img' class='cal_img'/>
189
190                                                         <span> Until</span>
191
192                                                         <input id='cd_edit_allmultiday_end_date' type='text' size='10' maxlength='10'/>
193                                                         <img src="/opac/common/js/jscalendar/img.gif"  
194                                                                 id='cd_edit_allmultiday_end_date_img' class='cal_img'/>
195                                                 </td>
196                                         </tr>
197
198                                         <tr id='cd_edit_note_row' class='hide_me' valign='middle'>
199                                                 <td>
200                                                         <div>Reason for closing: </div>
201                                                         <textarea style='border: 1px solid blue; background: #E0F0E0; margin: 5px;' 
202                                                                 id='cd_edit_note' wrap='soft' cols='40' rows='3'/>
203                                                         <div id='cd_apply_all_div' class='hide_me'>
204                                                                 Apply to all of my libraries <input type='checkbox' id='cd_apply_all'/>
205                                                         </div>
206                                                 </td>
207                                         </tr>
208
209                                         <tr id='cd_edit_submit' class='hide_me'>
210                                                 <td>
211                                                         <button onclick='cdNew();'>Save</button>
212                                                         <button onclick='cdCancelEdit();'>Cancel</button>
213                                                 </td>
214                                         </tr>
215
216                 
217                                 </tbody>
218                         </table>
219
220                         <span class='hide_me' id='cd_all_day'>All Day</span>
221                         <span class='hide_me' id='cd_confirm_delete'>Are you sure you wish to delete the selected close date?</span>
222                         <span class='hide_me' id='cd_invalid_date'>Invalid date format</span>
223                         <span class='hide_me' id='cd_invalid_time'>Invalid time format</span>
224                         <span class='hide_me' id='cd_update_success'>Closed date successfully updated</span>
225                 
226                 </center>
227         </body>
228 </html>
229
230