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