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