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