Open-ILS/xul/staff_client/server/admin/closed_dates.xhtml

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