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