b66d1d73fdd4fdc498075904bcb395b61cb52c28
[Evergreen.git] / Open-ILS / xul / staff_client / server / patron / user_editor.xml
1 <?xml version='1.0'?>
2
3 <!DOCTYPE html PUBLIC 
4         "-//W3C//DTD XHTML 1.0 Transitional//EN" 
5         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" [
6         <!ENTITY nbsp " "> <!-- calendar needs this entity -->
7 ]>
8
9
10 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude">
11
12         <head>
13                 <title>Evergreen: User Editor</title>
14                 <script language='javascript' src='/opac/common/js/utils.js'> </script>
15                 <script language='javascript' src='/opac/common/js//config.js'> </script> 
16                 <script language='javascript' src='/opac/common/js/CGI.js'> </script>
17                 <script language='javascript' src='/opac/common/js/Cookie.js'> </script>
18         
19                 <script language='javascript' src='/opac/common/js/slimtree.js'> </script>
20                 <script language='javascript' src='/opac/common/js/JSON.js'> </script>
21                 <script language='javascript' src='/opac/common/js/fmall.js'> </script>
22                 <script language='javascript' src='/opac/common/js/fmgen.js'> </script>
23                 <script language='javascript' src='/opac/common/js/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                 <script language='javascript' src='../admin/adminlib.js'> </script>
29                 <script language='javascript' src='user_editor.js'> </script>
30                 <link type='text/css' rel='stylesheet' href='../admin/admin.css'/>
31   
32                 <link rel="stylesheet" type="text/css" media="all" 
33                         href="/opac/common/js/jscalendar/calendar-brown.css" title="win2k-cold-1" />
34                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar.js"></script>
35                 <script type="text/javascript" src="/opac/common/js/jscalendar/lang/calendar-en.js"></script>
36                 <script type="text/javascript" src="/opac/common/js/jscalendar/calendar-setup.js"></script>
37
38
39                 <style type='text/css'>
40                         .main_table { width: 98%; border-collapse: collapse;}
41                         .main_table td { border: 1px solid #E0F0E0; text-align: center; padding: 4px;}
42                         #uedit_nav_bar { border: 2px solid #E0F0E0; padding: 6px;}
43                         .nav_link { padding-left: 90px; padding-right: 90px; }
44                         .main_nav_link { -moz-border-radius: 7px; height: 13%;}
45                         .main_div { height: 480px; padding-left: 15px; text-align: center; vertical-align: middle; overflow: auto;}
46                         .nav_link_table { height: 480px;}
47                         .label_active { background: #E0F0E0; }
48                         .right { text-align: right; padding-right: 3px;}
49                         .left { text-align: left; padding-left: 3px;}
50                         .wide { width: 98%;}
51                         .pad { padding-left: 3px; padding-right: 3px; }
52                         .no_border td { border: none; }
53                         .uedit_table { width: 80% }
54                         .address_table { 
55                                 -moz-border-radius: 4px;
56                                 border: 4px solid #E0E0F0;
57                                 padding: 4px;
58                                 }
59                         .address_table td { 
60                                 border: none; 
61                                 width: auto; 
62                                 padding: 1px; 
63                                 }
64                         .addr_info_checked { -moz-border-radius: 6px; background: #F0E0E0; }
65                         .button_row { width: 95%; text-align: center; margin-top: 7px; border: 1px solid #E0E0E0; }
66                 </style>
67         </head>
68
69         <body onload='try{uEditInit();}catch(e){alert(js2JSON(e));}'>
70
71         <center>
72
73                 <h2>Evergreen User Editor</h2>
74
75                 <div style='position:absolute; top: 5px; right: 5px;'>
76                         <span>Welcome </span><b><span id='uedit_user'/></b>
77                 </div>
78
79                 <hr/><br/>
80
81                 <table class='main_table'>
82                         <tbody>
83                                 <tr>
84                                         <td width='15%' valign='top'>
85                                                 <!-- ************************************************************** -->
86                                                 <!--  Top Navigation Links -->
87                                                 <!-- ************************************************************** -->
88                                                 <table height='100%' class='nav_link_table'>
89                                                         <tbody>
90                                                                 <tr>
91                                                                         <td id='uedit_userid_label' class='main_nav_link'>
92                                                                                 <a href='javascript:uEditShowPage("uedit_userid");'>1. User Identification</a>
93                                                                         </td>
94                                                                 </tr>
95                                                                 <tr>
96                                                                         <td id='uedit_contact_info_label' class='main_nav_link'>        
97                                                                                 <a href='javascript:uEditShowPage("uedit_contact_info");'>2. Contact Info</a>
98                                                                         </td>
99                                                                 </tr>
100                                                                 <tr>
101                                                                         <td id='uedit_addresses_label' class='main_nav_link'>           
102                                                                                 <a href='javascript:uEditShowPage("uedit_addresses");'>3. Addresses</a>
103                                                                         </td>
104                                                                 </tr>
105                                                                 <tr>
106                                                                         <td id='uedit_groups_label' class='main_nav_link'>                      
107                                                                                 <a href='javascript:uEditShowPage("uedit_groups");'>4. Groups and Permissions</a>
108                                                                         </td>
109                                                                 </tr>
110                                                                 <tr>
111                                                                         <td id='uedit_stat_cats_label' class='main_nav_link'>           
112                                                                                 <a href='javascript:uEditShowPage("uedit_stat_cats");'>5. Statistical Categories</a>
113                                                                         </td>
114                                                                 </tr>
115                                                                 <tr>
116                                                                         <td id='uedit_surveys_label' class='main_nav_link'>                     
117                                                                                 <a href='javascript:uEditShowPage("uedit_surveys");'>6. Surveys</a>
118                                                                         </td>
119                                                                 </tr>
120                                                                 <tr>
121                                                                         <td id='uedit_finalize_label' class='main_nav_link'>                    
122                                                                                 <a href='javascript:uEditShowPage("uedit_finalize");'>7. Finish</a>
123                                                                         </td>
124                                                                 </tr>
125                                                         </tbody>
126                                                 </table>
127                                         </td>
128
129                                         <td width='85%'>
130
131
132                                                 <!-- ************************************************************** -->
133                                                 <!--  Identification Pane -->
134                                                 <!-- ************************************************************** -->
135                                                 <div id='uedit_userid' class='main_div'>
136                                                         <table class='uedit_table'>
137                                                                 <tbody>
138                                                                         <tr>
139                                                                                 <td><div class='wide right'>Barcode</div></td>
140                                                                                 <td><div class='wide left'>
141
142                                                                                         <input type='text' id='ue_barcode' 
143                                                                                                 onblur=' var un = $("ue_username");
144                                                                                                         if(!un.value) un.value = this.value;'/>
145
146                                                                                 </div></td>
147                                                                         </tr>
148                                                                         <tr>
149                                                                                 <td><div class='wide right'>Username</div></td>
150                                                                                 <td><div class='wide left'><input type='text' id='ue_username'/></div></td>
151                                                                         </tr>
152                                                                         <tr>
153                                                                                 <td><div class='wide right'>Password</div></td>
154                                                                                 <td><div class='wide left'><input type='password' id='ue_password1'/></div></td>
155                                                                         </tr>
156                                                                         <tr>
157                                                                                 <td><div class='wide right'>Verify Password</div></td>
158                                                                                 <td><div class='wide left'><input type='password' id='ue_password2'/></div></td>
159                                                                         </tr>
160                                                                         <tr>
161                                                                                 <td><div class='wide right'>First Name</div></td>
162                                                                                 <td><div class='wide left'><input type='text' id='ue_firstname'/></div></td>
163                                                                         </tr>
164                                                                         <tr>
165                                                                                 <td><div class='wide right'>Middle Name</div></td>
166                                                                                 <td><div class='wide left'><input type='text' id='ue_middlename'/></div></td>
167                                                                         </tr>
168                                                                         <tr>
169                                                                                 <td><div class='wide right'>Last Name</div></td>
170                                                                                 <td><div class='wide left'><input type='text' id='ue_lastname'/></div></td>
171                                                                         </tr>
172                                                                         <tr>
173                                                                                 <td><div class='wide right'>Suffix</div></td>
174                                                                                 <td><div class='wide left'><input type='text' id='ue_suffix'/></div></td>
175                                                                         </tr>
176                                                                         <tr>
177                                                                                 <td><div class='wide right'>Date of Birth</div></td>
178                                                                                 <td>
179                                                                                         <div class='wide left'>
180         
181                                                                                                 <input type='text' id='ue_dob' size='10' maxlength='10' 
182                                                                                                         onfocus='/*$("ue_dob_trigger").onclick(event);*/'>1980-01-01</input>
183         
184                                                                                                 <button style='padding: 0px;' id='ue_dob_trigger'>
185                                                                                                         <img src="/opac/common/js/jscalendar/img.gif" 
186                                                                                                                 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;" 
187                                                                                                                 title="Date selector"
188                                                                                                                 onmouseover="this.style.background='red';" 
189                                                                                                                 onmouseout="this.style.background=''" />
190                                                                                                 </button>
191
192                                                                                                 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
193         
194                                                                                                 <script type="text/javascript">
195                                                                                                         Calendar.setup({
196                                                                                                                 inputField      : "ue_dob",                             // id of the input field
197                                                                                                                 ifFormat                : "%Y-%m-%d",                   // format of the input field
198                                                                                                                 button          : "ue_dob_trigger",  // trigger for the calendar (button ID)
199                                                                                                                 align                   : "Tl",                                 // alignment (defaults to "Bl")
200                                                                                                                 singleClick     : true
201                                                                                                         });
202                                                                                                 </script>
203         
204                                                                                         </div>
205                                                                                 </td>
206                                                                         </tr>
207                                                                         <tr>
208                                                                                 <td><div class='wide right'>Primary Identification Type</div></td>
209                                                                                 <td><div class='wide left'>
210                                                                                                 <select id='ue_primary_ident_type'>
211                                                                                                         <option> -- Required -- </option>
212                                                                                                 </select>
213                                                                                         </div>
214                                                                                 </td>
215                                                                         </tr>
216                                                                         <tr>
217                                                                                 <td><div class='wide right'>Primary Identification</div></td>
218                                                                                 <td><div class='wide left'>
219                                                                                         <input type='text' id='ue_primary_ident'/>
220                                                                                         </div>
221                                                                                 </td>
222                                                                         </tr>
223                                                                         <tr>
224                                                                                 <td><div class='wide right'>Secondary Identification Type</div></td>
225                                                                                 <td><div class='wide left'>
226                                                                                                 <select id='ue_secondary_ident_type'>
227                                                                                                         <option> -- Required -- </option>
228                                                                                                 </select>
229                                                                                         </div>
230                                                                                 </td>
231                                                                         </tr>
232                                                                         <tr>
233                                                                                 <td><div class='wide right'>Secondary Identification</div></td>
234                                                                                 <td><div class='wide left'>
235                                                                                         <input type='text' id='ue_secondary_ident'/>
236                                                                                         </div>
237                                                                                 </td>
238                                                                         </tr>
239                                                                 </tbody>
240                                                         </table>
241                                                 </div>
242
243                                                 <!-- ************************************************************** -->
244                                                 <!-- Contact Info Pane -->
245                                                 <!-- ************************************************************** -->
246                                                 <div id='uedit_contact_info' class='main_div hide_me'>
247                                                         <table class='uedit_table'>
248                                                                 <tbody>
249                                                                         <tr>
250                                                                                 <td><div class='wide right'>Email Address</div></td>
251                                                                                 <td><div class='wide left'><input type='text' id='ue_email1'/></div></td>
252                                                                         </tr>
253                                                                         <tr>
254                                                                                 <td><div class='wide right'>Verify Email Address</div></td>
255                                                                                 <td><div class='wide left'><input type='text' id='ue_email2'/></div></td>
256                                                                         </tr>
257                                                                         <tr>
258                                                                                 <td><div class='wide right'>Daytime Phone</div></td>
259                                                                                 <td>
260                                                                                         <div class='wide left'>
261                                                                                                 <input class='pad' type='text' id='ue_day_phone_area' maxlength='3' size='3'/>
262                                                                                                 <span>-</span>
263                                                                                                 <input class='pad' type='text' id='ue_day_phone_prefix' maxlength='3' size='3'/>
264                                                                                                 <span>-</span>
265                                                                                                 <input class='pad' type='text' id='ue_day_phone_suffix' maxlength='4' size='4'/>
266                                                                                         </div>
267                                                                                 </td>
268                                                                         </tr>
269                                                                         <tr>
270                                                                                 <td><div class='wide right'>Evening Phone</div></td>
271                                                                                 <td>
272                                                                                         <div class='wide left'>
273                                                                                                 <input class='pad' type='text' id='ue_night_phone_area' maxlength='3' size='3'/>
274                                                                                                 <span>-</span>
275                                                                                                 <input class='pad' type='text' id='ue_night_phone_prefix' maxlength='3' size='3'/>
276                                                                                                 <span>-</span>
277                                                                                                 <input class='pad' type='text' id='ue_night_phone_suffix' maxlength='4' size='4'/>
278                                                                                         </div>
279                                                                                 </td>
280                                                                         </tr>
281                                                                         <tr>
282                                                                                 <td><div class='wide right'>Other/Cell Phone</div></td>
283                                                                                 <td>
284                                                                                         <div class='wide left'>
285                                                                                                 <input class='pad' type='text' id='ue_other_phone_area' maxlength='3' size='3'/>
286                                                                                                 <span>-</span>
287                                                                                                 <input class='pad' type='text' id='ue_other_phone_prefix' maxlength='3' size='3'/>
288                                                                                                 <span>-</span>
289                                                                                                 <input class='pad' type='text' id='ue_other_phone_suffix' maxlength='4' size='4'/>
290                                                                                         </div>
291                                                                                 </td>
292                                                                         </tr>
293                                                                         <tr>
294                                                                                 <td><div class='wide right'>Home Library</div></td>
295                                                                                 <td>
296                                                                                         <div class='wide left'>
297                                                                                                 <select style='width: 20em;' id='ue_org_selector'/>
298                                                                                         </div>
299                                                                                 </td>
300                                                                         </tr>
301                                                                 </tbody>
302                                                         </table>
303                                                 </div>
304         
305                                                 <!-- ************************************************************** -->
306                                                 <!-- Addresses Pane -->
307                                                 <!-- ************************************************************** -->
308                                                 <div id='uedit_addresses' class='main_div hide_me' >
309                                                         <table class='uedit_table' style='width: 95%; padding: 1px;'>
310                                                                 <thead>
311                                                                         <tr>
312                                                                                 <td>Address</td>
313                                                                                 <td>Incorporated</td>
314                                                                                 <td>Valid</td>
315                                                                                 <td>Mailing Address</td>
316                                                                                 <td>Physical Address</td>
317                                                                         </tr>
318                                                                 </thead>
319                                                                 <tbody id='ue_address_tbody'>
320                                                                         <tr id='ue_address_template'>
321                                                                                 <td>
322                                                                                         <table class='address_table'>
323                                                                                                 <tbody>
324                                                                                                         <tr>
325                                                                                                                 <td><div class='wide right'>Label</div></td>
326                                                                                                                 <td colspan='5'>
327                                                                                                                         <div class='wide left'>
328                                                                                                                                 <input type='text' name='ue_addr_label' id='ue_addr_label'/>
329                                                                                                                         </div>
330                                                                                                                 </td>
331                                                                                                         </tr>
332                                                                                                         <tr>
333                                                                                                                 <td><div class='wide right'>Street 1</div></td>
334                                                                                                                 <td colspan='5'>
335                                                                                                                         <div class='wide left'>
336                                                                                                                                 <input type='text' name='ue_addr_street1' size='42'/>
337                                                                                                                         </div>
338                                                                                                                 </td>
339                                                                                                         </tr>
340                                                                                                         <tr>
341                                                                                                                 <td><div class='wide right'>Street 2</div></td>
342                                                                                                                 <td colspan='5'>
343                                                                                                                         <div class='wide left'>
344                                                                                                                                 <input type='text' name='ue_addr_street2' size='42'/>
345                                                                                                                         </div>
346                                                                                                                 </td>
347                                                                                                         </tr>
348                                                                                                         <tr>
349                                                                                                                 <td><div class='wide right'>City</div></td>
350                                                                                                                 <td colspan='3'>
351                                                                                                                         <div class='wide left'>
352                                                                                                                                 <input type='text' name='ue_addr_city' size='17'/>
353                                                                                                                         </div>
354                                                                                                                 </td>
355                                                                                                                 <td><div class='wide right'>County</div></td>
356                                                                                                                 <td colspan='3'>
357                                                                                                                         <div class='wide left'>
358                                                                                                                                 <input type='text' name='ue_addr_county' size='17'/>
359                                                                                                                         </div>
360                                                                                                                 </td>
361                                                                                                         </tr>
362                                                                                                         <tr>
363                                                                                                                 <td><div class='wide right'>State</div></td>
364                                                                                                                 <td>
365                                                                                                                         <div class='wide left'>
366                                                                                                                                 <input type='text' name='ue_addr_state' size='2' maxlength='2'/>
367                                                                                                                         </div>
368                                                                                                                 </td>
369                                                                                                                 <td><div class='wide right'>Zip</div></td>
370                                                                                                                 <td>
371                                                                                                                         <div class='wide left'>
372                                                                                                                                 <input type='text' name='ue_addr_zip' size='6' maxlength='6'/>
373                                                                                                                         </div>
374                                                                                                                 </td>
375                                                                                                                 <td><div class='wide right'>Country</div></td>
376                                                                                                                 <td colspan='3'>
377                                                                                                                         <div class='wide left'>
378                                                                                                                                 <input type='text' name='ue_addr_country' size='6'/>
379                                                                                                                         </div>
380                                                                                                                 </td>
381                                                                                                         </tr>
382                                                                                                         <tr>
383                                                                                                                 <td colspan='6'>
384                                                                                                                         <div class='button_row'>
385                                                                                                                                 <input type='submit' name='ue_addr_delete' value='Delete this Address'
386                                                                                                                                         onclick='
387                                                                                                                                                 var mytab = this.parentNode.parentNode.parentNode.parentNode.parentNode;
388                                                                                                                                                 mytab.parentNode.parentNode.parentNode.removeChild(mytab.parentNode.parentNode);
389                                                                                                                                         '/>
390                                                                                                                 </div>
391                                                                                                         </td>
392                                                                                                 </tr>
393
394                                                                                                 </tbody>
395                                                                                         </table>
396                                                                                 </td>
397                                                                                 <td><input type='checkbox' name='ue_addr_inc_yes' checked='checked'/></td>
398                                                                                 <td><input type='checkbox' name='ue_addr_valid_yes' checked='checked'/></td>
399                                                                                 <td>
400                                                                                         <div style='width: 100%; -moz-border-radius: 8px;'>
401                                                                                                 <input type='radio' name='ue_addr_mailing_yes' 
402                                                                                                         onclick='uEditAddrHighlight(this, "mailing");'/>
403                                                                                         </div>
404                                                                                 </td>
405                                                                                 <td>
406                                                                                         <div style='width: 100%; -moz-border-radius: 8px;'>
407                                                                                                 <input type='radio' name='ue_addr_billing_yes' 
408                                                                                                         onclick='uEditAddrHighlight(this, "billing");'/>
409                                                                                         </div>
410                                                                                 </td>
411                                                                         </tr>
412                                                                 </tbody>
413                                                         </table>
414
415                                                         <div class='button_row' style='margin-top: 20px;'>
416                                                                 <input type='submit' value='Create a New Address' id='ue_address_new'/>
417                                                         </div>
418                                                 </div>
419         
420                                                 <!-- ************************************************************** -->
421                                                 <!-- Groups Pane -->
422                                                 <!-- ************************************************************** -->
423                                                 <div id='uedit_groups' class='main_div hide_me'>
424                                                         <table class='uedit_table'>
425                                                                 <tbody>
426                                                                         <tr>
427                                                                                 <td><div class='wide right'>Profile Group</div></td>
428                                                                                 <td>
429                                                                                         <div class='wide left'>
430                                                                                                 <select id='ue_profile'>
431                                                                                                         <option> -- Required -- </option>
432                                                                                                 </select>
433                                                                                         </div>
434                                                                                 </td>
435                                                                         </tr>
436                                                                         <tr>
437                                                                                 <td><div class='wide right'>Account Expiration Date</div></td>
438                                                                                 <td>
439                                                                                         <div class='wide left'>
440                                                                                                 <input type='text' id='ue_expire' size='10' maxlength='10'/>
441         
442                                                                                                 <button style='padding: 0px;' id='ue_expire_trigger'>
443                                                                                                         <img src="/opac/common/js/jscalendar/img.gif" 
444                                                                                                                 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;" 
445                                                                                                                 title="Date selector"
446                                                                                                                 onmouseover="this.style.background='red';" 
447                                                                                                                 onmouseout="this.style.background=''" />
448                                                                                                 </button>
449
450                                                                                                 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
451                                                                                                 <div style='margin-top: 5px;'>
452                                                                                                         Note: a default will be provided if none is selected
453                                                                                                 </div>
454         
455                                                                                                 <script type="text/javascript">
456                                                                                                         Calendar.setup({
457                                                                                                                 inputField      : "ue_expire",                          // id of the input field
458                                                                                                                 ifFormat                : "%Y-%m-%d",                           // format of the input field
459                                                                                                                 button          : "ue_expire_trigger",  // trigger for the calendar (button ID)
460                                                                                                                 align                   : "Tl",                                         // alignment (defaults to "Bl")
461                                                                                                                 singleClick     : true
462                                                                                                         });
463                                                                                                 </script>
464                                                                                         </div>
465                                                                                 </td>
466                                                                         </tr>
467                                                                         <tr>
468                                                                                 <td><div class='wide right'>Active</div></td>
469                                                                                 <td>
470                                                                                         <div class='wide left'>
471                                                                                                 <input id='ue_active' type='checkbox' checked='checked'/>
472                                                                                         </div>
473                                                                                 </td>
474                                                                         </tr>
475                                                                         <tr>
476                                                                                 <td><div class='wide right'>Barred</div></td>
477                                                                                 <td>
478                                                                                         <div class='wide left'>
479                                                                                                 <input id='ue_barred' type='checkbox'/>
480                                                                                         </div>
481                                                                                 </td>
482                                                                         </tr>
483                                                                         <tr>
484                                                                                 <td><div class='wide right'>Set as Family/Group Lead Account</div></td>
485                                                                                 <td>
486                                                                                         <div class='wide left'>
487                                                                                                 <input id='ue_group_lead' type='checkbox'/>
488                                                                                         </div>
489                                                                                 </td>
490                                                                         </tr>
491                                                                         <tr>
492                                                                                 <td><div class='wide right'>Claims Returned Count</div></td>
493                                                                                 <td>
494                                                                                         <div class='wide left'>
495                                                                                                 <input id='ue_claims_returned' type='text' disabled='disabled' size='6'/>
496                                                                                                 <script>$('ue_claims_returned').value = 0;</script>
497                                                                                                 <input class='pad' id='ue_claims_returned_reset' type='submit' value='Reset'/>
498                                                                                         </div>
499                                                                                 </td>
500                                                                         </tr>
501                                                                         <tr>
502                                                                                 <td><div class='wide right'>Alert Message</div></td>
503                                                                                 <td>
504                                                                                         <div class='wide left'>
505                                                                                                 <textarea wrap='soft' cols='30' rows='4' id='ue_alert_message'/>
506                                                                                                 <input class='pad' id='ue_alert_message_reset' 
507                                                                                                         type='submit' value='Clear' onclick='$("ue_alert_message").value = "";'/>
508                                                                                         </div>
509                                                                                 </td>
510                                                                         </tr>
511                                                                 </tbody>
512                                                         </table>
513                                                 </div>
514         
515                                                 <!-- ************************************************************** -->
516                                                 <!-- Stat Cats Pane -->
517                                                 <!-- ************************************************************** -->
518                                                 <div id='uedit_stat_cats' class='main_div hide_me'>
519                                                         <table class='uedit_table' style='width: 98%'>
520                                                                 <thead>
521                                                                         <tr style='font-weight: bold;'>
522                                                                                 <td>Stat Cat Name</td>
523                                                                                 <td>Owner</td>
524                                                                                 <td>Value</td>
525                                                                         </tr>
526                                                                 </thead>
527                                                                 <tbody id='ue_stat_cat_tbody'>
528                                                                         <tr id='ue_stat_cat_row'>
529                                                                                 <td><div class='wide right' name='ue_stat_cat_name'/></td>
530                                                                                 <td><div class='wide right' style='font-size: 8pt' name='ue_stat_cat_owner'/></td>
531                                                                                 <td>
532                                                                                         <div class='wide left'>
533                                                                                                 <select name='ue_stat_cat_selector'>
534                                                                                                         <option> -- Select One -- </option>
535                                                                                                 </select>
536                                                                                                 <span class='pad'> or </span>
537                                                                                                 <input class='pad' type='text' name='ue_stat_cat_newval'/>
538                                                                                         </div>
539                                                                                 </td>
540                                                                         </tr>
541                                                                 </tbody>
542                                                         </table>
543
544                                                 </div>
545         
546                                                 <!-- ************************************************************** -->
547                                                 <!-- Surveys Pane -->
548                                                 <!-- ************************************************************** -->
549                                                 <div id='uedit_surveys' class='main_div hide_me'>
550                                                         <table id='ue_survey_table' 
551                                                                 class='uedit_table data_grid' style='width: 95%; margin-top: 10px;'>
552                                                                 <thead>
553                                                                         <tr>
554                                                                                 <td colspan='2' style='text-align: left; padding-left: 20px;'>
555                                                                                         <span class='pad' name='ue_survey_name' style='font-weight: bold;'/>
556                                                                                         <span class='pad' name='ue_survey_desc'> : </span>
557                                                                                 </td>
558                                                                         </tr>
559                                                                 </thead>
560                                                                 <tbody name='ue_survey_tbody'>
561                                                                         <tr name='ue_survey_row'>
562                                                                                 <td name='ue_survey_question' style='width: 60%; text-align: left; padding-left: 40px;'/>
563                                                                                 <td class='hide_me'>
564                                                                                         <select name='ue_survey_answer'>
565                                                                                                 <option> -- Select One -- </option>
566                                                                                         </select>
567                                                                                 </td>
568                                                                                 <td class='hide_me' name='ue_survey_answer_poll'>
569                                                                                         <table>
570                                                                                                 <tbody name='ue_survey_answer_poll_tbody'>
571                                                                                                         <tr name='ue_survey_answer_poll_row'>
572                                                                                                                 <td>
573                                                                                                                         <div class='right' name='ue_survey_answer_poll_radio'>
574                                                                                                                         </div>
575                                                                                                                 </td>
576                                                                                                                 <td><div class='left' name='ue_survey_answer_poll_answer'/></td>
577                                                                                                         </tr>
578                                                                                                 </tbody>
579                                                                                         </table>
580                                                                                 </td>
581                                                                         </tr>
582                                                                 </tbody>
583                                                         </table>
584                                                 </div>
585
586                                                 <!-- ************************************************************** -->
587                                                 <!-- Finish Up -->
588                                                 <!-- ************************************************************** -->
589                                                 <div id='uedit_finalize' class='main_div hide_me'>
590                                                         <div class='has_color' style='width: 95%; margin-top: 40px; text-align: center'>
591                                                                 <div>
592                                                                         You are now ready to save the user to the database.  <br/>
593                                                                         To view or print a summary of the changes, click on the "View Summary" link.  <br/>
594                                                                         To save the user, click on the 'Save User' button.
595                                                                 </div>
596                                                                 <br/>
597                                                                 <a style='margin-right: 30px;' id='ue_view_summary' 
598                                                                         href='javascript:uEditShowSummary();'>View Summary</a>
599                                                                 <input style='margin-left: 30px;' type='submit' value='Save User' onclick='uEditSaveUser();'/>
600                                                         </div>
601                                                 </div>
602
603         
604                                         </td>
605                                 </tr>
606
607                                 <tr>
608                                         <td colspan='2'>
609                                                 <!-- ************************************************************** -->
610                                                 <!-- Bottome Navigation Links -->
611                                                 <!-- ************************************************************** -->
612                                                 <table width='100%' class='no_border'>
613                                                         <tbody>
614                                                                 <tr id='uedit_nav_bar'>
615                                                                         <td width='10%'/>
616                                                                         <td width='40%'>
617                                                                                 <a id='ue_back' class='nav_link hide_me' href='javascript:uEditPrev()'>&lt;&lt; Back</a>
618                                                                         </td>
619                                                                         <td width='40%'>
620                                                                                 <a id='ue_fwd' class='nav_link' href='javascript:uEditNext()'>Forward &gt;&gt;</a>
621                                                                         </td>
622                                                                         <td width='10%'/>
623                                                                 </tr>
624                                                         </tbody>
625                                                 </table>
626                                         </td>
627                                 </tr>
628                         </tbody>
629                 </table>
630         </center>
631
632         <!-- ************************************************************** -->
633         <!-- This holds all of the strings we may have to alert to the user -->
634         <!-- ************************************************************** -->
635         <div class='hide_me'>
636                 <span id='ue_bad_dob'>The date of birth field is not formatted correctly.  We're expecting YYYY-MM-DD</span>
637                 <span id='ue_bad_username'>Username is invalid</span>
638                 <span id='ue_bad_password'>Passwords do not match or are invalid</span>
639                 <span id='ue_bad_firstname'>First name is invalid</span>
640                 <span id='ue_bad_middlename'>Middle name is invalid</span>
641                 <span id='ue_bad_lastname'>Last name is invalid</span>
642                 <span id='ue_bad_barcode'>Barcode is invalid</span>
643                 <span id='ue_duplicate_barcode'>The selected barcode already exists in the database</span>
644                 <span id='ue_new_barcode_warn'>
645                         This will de-activate the existing barcode for this user!  If you wish to continue, 
646                         enter the new barcode below.  Otherwise, click the Cancel button.
647                 </span>
648                 <span id='ue_no_ident'>You must select two types of identification</span>
649                 <span id='ue_bad_email'>The email addresses do not match or are invalid</span>
650                 <span id='ue_bad_phone'>An invalid phone number was entered</span>
651                 <span id='ue_no_profile'>A profile group must be selected</span>
652                 <span id='ue_bad_expire'>The user expiration date is invalid.  We're expecting YYYY-MM-DD</span>
653                 <span id='ue_bad_claims_returned'>The claims returned count is invalid</span>
654                 <span id='ue_no_profile'>A profile group must be selected</span>
655                 <span id='ue_unknown_error'>An unknown formatting error occurred</span>
656         </div>
657
658         </body>
659 </html>
660