Open-ILS/xul/staff_client/server/patron/ue.xhtml

   1 <?xml version='1.0'?>
   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         <!ENTITY nbsp " "> <!-- calendar needs this entity -->
   7 ]>
   8
   9
  10 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude">
  11
  12         <head>
  13                 <title>Evergreen: User Editor</title>
  14                 <script language='javascript' src='/opac/common/js/utils.js'> </script>
  15                 <script language='javascript' src='/opac/common/js//config.js'> </script>
  16                 <script language='javascript' src='/opac/common/js/CGI.js'> </script>
  17                 <script language='javascript' src='/opac/common/js/Cookie.js'> </script>
  18
  19                 <script language='javascript' src='/opac/common/js/slimtree.js'> </script>
  20                 <script language='javascript' src='/opac/common/js/JSON.js'> </script>
  21                 <script language='javascript' src='/opac/common/js/fmall.js'> </script>
  22                 <script language='javascript' src='/opac/common/js/fmgen.js'> </script>
  23                 <script language='javascript' src='/opac/common/js/Cookies.js'> </script>
  24                 <script language='javascript' src='/opac/common/js/opac_utils.js'> </script>
  25                 <script language='javascript' src='/opac/common/js/OrgTree.js'> </script>
  26                 <script language='javascript' src='/opac/common/js/org_utils.js'> </script>
  27                 <script language='javascript' src='/opac/common/js/init.js'> </script>
  28                 <script language='javascript' src='/opac/common/js/RemoteRequest.js'> </script>
  29                 <!--
  30                 <script language='javascript' src='/opac/common/js/date.js'> </script>
  31                 -->
  32                 <script language='javascript' src='../admin/adminlib.js'> </script>
  33                 <script language='javascript' src='ue_config.js'> </script>
  34                 <script language='javascript' src='ue_ui.js'> </script>
  35                 <script language='javascript' src='ue.js'> </script>
  36                 <link type='text/css' rel='stylesheet' href='../admin/admin.css'/>
  37
  38                 <link rel="stylesheet" type="text/css" media="all"
  39                         href="/opac/common/js/jscalendar/calendar-brown.css" title="win2k-cold-1" />
  40                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar.js"></script>
  41                 <script type="text/javascript" src="/opac/common/js/jscalendar/lang/calendar-en.js"></script>
  42                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar-setup.js"></script>
  43
  44
  45                 <style type='text/css'>
  46                         .main_table { width: 98%; border-collapse: collapse;}
  47                         .main_table td { border: 1px solid #E0F0E0; text-align: center; padding: 4px;}
  48                         #uedit_nav_bar { border: 2px solid #E0F0E0; padding: 6px;}
  49                         .nav_link { padding-left: 90px; padding-right: 90px; }
  50                         .main_nav_link { -moz-border-radius: 7px; height: 13%;}
  51                         /*
  52                         .main_div { height: 480px; padding-left: 15px;
  53                                 text-align: center; vertical-align: middle; overflow: auto;}
  54                                 */
  55
  56                         .main_div { min-height: 450px; padding-left: 15px;
  57                                 text-align: center; vertical-align: middle; }
  58
  59                         .nav_link_table { height: 480px;}
  60                         .label_active { background: #E0F0E0; }
  61                         .right { text-align: right; padding-right: 3px;}
  62                         .left { text-align: left; padding-left: 3px;}
  63                         .wide { width: 98%;}
  64                         .pad { padding-left: 3px; padding-right: 3px; }
  65                         .no_border td { border: none; }
  66                         .uedit_table { width: 80% }
  67                         .address_table { -moz-border-radius: 4px; border: 4px solid #E0E0F0; padding: 4px; }
  68                         .shared_address { background : #E0F0F0; }
  69                         .address_table td { border: none; width: auto; padding: 1px; }
  70                         .addr_info_checked { -moz-border-radius: 6px; background: #F0E0E0; }
  71                         .button_row { width: 95%; text-align: center; margin-top: 7px; border: 1px solid #E0E0E0; }
  72                         /*.required_field { background: #F0E0E0; }*/
  73                         .invalid_value { background: red; }
  74
  75                         /* all text inputs that don't have the .invalid_value
  76                                 class applied and are currently focused */
  77                         input:focus:not(.invalid_value) { background: #E0F0E0; color: darkblue;}
  78
  79                         .deleted { background: #FF6666; }
  80
  81                         .dup_link { padding-left: 5px; color: red; }
  82
  83
  84                 </style>
  85         </head>
  86
  87         <body onload='uEditInit();'>
  88
  89         <center>
  90
  91                 <h2>Evergreen User Editor</h2>
  92
  93                 <div style='position:absolute; top: 5px; right: 5px;'>
  94                         <span>Welcome </span><b><span id='uedit_user'/></b>
  95                 </div>
  96
  97                 <hr/><br/>
  98
  99                 <div id='main_div_container'>
 100
 101                 <table style='margin-bottom: 5px; width:100%;'>
 102                         <tbody>
 103                                 <tr>
 104                                         <td align='left' width='80%'>
 105                                                 <b>
 106                                                         <span>Note: required or invalid fields are </span>
 107                                                         <span style='border-bottom: 2px solid red;'>marked with color</span>
 108                                                 </b>
 109                                         </td>
 110                                         <td align='right' width='20%'>
 111                                                 <a class='hide_me' id='ue_errors' href='javascript:void(0);'
 112                                                         style='color: red; font-size: 12pt; font-weight: bold' onclick='uEditAlertErrors();'>
 113                                                         View Errors
 114                                                 </a>
 115                                         </td>
 116                                 </tr>
 117                         </tbody>
 118                 </table>
 119
 120                 <table class='main_table'>
 121                         <tbody>
 122                                 <tr>
 123                                         <td width='15%' valign='top'>
 124                                                 <!-- ************************************************************** -->
 125                                                 <!--  Top Navigation Links -->
 126                                                 <!-- ************************************************************** -->
 127                                                 <table height='100%' class='nav_link_table'>
 128                                                         <tbody>
 129                                                                 <tr>
 130                                                                         <td id='uedit_userid_label' class='main_nav_link'>
 131                                                                                 <a href='javascript:uEditShowPage("uedit_userid");'>1. User Identification</a>
 132                                                                         </td>
 133                                                                 </tr>
 134                                                                 <tr>
 135                                                                         <td id='uedit_contact_info_label' class='main_nav_link'>
 136                                                                                 <a href='javascript:uEditShowPage("uedit_contact_info");'>2. Contact Info</a>
 137                                                                         </td>
 138                                                                 </tr>
 139                                                                 <tr>
 140                                                                         <td id='uedit_addresses_label' class='main_nav_link'>
 141                                                                                 <a href='javascript:uEditShowPage("uedit_addresses");'>3. Addresses</a>
 142                                                                         </td>
 143                                                                 </tr>
 144                                                                 <tr>
 145                                                                         <td id='uedit_groups_label' class='main_nav_link'>
 146                                                                                 <a href='javascript:uEditShowPage("uedit_groups");'>4. Groups and Permissions</a>
 147                                                                         </td>
 148                                                                 </tr>
 149                                                                 <tr>
 150                                                                         <td id='uedit_stat_cats_label' class='main_nav_link'>
 151                                                                                 <a href='javascript:uEditShowPage("uedit_stat_cats");'>5. Statistical Categories</a>
 152                                                                         </td>
 153                                                                 </tr>
 154                                                                 <tr>
 155                                                                         <td id='uedit_surveys_label' class='main_nav_link'>
 156                                                                                 <a href='javascript:uEditShowPage("uedit_surveys");'>6. Surveys</a>
 157                                                                         </td>
 158                                                                 </tr>
 159                                                                 <tr>
 160                                                                         <td id='uedit_finalize_label' class='main_nav_link'>
 161                                                                                 <a href='javascript:uEditShowPage("uedit_finalize");'>7. Finish</a>
 162                                                                         </td>
 163                                                                 </tr>
 164                                                         </tbody>
 165                                                 </table>
 166                                         </td>
 167
 168                                         <td width='85%' id='uedit_loading'>
 169                                                 <div class='main_div has_color'
 170                                                         style='padding: 50px; vertical-align: middle;'>
 171                                                         <b>Loading data...</b>
 172                                                 </div>
 173                                         </td>
 174
 175
 176                                         <td width='85%' id='ue_maintd' class='hide_me'>
 177
 178                                                 <div id='dup_div_container'>
 179                                                         <div id='dup_div' name='dup_div'>
 180                                                                 <a name='link' class='dup_link hide_me'
 181                                                                         href='javascript:void(0);' onclick='uEditShowSearch(this);'>
 182                                                                         Found <b name='count'/> possible duplicate patron(s):
 183                                                                         <b name='data'/>
 184                                                                 </a>
 185                                                         </div>
 186                                                 </div>
 187
 188
 189                                                 <!-- ************************************************************** -->
 190                                                 <!--  Identification Pane -->
 191                                                 <!-- ************************************************************** -->
 192                                                 <div id='uedit_userid' class='main_div'>
 193                                                         <table class='uedit_table'>
 194                                                                 <tbody>
 195                                                                         <tr class='required_field'>
 196                                                                                 <td><div class='wide right'>Barcode</div></td>
 197                                                                                 <td>
 198                                                                                         <div class='wide left'>
 199                                                                                                 <input type='text' id='ue_barcode' />
 200                                                                                                         <!--
 201                                                                                                         onblur='
 202                                                                                                                 var node = uEditFindFieldByWId("ue_username");
 203                                                                                                                 if(!node.widget.node.value) {
 204                                                                                                                         node.widget.node.value = this.value;
 205                                                                                                                         node.widget.node.onchange();
 206                                                                                                                 }'
 207                                                                                                                 /> -->
 208                                                                                                                 <button style='padding-left: 5px;' class='hide_me' id='ue_mark_card_lost'
 209                                                                                                         onclick='uEditMarkCardLost();'>Mark Lost</button>
 210                                                                                         </div>
 211                                                                                 </td>
 212                                                                         </tr>
 213                                                                         <tr class='required_field'>
 214                                                                                 <td><div class='wide right'>Username</div></td>
 215                                                                                 <td><div class='wide left'><input type='text' id='ue_username'/></div></td>
 216                                                                         </tr>
 217                                                                         <tr class='required_field'>
 218                                                                                 <td><div class='wide right'>Password</div></td>
 219                                                                                 <td>
 220                                                                                         <div class='wide left'>
 221                                                                                                 <input type='password' id='ue_password1'/>
 222                                                                                                 <button class='hide_me' onclick='uEditResetPw();' id='ue_reset_pw'>Reset</button>
 223                                                                                                 <span style='padding-left: 10px;' class='hide_me' id='ue_password_gen'>
 224                                                                                                         Password:
 225                                                                                                         <span style='text-decoration:underline;' id='ue_password_plain'/>
 226                                                                                                 </span>
 227                                                                                         </div>
 228                                                                                 </td>
 229                                                                         </tr>
 230                                                                         <tr class='required_field'>
 231                                                                                 <td><div class='wide right'>Verify Password</div></td>
 232                                                                                 <td><div class='wide left'><input type='password' id='ue_password2'/></div></td>
 233                                                                         </tr>
 234                                                                         <tr class='required_field'>
 235                                                                                 <td><div class='wide right'>First Name</div></td>
 236                                                                                 <td><div class='wide left'><input type='text' id='ue_firstname'/></div></td>
 237                                                                         </tr>
 238                                                                         <tr>
 239                                                                                 <td><div class='wide right'>Middle Name</div></td>
 240                                                                                 <td><div class='wide left'><input type='text' id='ue_middlename'/></div></td>
 241                                                                         </tr>
 242                                                                         <tr class='required_field'>
 243                                                                                 <td><div class='wide right'>Last Name</div></td>
 244                                                                                 <td><div class='wide left'><input type='text' id='ue_lastname'/></div></td>
 245                                                                         </tr>
 246                                                                         <tr>
 247                                                                                 <td><div class='wide right'>Suffix</div></td>
 248                                                                                 <td><div class='wide left'>
 249                                                                                         <input type='text' id='ue_suffix'/>
 250                                                                                         <select id='ue_suffix_selector' style='width: 6em;'
 251                                                                                                 onclick='$("ue_suffix").value = this.options[this.selectedIndex].value'
 252                                                                                                 onchange='$("ue_suffix").value = this.options[this.selectedIndex].value'>
 253                                                                                                 <option value=''>- Pick -</option>
 254                                                                                                 <option value='Jr'>Jr</option>
 255                                                                                                 <option value='Sr'>Sr</option>
 256                                                                                                 <option value='II'>II</option>
 257                                                                                                 <option value='III'>III</option>
 258                                                                                                 <option value='AA'>AA</option>
 259                                                                                                 <option value='AS'>AS</option>
 260                                                                                                 <option value='AAS'>AAS</option>
 261                                                                                                 <option value='BA'>BA</option>
 262                                                                                                 <option value='BS'>BS</option>
 263                                                                                                 <option value='CFPIM'>CFPIM</option>
 264                                                                                                 <option value='CPA'>CPA</option>
 265                                                                                                 <option value='CPIM'>CPIM</option>
 266                                                                                                 <option value='CPM'>CPM</option>
 267                                                                                                 <option value='CXE'>CXE</option>
 268                                                                                                 <option value='DC'>DC</option>
 269                                                                                                 <option value='DDS'>DDS</option>
 270                                                                                                 <option value='DO '>DO</option>
 271                                                                                                 <option value='DPM'>DPM</option>
 272                                                                                                 <option value='DVM'>DVM</option>
 273                                                                                                 <option value='Esq'>Esq</option>
 274                                                                                                 <option value='FACAAI'>FACAAI</option>
 275                                                                                                 <option value='FACP'>FACP</option>
 276                                                                                                 <option value='FACS'>FACS</option>
 277                                                                                                 <option value='FACEP'>FACEP</option>
 278                                                                                                 <option value='FCP'>FCP</option>
 279                                                                                                 <option value='FICS'>FICS</option>
 280                                                                                                 <option value='GYN'>GYN</option>
 281                                                                                                 <option value='JD'>JD</option>
 282                                                                                                 <option value='LPN'>LPN</option>
 283                                                                                                 <option value='MA'>MA</option>
 284                                                                                                 <option value='MCSE'>MCSE</option>
 285                                                                                                 <option value='MD'>MD</option>
 286                                                                                                 <option value='MS'>MS</option>
 287                                                                                                 <option value='NMD'>NMD</option>
 288                                                                                                 <option value='OB'>OB</option>
 289                                                                                                 <option value='PhD'>PhD</option>
 290                                                                                                 <option value='RN'>RN</option>
 291                                                                                         </select>
 292                                                                                 </div></td>
 293                                                                         </tr>
 294                                                                         <tr class='required_field'>
 295                                                                                 <td><div class='wide right'>Date of Birth</div></td>
 296                                                                                 <td>
 297                                                                                         <div class='wide left'>
 298
 299                                                                                                 <input type='text' id='ue_dob' size='10' maxlength='10'
 300                                                                                                         onfocus='/*$("ue_dob_trigger").onclick(event);*/'>1980-01-01</input>
 301
 302                                                                                                 <button style='padding: 0px;' id='ue_dob_trigger'>
 303                                                                                                         <img src="/opac/common/js/jscalendar/img.gif"
 304                                                                                                                 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;"
 305                                                                                                                 title="Date selector"
 306                                                                                                                 onmouseover="this.style.background='red';"
 307                                                                                                                 onmouseout="this.style.background=''" />
 308                                                                                                 </button>
 309
 310                                                                                                 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
 311
 312                                                                                                 <script type="text/javascript">
 313                                                                                                         Calendar.setup({
 314                                                                                                                 inputField      : "ue_dob",                             // id of the input field
 315                                                                                                                 ifFormat                : "%Y-%m-%d",                   // format of the input field
 316                                                                                                                 button          : "ue_dob_trigger",  // trigger for the calendar (button ID)
 317                                                                                                                 align                   : "Tl",                                 // alignment (defaults to "Bl")
 318                                                                                                                 singleClick     : true
 319                                                                                                         });
 320                                                                                                 </script>
 321
 322                                                                                         </div>
 323                                                                                 </td>
 324                                                                         </tr>
 325                                                                         <tr class='required_field'>
 326                                                                                 <td><div class='wide right'>Primary Identification Type</div></td>
 327                                                                                 <td><div class='wide left'>
 328                                                                                                 <select id='ue_primary_ident_type'>
 329                                                                                                         <option value=''> -- Required -- </option>
 330                                                                                                 </select>
 331                                                                                         </div>
 332                                                                                 </td>
 333                                                                         </tr>
 334                                                                         <tr class='required_field'>
 335                                                                                 <td><div class='wide right'>Primary Identification</div></td>
 336                                                                                 <td>
 337                                                                                         <div class='wide left'>
 338                                                                                                 <input type='text' id='ue_primary_ident'/>
 339                                                                                                 <span id='primary_ident_ssn_help'
 340                                                                                                         style='padding-left: 2px; font-size: 8pt;' class='hide_me'>
 341                                                                                                         (XXX-YY-ZZZZ)
 342                                                                                                 </span>
 343                                                                                                 <span id='primary_ident_dl_help'
 344                                                                                                         style='padding-left: 2px; font-size: 8pt;' class='hide_me'>
 345                                                                                                         (GA-123456789)
 346                                                                                                 </span>
 347                                                                                         </div>
 348                                                                                 </td>
 349                                                                         </tr>
 350                                                                         <tr>
 351                                                                                 <td><div class='wide right'>Secondary Identification Type</div></td>
 352                                                                                 <td><div class='wide left'>
 353                                                                                                 <select id='ue_secondary_ident_type'>
 354                                                                                                         <option value=''> -- None Selected -- </option>
 355                                                                                                 </select>
 356                                                                                         </div>
 357                                                                                 </td>
 358                                                                         </tr>
 359                                                                         <tr>
 360                                                                                 <td><div class='wide right'>Secondary Identification</div></td>
 361                                                                                 <td>
 362                                                                                         <div class='wide left'>
 363                                                                                                 <input type='text' id='ue_secondary_ident'/>
 364                                                                                         </div>
 365                                                                                 </td>
 366                                                                         </tr>
 367                                                                         <tr class='hide_me' id='ue_guardian_row'>
 368                                                                                 <td><div class='wide right'><b>Parent / Guardian</b></div></td>
 369                                                                                 <td>
 370                                                                                         <div class='wide left'>
 371                                                                                                 <span id='ue_guardian_field'/>
 372                                                                                         </div>
 373                                                                                 </td>
 374                                                                         </tr>
 375                                                                 </tbody>
 376                                                         </table>
 377                                                 </div>
 378
 379                                                 <!-- ************************************************************** -->
 380                                                 <!-- Contact Info Pane -->
 381                                                 <!-- ************************************************************** -->
 382                                                 <div id='uedit_contact_info' class='main_div hide_me'>
 383
 384                                                         <table class='uedit_table'>
 385                                                                 <tbody>
 386                                                                         <tr>
 387                                                                                 <td><div class='wide right'>Email Address</div></td>
 388                                                                                 <td><div class='wide left'><input type='text' id='ue_email' size='32'/></div></td>
 389                                                                         </tr>
 390                                                                         <tr>
 391                                                                                 <td><div class='wide right'>Daytime Phone</div></td>
 392                                                                                 <td>
 393                                                                                         <div class='wide left'>
 394                                                                                                 <input class='pad' type='text' id='ue_day_phone' size='18'/>
 395                                                                                                 <span style='font-size: 9pt;'> Example: 123-456-7890 or 123-456-7890 ex123</span>
 396                                                                                         </div>
 397                                                                                 </td>
 398                                                                         </tr>
 399                                                                         <tr>
 400                                                                                 <td><div class='wide right'>Evening Phone</div></td>
 401                                                                                 <td>
 402                                                                                         <div class='wide left'>
 403                                                                                                 <input class='pad' type='text' id='ue_night_phone' size='18'/>
 404                                                                                         </div>
 405                                                                                 </td>
 406                                                                         </tr>
 407                                                                         <tr>
 408                                                                                 <td><div class='wide right'>Other/Cell Phone</div></td>
 409                                                                                 <td>
 410                                                                                         <div class='wide left'>
 411                                                                                                 <input class='pad' type='text' id='ue_other_phone' size='18'/>
 412                                                                                         </div>
 413                                                                                 </td>
 414                                                                         </tr>
 415                                                                         <tr class='required_field'>
 416                                                                                 <td><div class='wide right'>Home Library</div></td>
 417                                                                                 <td>
 418                                                                                         <div class='wide left'>
 419                                                                                                 <select style='width: 20em;' id='ue_org_selector'/>
 420                                                                                         </div>
 421                                                                                 </td>
 422                                                                         </tr>
 423                                                                 </tbody>
 424                                                         </table>
 425                                                 </div>
 426
 427                                                 <!-- ************************************************************** -->
 428                                                 <!-- Addresses Pane -->
 429                                                 <!-- ************************************************************** -->
 430                                                 <div id='uedit_addresses' class='main_div hide_me' >
 431                                                         <table class='uedit_table' style='width: 98%; padding: 1px;'>
 432                                                                 <thead>
 433                                                                         <tr>
 434                                                                                 <td>Address</td>
 435                                                                                 <td>Within City Limits</td>
 436                                                                                 <td>Valid</td>
 437                                                                                 <td>Mailing Address</td>
 438                                                                                 <td>Physical Address</td>
 439                                                                         </tr>
 440                                                                 </thead>
 441                                                                 <tbody id='ue_address_tbody'>
 442                                                                         <tr id='ue_address_template'>
 443                                                                                 <td>
 444                                                                                         <table class='address_table'>
 445                                                                                                 <tbody>
 446                                                                                                         <tr name='shared_row' class='hide_me'>
 447                                                                                                                 <td colspan='6'>
 448                                                                                                                         <div style='padding: 8px;'>
 449                                                                                                                                 <span style='color:red;'>*</span>
 450                                                                                                                                 Address is owned by
 451                                                                                                                                 <span name='addr_owner_name'/>
 452                                                                                                                                 <span name='owner_link_div'>
 453                                                                                                                                         (<a name='addr_owner' href='javascript:void(0);'>Edit</a>)
 454                                                                                                                                 </span>
 455                                                                                                                         </div>
 456                                                                                                                 </td>
 457                                                                                                         </tr>
 458                                                                                                         <tr>
 459                                                                                                                 <td><div class='wide right'>Label</div></td>
 460                                                                                                                 <td colspan='3'>
 461                                                                                                                         <div class='wide left'>
 462                                                                                                                                 <input type='text' name='ue_addr_label' id='ue_addr_label'/>
 463                                                                                                                         </div>
 464                                                                                                                 </td>
 465                                                                                                                 <td><div class='wide right'>Zip</div></td>
 466                                                                                                                 <td>
 467                                                                                                                         <div class='wide left'>
 468                                                                                                                                 <input type='text' name='ue_addr_zip' size='10' maxlength='10'/>
 469                                                                                                                         </div>
 470                                                                                                                 </td>
 471                                                                                                         </tr>
 472                                                                                                         <tr>
 473                                                                                                                 <td><div class='wide right'>Street 1</div></td>
 474                                                                                                                 <td colspan='5'>
 475                                                                                                                         <div class='wide left'>
 476                                                                                                                                 <input type='text' name='ue_addr_street1' size='42'/>
 477                                                                                                                         </div>
 478                                                                                                                 </td>
 479                                                                                                         </tr>
 480                                                                                                         <tr>
 481                                                                                                                 <td><div class='wide right'>Street 2</div></td>
 482                                                                                                                 <td colspan='5'>
 483                                                                                                                         <div class='wide left'>
 484                                                                                                                                 <input type='text' name='ue_addr_street2' size='42'/>
 485                                                                                                                         </div>
 486                                                                                                                 </td>
 487                                                                                                         </tr>
 488                                                                                                         <tr>
 489                                                                                                                 <td><div class='wide right'>City</div></td>
 490                                                                                                                 <td colspan='3'>
 491                                                                                                                         <div class='wide left'>
 492                                                                                                                                 <input type='text' name='ue_addr_city' size='17'/>
 493                                                                                                                         </div>
 494                                                                                                                 </td>
 495                                                                                                                 <td><div class='wide right'>County</div></td>
 496                                                                                                                 <td>
 497                                                                                                                         <div class='wide left'>
 498                                                                                                                                 <input type='text' name='ue_addr_county' size='17'/>
 499                                                                                                                         </div>
 500                                                                                                                 </td>
 501                                                                                                         </tr>
 502                                                                                                         <tr>
 503                                                                                                                 <td><div class='wide right'>State</div></td>
 504                                                                                                                 <td colspan='3'>
 505                                                                                                                         <div class='wide left'>
 506                                                                                                                                 <input type='text' name='ue_addr_state' size='2' maxlength='2'/>
 507                                                                                                                         </div>
 508                                                                                                                 </td>
 509                                                                                                                 <!--
 510                                                                                                                 <td><div class='wide right'>Zip</div></td>
 511                                                                                                                 <td>
 512                                                                                                                         <div class='wide left'>
 513                                                                                                                                 <input type='text' name='ue_addr_zip' size='6' maxlength='6'/>
 514                                                                                                                         </div>
 515                                                                                                                 </td>
 516                                                                                                                 -->
 517                                                                                                                 <td><div class='wide right'>Country</div></td>
 518                                                                                                                 <td>
 519                                                                                                                         <div class='wide left'>
 520                                                                                                                                 <input type='text' name='ue_addr_country' size='6'/>
 521                                                                                                                         </div>
 522                                                                                                                 </td>
 523                                                                                                         </tr>
 524                                                                                                         <tr>
 525                                                                                                                 <td colspan='6'>
 526                                                                                                                         <div class='button_row'>
 527                                                                                                                                 <input type='submit' name='ue_addr_delete'
 528                                                                                                                                         value='Delete this Address'/>
 529                                                                                                                                 <span style='padding-left: 10px;'> </span>
 530                                                                                                                                 <input type='submit' name='ue_addr_detach'
 531                                                                                                                                         value='Detach this Address' class='hide_me'/>
 532                                                                                                                         </div>
 533                                                                                                                 </td>
 534                                                                                                         </tr>
 535                                                                                                 </tbody>
 536                                                                                         </table>
 537                                                                                 </td>
 538                                                                                 <td><input type='checkbox' name='ue_addr_inc_yes' checked='checked'/></td>
 539                                                                                 <td><input type='checkbox' name='ue_addr_valid_yes' checked='checked'/></td>
 540                                                                                 <td>
 541                                                                                         <div style='width: 100%; -moz-border-radius: 8px;'>
 542                                                                                                 <input type='radio' name='ue_addr_mailing_yes'
 543                                                                                                         onchange='uEditAddrTypeClick(this, "mailing");'
 544                                                                                                         onclick='uEditAddrTypeClick(this, "mailing");'/>
 545                                                                                         </div>
 546                                                                                 </td>
 547                                                                                 <td>
 548                                                                                         <div style='width: 100%; -moz-border-radius: 8px;'>
 549                                                                                                 <input type='radio' name='ue_addr_billing_yes'
 550                                                                                                         onchange='uEditAddrTypeClick(this, "billing");'
 551                                                                                                         onclick='uEditAddrTypeClick(this, "billing");'/>
 552                                                                                         </div>
 553                                                                                 </td>
 554                                                                         </tr>
 555                                                                 </tbody>
 556                                                         </table>
 557
 558                                                         <div class='button_row' style='margin-top: 20px;'>
 559                                                                 <!--
 560                                                                 <input type='submit' value='Create a New Address' id='ue_address_new'/>
 561                                                                 -->
 562                                                                 <input type='submit' value='Create a New Address' onclick='uEditCreateNewAddr();'/>
 563                                                         </div>
 564                                                 </div>
 565
 566                                                 <!-- ************************************************************** -->
 567                                                 <!-- Groups Pane -->
 568                                                 <!-- ************************************************************** -->
 569                                                 <div id='uedit_groups' class='main_div hide_me'>
 570                                                         <table class='uedit_table'>
 571                                                                 <tbody>
 572                                                                         <tr class='required_field'>
 573                                                                                 <td><div class='wide right'>Profile Group</div></td>
 574                                                                                 <td>
 575                                                                                         <div class='wide left'>
 576                                                                                                 <select id='ue_profile' class='select_big'>
 577                                                                                                         <option value=''> -- Required -- </option>
 578                                                                                                 </select>
 579                                                                                         </div>
 580                                                                                 </td>
 581                                                                         </tr>
 582                                                                         <tr class='required_field'>
 583                                                                                 <td><div class='wide right'>Account Expiration Date</div></td>
 584                                                                                 <td>
 585                                                                                         <div class='wide left'>
 586                                                                                                 <input type='text' id='ue_expire' size='10' maxlength='10'/>
 587
 588                                                                                                 <button style='padding: 0px;' id='ue_expire_trigger'>
 589                                                                                                         <img src="/opac/common/js/jscalendar/img.gif"
 590                                                                                                                 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;"
 591                                                                                                                 title="Date selector"
 592                                                                                                                 onmouseover="this.style.background='red';"
 593                                                                                                                 onmouseout="this.style.background=''" />
 594                                                                                                 </button>
 595
 596                                                                                                 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
 597                                                                                                 <script type="text/javascript">
 598                                                                                                         Calendar.setup({
 599                                                                                                                 inputField      : "ue_expire",                          // id of the input field
 600                                                                                                                 ifFormat                : "%Y-%m-%d",                           // format of the input field
 601                                                                                                                 button          : "ue_expire_trigger",  // trigger for the calendar (button ID)
 602                                                                                                                 align                   : "Tl",                                         // alignment (defaults to "Bl")
 603                                                                                                                 singleClick     : true
 604                                                                                                         });
 605                                                                                                 </script>
 606                                                                                         </div>
 607                                                                                 </td>
 608                                                                         </tr>
 609                                                                         <tr>
 610                                                                                 <td><div class='wide right'>Internet Access Level</div></td>
 611                                                                                 <td>
 612                                                                                         <div class='wide left'>
 613                                                                                                 <select id='ue_net_level'>
 614                                                                                                         <option value=''> -- None Selected -- </option>
 615                                                                                                 </select>
 616                                                                                         </div>
 617                                                                                 </td>
 618                                                                         </tr>
 619                                                                         <tr>
 620                                                                                 <td><div class='wide right'>Active</div></td>
 621                                                                                 <td>
 622                                                                                         <div class='wide left'>
 623                                                                                                 <input id='ue_active' type='checkbox' checked='checked'/>
 624                                                                                         </div>
 625                                                                                 </td>
 626                                                                         </tr>
 627                                                                         <tr>
 628                                                                                 <td><div class='wide right'>Barred</div></td>
 629                                                                                 <td>
 630                                                                                         <div class='wide left'>
 631                                                                                                 <input id='ue_barred' type='checkbox'/>
 632                                                                                         </div>
 633                                                                                 </td>
 634                                                                         </tr>
 635                                                                         <tr>
 636                                                                                 <td><div class='wide right'>Set as Family/Group Lead Account</div></td>
 637                                                                                 <td>
 638                                                                                         <div class='wide left'>
 639                                                                                                 <input id='ue_group_lead' type='checkbox'/>
 640                                                                                         </div>
 641                                                                                 </td>
 642                                                                         </tr>
 643                                                                         <tr>
 644                                                                                 <td><div class='wide right'>Claims Returned Count</div></td>
 645                                                                                 <td>
 646                                                                                         <div class='wide left'>
 647                                                                                                 <input id='ue_claims_returned' type='text' disabled='disabled' size='6'/>
 648                                                                                                 <script>
 649                                                                                                         $('ue_claims_returned').value = 0;
 650                                                                                                         $('ue_claims_returned').disabled = true;
 651                                                                                                 </script>
 652                                                                                                 <input class='pad' id='ue_claims_returned_reset' type='submit' value='Reset'/>
 653                                                                                         </div>
 654                                                                                 </td>
 655                                                                         </tr>
 656                                                                         <tr>
 657                                                                                 <td><div class='wide right'>Alert Message</div></td>
 658                                                                                 <td>
 659                                                                                         <div class='wide left'>
 660                                                                                                 <textarea wrap='soft' cols='30' rows='4' id='ue_alert_message'/>
 661                                                                                                 <input class='pad' id='ue_alert_message_reset'
 662                                                                                                         type='submit' value='Clear'
 663                                                                                                                 onclick='
 664                                                                                                                 var node = $("ue_alert_message");
 665                                                                                                                 node.value = "";
 666                                                                                                                 if(node.onchange) node.onchange();'/>
 667                                                                                         </div>
 668                                                                                 </td>
 669                                                                         </tr>
 670                                                                 </tbody>
 671                                                         </table>
 672                                                 </div>
 673
 674                                                 <!-- ************************************************************** -->
 675                                                 <!-- Stat Cats Pane -->
 676                                                 <!-- ************************************************************** -->
 677                                                 <div id='uedit_stat_cats' class='main_div hide_me'>
 678                                                         <table class='uedit_table' style='width: 98%'>
 679                                                                 <thead>
 680                                                                         <tr style='font-weight: bold;'>
 681                                                                                 <td>Stat Cat Name</td>
 682                                                                                 <td>Owner</td>
 683                                                                                 <td>Value</td>
 684                                                                         </tr>
 685                                                                 </thead>
 686                                                                 <tbody id='ue_stat_cat_tbody'>
 687                                                                         <tr id='ue_stat_cat_row'>
 688                                                                                 <td><div class='wide right' name='ue_stat_cat_name'/></td>
 689                                                                                 <td><div class='wide right' style='font-size: 8pt' name='ue_stat_cat_owner'/></td>
 690                                                                                 <td>
 691                                                                                         <div class='wide left'>
 692                                                                                                 <select name='ue_stat_cat_selector'>
 693                                                                                                         <option value=''> -- None Selected -- </option>
 694                                                                                                 </select>
 695                                                                                                 <span class='pad'> or </span>
 696                                                                                                 <input class='pad' type='text' name='ue_stat_cat_newval'/>
 697                                                                                         </div>
 698                                                                                 </td>
 699                                                                         </tr>
 700                                                                 </tbody>
 701                                                         </table>
 702
 703                                                 </div>
 704
 705                                                 <!-- ************************************************************** -->
 706                                                 <!-- Surveys Pane -->
 707                                                 <!-- ************************************************************** -->
 708                                                 <div id='uedit_surveys' class='main_div hide_me'>
 709                                                         <div id='uedit_no_surveys' class='hide_me'>
 710                                                                 <b>No surveys have been created for this location.</b>
 711                                                         </div>
 712                                                         <table id='ue_survey_table'
 713                                                                 class='uedit_table data_grid' style='width: 95%; margin-top: 17px;'>
 714                                                                 <thead>
 715                                                                         <tr>
 716                                                                                 <td colspan='2' style='text-align: left; padding-left: 20px;'>
 717                                                                                         <span class='pad' name='ue_survey_name' style='font-weight: bold;'/>
 718                                                                                         <span class='pad' name='ue_survey_desc'> : </span>
 719                                                                                 </td>
 720                                                                         </tr>
 721                                                                 </thead>
 722                                                                 <tbody name='ue_survey_tbody'>
 723                                                                         <tr name='ue_survey_row'>
 724                                                                                 <td name='ue_survey_question'
 725                                                                                         style='width: 60%; text-align: left; padding-left: 40px;'/>
 726                                                                                 <td>
 727                                                                                         <select name='ue_survey_answer'>
 728                                                                                                 <option value=''> -- None Selected -- </option>
 729                                                                                         </select>
 730                                                                                 </td>
 731                                                                         </tr>
 732                                                                 </tbody>
 733                                                         </table>
 734                                                 </div>
 735
 736                                                 <!-- ************************************************************** -->
 737                                                 <!-- Finish Up -->
 738                                                 <!-- ************************************************************** -->
 739                                                 <div id='uedit_finalize' class='main_div hide_me'>
 740                                                         <div class='has_color' style='width: 95%; margin-top: 40px; text-align: center'>
 741                                                                 <div style='padding: 5px;'>
 742                                                                         You are now ready to save the user to the database.  <br/>
 743                                                                         To view or print a summary of the changes, click on the "View Summary" link.  <br/>
 744                                                                         To save the user, click on the 'Save User' button.
 745                                                                 </div>
 746                                                                 <br/>
 747                                                                 <div style='margin-bottom: 15px;'>
 748                                                                         <a style='margin-right: 30px;' id='ue_view_summary'
 749                                                                                 href='javascript:uEditShowSummary();'>View Summary</a>
 750                                                                 </div>
 751                                                                 <input style='margin-left: 5px; margin-right: 5px;' id='ue_save'
 752                                                                         type='submit' value='Save User' onclick='uEditSaveUser();'/>
 753                                                                 <input style='margin-left: 5px; margin-right: 5px;' id='ue_save_clone'
 754                                                                         type='submit' value='Save and Clone User' onclick='uEditSaveUser(true);'/>
 755                                                                 <button style='margin-left: 5px; margin-right: 5px;'
 756                                                                         onclick='if(confirm($("ue_cancel_confirm").innerHTML)) uEditCancel();'>Cancel</button>
 757                                                         </div>
 758                                                 </div>
 759                                         </td>
 760                                 </tr>
 761
 762                                 <tr>
 763                                         <td colspan='2'>
 764                                                 <!-- ************************************************************** -->
 765                                                 <!-- Bottome Navigation Links -->
 766                                                 <!-- ************************************************************** -->
 767                                                 <table width='100%' class='no_border'>
 768                                                         <tbody>
 769                                                                 <tr id='uedit_nav_bar'>
 770                                                                         <td width='10%'/>
 771                                                                         <td width='40%'>
 772                                                                                 <a id='ue_back' class='nav_link hide_me'
 773                                                                                         href='javascript:uEditPrev()'>&lt;&lt;Back</a>
 774                                                                         </td>
 775                                                                         <td width='40%'>
 776                                                                                 <a id='ue_fwd' class='nav_link'
 777                                                                                         href='javascript:uEditNext()'>Forward&gt;&gt;</a>
 778                                                                         </td>
 779                                                                         <td width='10%'/>
 780                                                                 </tr>
 781                                                         </tbody>
 782                                                 </table>
 783                                         </td>
 784                                 </tr>
 785                         </tbody>
 786                 </table>
 787         </div>
 788
 789         </center>
 790
 791         <div id='summary_div_container' class='hide_me'>
 792
 793         <div id='ue_summary_page'>
 794                 <table id='ue_summary_table' class='data_grid' width='55%'>
 795                         <thead>
 796                                 <tr>
 797                                         <td colspan='2'>
 798                                                 <span>User Summary Information (Deleted items are marked in</span>
 799                                                 <span class='deleted'>color</span><span>)</span>
 800                                         </td>
 801                                 </tr>
 802                         </thead>
 803                         <tbody name='ue_summary_page_tbody'>
 804
 805                                 <tr>
 806
 807                                         <td colspan='2' align='center'>
 808                                                 <input style='margin-right: 15px;' type='submit' value='Print Page' onclick='window.print();'/>
 809                                                 <input style='margin-left: 15px;' type='submit' value='Return to Editor'
 810                                                         onclick=' unHideMe($("main_div_container"));
 811                                                                 hideMe($("summary_div_container"));'/>
 812                                         </td>
 813                                 </tr>
 814
 815                                 <tr><td>Barcode</td><td id='ue_summary_barcode'/></tr>
 816                                 <tr><td>Username</td><td id='ue_summary_usrname'/></tr>
 817                                 <tr><td>First Name</td><td id='ue_summary_first_given_name'/></tr>
 818                                 <tr><td>Middle Name</td><td id='ue_summary_second_given_name'/></tr>
 819                                 <tr><td>Last Name</td><td id='ue_summary_family_name'/></tr>
 820                                 <tr><td>Suffix</td><td id='ue_summary_suffix'/></tr>
 821                                 <tr><td>Date of Birth</td><td id='ue_summary_dob'/></tr>
 822                                 <tr><td>Primary Identification Type</td><td id='ue_summary_ident_type'/></tr>
 823                                 <tr><td>Primary Identification</td><td id='ue_summary_ident_value'/></tr>
 824                                 <tr><td>Secondary Identification Type</td><td id='ue_summary_ident_type2'/></tr>
 825                                 <tr><td>Secondary Identification</td><td id='ue_summary_ident_value2'/></tr>
 826                                 <tr><td>Email Address</td><td id='ue_summary_email'/></tr>
 827                                 <tr><td>Day Phone</td><td id='ue_summary_day_phone'/></tr>
 828                                 <tr><td>Evening Phone</td><td id='ue_summary_evening_phone'/></tr>
 829                                 <tr><td>Other Phone</td><td id='ue_summary_other_phone'/></tr>
 830                                 <tr><td>Home Library</td><td id='ue_summary_home_ou'/></tr>
 831
 832                                 <tr>
 833                                         <td colspan='2'>
 834                                                 <table width='100%' style='margin-top: 15px; margin-bottom: 15px;'>
 835                                                         <thead><tr><td>Addresses</td></tr></thead>
 836                                                         <tbody name='ue_summary_addr_tbody'>
 837                                                                 <tr name='ue_summary_addr_row'>
 838                                                                         <td>
 839                                                                                 <table name='ue_summary_addr_table' width='100%'>
 840                                                                                         <thead><tr><td colspan='4'/><span> </span></tr></thead>
 841                                                                                         <tbody>
 842                                                                                                 <tr>
 843                                                                                                         <td><b>Address Label</b></td><td name='label'/>
 844                                                                                                         <td><b>Zip Code</b></td><td name='zip'/>
 845                                                                                                 </tr>
 846                                                                                                 <tr>
 847                                                                                                         <td><b>Street1</b></td><td name='street1'/>
 848                                                                                                         <td><b>Country</b></td><td name='country'/>
 849                                                                                                 </tr>
 850                                                                                                 <tr>
 851                                                                                                         <td><b>Street2</b></td><td name='street2'/>
 852                                                                                                         <td><b>Mailing</b></td><td name='mailing'/>
 853                                                                                                 </tr>
 854                                                                                                 <tr>
 855                                                                                                         <td><b>City</b></td><td name='city'/>
 856                                                                                                         <td><b>Billing</b></td><td name='billing'/>
 857                                                                                                 </tr>
 858                                                                                                 <tr>
 859                                                                                                         <td><b>County</b></td><td name='county'/>
 860                                                                                                         <td><b>Valid</b></td><td name='valid'/>
 861                                                                                                 </tr>
 862                                                                                                 <tr>
 863                                                                                                         <td><b>State</b></td><td name='state'/>
 864                                                                                                         <td><b>Within City Limits</b></td><td name='incorporated'/>
 865                                                                                                 </tr>
 866                                                                                         </tbody>
 867                                                                                 </table>
 868                                                                         </td>
 869                                                                 </tr>
 870                                                         </tbody>
 871                                                 </table>
 872                                         </td>
 873                                 </tr>
 874                                 <tr><td>Profile</td><td id='ue_summary_profile'/></tr>
 875                                 <tr><td>Active</td><td id='ue_summary_active'/></tr>
 876                                 <tr><td>Barred</td><td id='ue_summary_barred'/></tr>
 877                                 <tr><td>Expire Date</td><td id='ue_summary_expire_date'/></tr>
 878                                 <tr><td>Family Lead Account</td><td id='ue_summary_master_account'/></tr>
 879                                 <tr><td>Claims Returned Count</td><td id='ue_summary_claims_returned_count'/></tr>
 880                                 <tr><td>Alert Message</td><td id='ue_summary_alert_message'/></tr>
 881                                 <tr name='ue_summary_stat_cat_td'>
 882                                         <td colspan='2' >
 883                                                 <table width='100%' style='margin-top: 15px; margin-bottom: 15px;'>
 884                                                         <thead><tr><td colspan='2'>Statistical Categories</td></tr></thead>
 885                                                         <tbody name='ue_summary_stats_tbody'>
 886                                                                 <tr name='ue_summary_stats_row'>
 887                                                                         <td name='ue_summary_stat_name'/><td name='ue_summary_stat_value'/>
 888                                                                 </tr>
 889                                                         </tbody>
 890                                                 </table>
 891                                         </td>
 892                                 </tr>
 893                                 <tr name='ue_summary_survey_td'>
 894                                         <td colspan='2'>
 895                                                 <table width='100%' style='margin-top: 15px; margin-bottom: 15px;'>
 896                                                         <thead><tr><td>Survey</td><td>Question</td><td>Answer</td></tr></thead>
 897                                                         <tbody name='ue_summary_survey_tbody'>
 898                                                                 <tr name='ue_summary_survey_row'>
 899                                                                         <td name='ue_summary_survey_name'/>
 900                                                                         <td name='ue_summary_survey_question'/>
 901                                                                         <td name='ue_summary_survey_answer'/>
 902                                                                 </tr>
 903                                                         </tbody>
 904                                                 </table>
 905                                         </td>
 906                                 </tr>
 907                                 <tr>
 908                                         <td colspan='2' align='center'>
 909                                                 <input style='margin-right: 15px;' type='submit' value='Print Page' onclick='window.print();'/>
 910                                                 <input style='margin-left: 15px;' type='submit' value='Return to Editor'
 911                                                         onclick=' unHideMe($("main_div_container"));
 912                                                                 hideMe($("summary_div_container"));'/>
 913                                         </td>
 914                                 </tr>
 915                         </tbody>
 916                 </table>
 917         </div>
 918         </div>
 919
 920
 921         <!-- ************************************************************** -->
 922         <!-- This holds all of the strings we may have to alert to the user -->
 923         <!-- ************************************************************** -->
 924         <div class='hide_me'>
 925                 <span id='ue_bad_dob'>The date of birth field is not formatted correctly.  We're expecting YYYY-MM-DD</span>
 926                 <span id='ue_bad_username'>Username is invalid</span>
 927                 <span id='ue_bad_password'>Passwords do not match or are invalid</span>
 928                 <span id='ue_bad_firstname'>First name is invalid</span>
 929                 <span id='ue_bad_middlename'>Middle name is invalid</span>
 930                 <span id='ue_bad_lastname'>Last name is invalid</span>
 931                 <span id='ue_bad_barcode'>Barcode is invalid</span>
 932                 <span id='ue_duplicate_barcode'>The selected barcode already exists in the database</span>
 933                 <span id='ue_new_barcode_warn'>
 934                         This will de-activate the existing barcode for this user!  If you wish to continue,
 935                         enter the new barcode below.  Otherwise, click the Cancel button.
 936                 </span>
 937                 <span id='ue_no_ident'>You must select at least one type of identification</span>
 938                 <span id='ue_bad_ident_dl'>Invalid drivers license. Should be STATE-NUMBER</span>
 939                 <span id='ue_bad_ident_ssn'>Invalid social security number.  Format should be 111-22-3333</span>
 940                 <span id='ue_bad_email'>The email addresses is not valid</span>
 941                 <span id='ue_bad_phone'>An invalid phone number was entered</span>
 942                 <span id='ue_no_profile'>A profile group must be selected</span>
 943                 <span id='ue_bad_expire'>The user expiration date is invalid.  We're expecting YYYY-MM-DD</span>
 944                 <span id='ue_bad_claims_returned'>The claims returned count is invalid</span>
 945                 <span id='ue_no_profile'>A profile group must be selected</span>
 946                 <span id='ue_unknown_error'>An unknown formatting error occurred</span>
 947                 <span id='ue_bad_addr_label'>Address label is invalid</span>
 948                 <span id='ue_bad_addr_street'>Address street is invalid</span>
 949                 <span id='ue_bad_addr_city'>Address city is invalid</span>
 950                 <span id='ue_bad_addr_county'>Address county is invalid</span>
 951                 <span id='ue_bad_addr_state'>Address state is invalid</span>
 952                 <span id='ue_bad_addr_country'>Address country is invalid</span>
 953                 <span id='ue_bad_addr_zip'>Address zip is invalid</span>
 954                 <span id='ue_bad_survey'>Required survey is unanswered</span>
 955                 <span id='ue_delete_addr_warn'>
 956                         This will remove this address from the user.
 957                         Are you sure you wish to continue?
 958                 </span>
 959                 <span id='yes'>Yes</span>
 960                 <span id='no'>No</span>
 961                 <span id='ue_summary_window'>Patron Summary</span>
 962                 <span id='ue_success'>User update succeeded</span>
 963                 <span id='ue_dup_ident1'>
 964                         A user already exists with the primary identification provided.
 965                         Do you wish to view the duplicate record now?
 966                 </span>
 967                 <span id='ue_dup_username'>
 968                         The selected username is in use by another user.
 969                         Please choose a different username.
 970                 </span>
 971                 <span id='ue_dup_barcode'>
 972                         The selected barcode is in use by another user.
 973                         Please choose a different barcode.
 974                 </span>
 975                 <span class='hide_me' id='ue_cancel_confirm'>
 976                         Are you sure you wish to cancel this editing session?
 977                         Canceling will destroy any unsaved changes you have made thus far to the user.
 978                 </span>
 979                 <span class='hide_me' id='ue_juv_guardian'>
 980                         This patron is under 18 years of age.  Please enter the name
 981                         of the parent or guardian for this patron.
 982                 </span>
 983                 <span class='hide_me' id='ue_bad_date'>
 984                         The date provided is either in the future or invalid.  We're expecting YYYY-MM-DD
 985                 </span>
 986                 <span class='hide_me' id='ue_made_barred'>
 987                         Please add a note to the patron's alert message explaining why the patron is barred.
 988                 </span>
 989
 990         </div>
 991
 992         </body>
 993 </html>
 994