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                         Edit Closed Dates 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>Closed Duration</td>
  59                                                 <td>Reason for Closing</td>
  60                                                 <td>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'/></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'/></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'/></td>
  90                                                 <td><button name='delete'>delete</button></td>
  91                                         </tr>
  92
  93                                 </tbody>
  94                         </table>
  95
  96                         <br/>
  97                         <div style='width: 80%'>
  98                                 Note: All dates must have the form <b>YYYY-MM-DD</b>.  Times must have the form <b>HH:MM</b>
  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");'>Add Single Day Closing</button>
 108                                                 <button id='cd_new_multiday'
 109                                                         onclick='cdShowEditRow("cd_edit_allmultiday_row");'>Add Mult-Date Closing</button>
 110                                                 <button id='cd_new'
 111                                                         onclick='cdShowEditRow("cd_edit_row");'>Add Detailed Closing</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                                                 <table class='data_grid data_grid_center' style='width: 100%;'>
 121                                                         <thead>
 122                                                                 <tr>
 123                                                                         <td>Start Date</td>
 124                                                                         <td>Start Time</td>
 125                                                                         <td>End Date</td>
 126                                                                         <td>End Time</td>
 127                                                                 </tr>
 128                                                         </thead>
 129                                                         <tbody>
 130                                                                 <tr>
 131                                                                         <td>
 132                                                                                 <input id='cd_edit_start_date' type='text' size='10' maxlength='10'/>
 133                                                                                 <img src="/opac/common/js/jscalendar/img.gif"
 134                                                                                         id='cd_edit_start_date_img' class='cal_img'/>
 135                                                                         </td>
 136
 137                                                                         <td>
 138                                                                                 <table width='100%'><tbody><tr><td>
 139                                                                                         <input id='cd_edit_start_time' type='text' size='5' maxlength='5'/>
 140                                                                                 </td>
 141                                                                                 <td>
 142                                                                                         <div style='font-size: 80%;'>All Day</div>
 143                                                                                         <input type='checkbox' id='cd_edit_start_time_allday'
 144                                                                                                 onclick='
 145                                                                                                         var input = $("cd_edit_start_time");
 146                                                                                                         input.disabled = !input.disabled;'/>
 147                                                                                 </td></tr></tbody></table>
 148                                                                         </td>
 149
 150                                                                         <td>
 151                                                                                 <input id='cd_edit_end_date' type='text' size='10' maxlength='10'/>
 152                                                                                 <img src="/opac/common/js/jscalendar/img.gif"
 153                                                                                         id='cd_edit_end_date_img' class='cal_img'/>
 154                                                                         </td>
 155
 156                                                                         <td>
 157                                                                                 <table width='100%'><tbody><tr><td>
 158                                                                                         <input id='cd_edit_end_time' type='text' size='5' maxlength='5'/>
 159                                                                                 </td>
 160                                                                                 <td>
 161                                                                                         <div style='font-size: 80%;'>All Day</div>
 162                                                                                         <input type='checkbox' id='cd_edit_end_time_allday'
 163                                                                                                 onclick='
 164                                                                                                         var input = $("cd_edit_end_time");
 165                                                                                                         input.disabled = !input.disabled;'/>
 166                                                                                 </td></tr></tbody></table>
 167                                                                         </td>
 168
 169                                                                 </tr>
 170                                                         </tbody>
 171                                                 </table>
 172                                         </tr>
 173
 174                                         <tr id='cd_edit_allday_row' class='hide_me'>
 175                                                 <td>
 176                                                         <span> All Day </span>
 177                                                         <input id='cd_edit_allday_start_date' type='text' size='10' maxlength='10'/>
 178                                                         <img src="/opac/common/js/jscalendar/img.gif"
 179                                                                 id='cd_edit_allday_start_date_img' class='cal_img'/>
 180                                                 </td>
 181                                         </tr>
 182
 183                                         <tr id='cd_edit_allmultiday_row' class='hide_me'>
 184                                                 <td>
 185
 186                                                         <span> All Day From </span>
 187                                                         <input id='cd_edit_allmultiday_start_date' type='text' size='10' maxlength='10'/>
 188                                                         <img src="/opac/common/js/jscalendar/img.gif"
 189                                                                 id='cd_edit_allmultiday_start_date_img' class='cal_img'/>
 190
 191                                                         <span> Until</span>
 192
 193                                                         <input id='cd_edit_allmultiday_end_date' type='text' size='10' maxlength='10'/>
 194                                                         <img src="/opac/common/js/jscalendar/img.gif"
 195                                                                 id='cd_edit_allmultiday_end_date_img' class='cal_img'/>
 196                                                 </td>
 197                                         </tr>
 198
 199                                         <tr id='cd_edit_note_row' class='hide_me' valign='middle'>
 200                                                 <td>
 201                                                         <div>Reason for closing: </div>
 202                                                         <textarea style='border: 1px solid blue; background: #E0F0E0; margin: 5px;'
 203                                                                 id='cd_edit_note' wrap='soft' cols='40' rows='3'/>
 204                                                         <div id='cd_apply_all_div' class='hide_me'>
 205                                                                 Apply to all of my libraries <input type='checkbox' id='cd_apply_all'/>
 206                                                         </div>
 207                                                 </td>
 208                                         </tr>
 209
 210                                         <tr id='cd_edit_submit' class='hide_me'>
 211                                                 <td>
 212                                                         <button onclick='cdNew();'>Save</button>
 213                                                         <button onclick='cdCancelEdit();'>Cancel</button>
 214                                                 </td>
 215                                         </tr>
 216
 217
 218                                 </tbody>
 219                         </table>
 220
 221                         <span class='hide_me' id='cd_all_day'>All Day</span>
 222                         <span class='hide_me' id='cd_confirm_delete'>Are you sure you wish to delete the selected close date?</span>
 223                         <span class='hide_me' id='cd_invalid_date'>Invalid date format</span>
 224                         <span class='hide_me' id='cd_invalid_time'>Invalid time format</span>
 225
 226                 </center>
 227         </body>
 228 </html>
 229
 230