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