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