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.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