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>Delete</td>
  58                                         </tr>
  59                                 </thead>
  60                                 <tbody id='cd_tbody'>
  61
  62
  63                                         <tr id='cd_row'>
  64                                                 <td>
  65                                                         From
  66                                                         <b name='start_date'/> at <b name='start_time'/>
  67                                                         <span> until </span>
  68                                                         <b name='end_date'/> at <b name='end_time'/>
  69                                                 </td>
  70                                                 <td><button name='delete'>delete</button></td>
  71                                         </tr>
  72
  73                                         <tr id='cd_allday_row'>
  74                                                 <td>
  75                                                         All Day <b name='start_date'/>
  76                                                 </td>
  77                                                 <td><button name='delete'>delete</button></td>
  78                                         </tr>
  79
  80
  81                                         <tr id='cd_allmultiday_row'>
  82                                                 <td>
  83                                                         All Day From <b name='start_date'/> until <b name='end_date'/>
  84                                                 </td>
  85                                                 <td><button name='delete'>delete</button></td>
  86                                         </tr>
  87
  88                                 </tbody>
  89                         </table>
  90
  91                         <br/>
  92                         <div style='width: 80%'>
  93                                 Note: All dates must have the form <b>YYYY-MM-DD</b>.  Times must have the form <b>HH:MM</b>
  94                         </div>
  95
  96                         <br/>
  97
  98                         <table class='data_grid data_grid_center' style='width: 80%; padding: 8px;'>
  99                                 <tr>
 100                                         <td width='100%' align='center' style='border: 1px solid #F0E0F0;'>
 101                                                 <button id='cd_new_allday'
 102                                                         onclick='cdShowEditRow("cd_edit_allday_row");'>Add Single Day Closing</button>
 103                                                 <button id='cd_new_multiday'
 104                                                         onclick='cdShowEditRow("cd_edit_allmultiday_row");'>Add Mult-Date Closing</button>
 105                                                 <button id='cd_new'
 106                                                         onclick='cdShowEditRow("cd_edit_row");'>Add Detailed Closing</button>
 107                                         </td>
 108                                 </tr>
 109                         </table>
 110
 111                         <table class='data_grid data_grid_center' style='width: 80%; padding: 8px;'>
 112                                 <tbody id='cd_edit_tbody'>
 113
 114                                         <tr id='cd_edit_row' class='hide_me'>
 115                                                 <table class='data_grid data_grid_center' style='width: 100%;'>
 116                                                         <thead>
 117                                                                 <tr>
 118                                                                         <td>Start Date</td>
 119                                                                         <td>Start Time</td>
 120                                                                         <td>End Date</td>
 121                                                                         <td>End Time</td>
 122                                                                 </tr>
 123                                                         </thead>
 124                                                         <tbody>
 125                                                                 <tr>
 126                                                                         <td>
 127                                                                                 <input name='start_date' type='text' size='10' maxlength='10'/>
 128                                                                         </td>
 129                                                                         <td>
 130                                                                                 <input name='start_time' type='text' size='5' maxlength='5'/>
 131                                                                         </td>
 132                                                                         <td>
 133                                                                                 <input name='end_date' type='text' size='10' maxlength='10'/>
 134                                                                         </td>
 135                                                                         <td>
 136                                                                                 <input name='end_time' type='text' size='5' maxlength='5'/>
 137                                                                         </td>
 138                                                                 </tr>
 139                                                         </tbody>
 140                                                 </table>
 141                                         </tr>
 142
 143                                         <tr id='cd_edit_allday_row' class='hide_me'>
 144                                                 <td>
 145                                                         <span> All Day </span>
 146                                                         <input id='cd_edit_allday_start_date' type='text' size='10' maxlength='10'/>
 147                                                         <img src="/opac/common/js/jscalendar/img.gif"
 148                                                                 id='cd_edit_allday_start_date_img' class='cal_img'/>
 149                                                 </td>
 150                                         </tr>
 151
 152                                         <tr id='cd_edit_allmultiday_row' class='hide_me'>
 153                                                 <td>
 154
 155                                                         <span> All Day From </span>
 156                                                         <input id='cd_edit_allmultiday_start_date' type='text' size='10' maxlength='10'/>
 157                                                         <img src="/opac/common/js/jscalendar/img.gif"
 158                                                                 id='cd_edit_allmultiday_start_date_img' class='cal_img'/>
 159
 160                                                         <span> Until</span>
 161
 162                                                         <input id='cd_edit_allmultiday_end_date' type='text' size='10' maxlength='10'/>
 163                                                         <img src="/opac/common/js/jscalendar/img.gif"
 164                                                                 id='cd_edit_allmultiday_end_date_img' class='cal_img'/>
 165                                                 </td>
 166                                         </tr>
 167
 168                                         <tr id='cd_edit_submit' class='hide_me'>
 169                                                 <td>
 170                                                         <button onclick='cdNew();'>Save</button>
 171                                                         <button onclick='cdCancelEdit();'>Cancel</button>
 172                                                 </td>
 173                                         </tr>
 174
 175                                 </tbody>
 176                         </table>
 177
 178                         <span class='hide_me' id='cd_all_day'>All Day</span>
 179                         <span class='hide_me' id='cd_confirm_delete'>Are you sure you wish to delete the selected close date?</span>
 180                         <span class='hide_me' id='cd_invalid_date'>Invalid date format</span>
 181                         <span class='hide_me' id='cd_invalid_time'>Invalid time format</span>
 182
 183                 </center>
 184         </body>
 185 </html>
 186
 187