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