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 -->
10 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude">
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>
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='adminlib.js'> </script>
29 <script language='javascript' src='user_editor.js'> </script>
30 <link type='text/css' rel='stylesheet' href='admin.css'/>
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>
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;}
51 .pad { padding-left: 3px; padding-right: 3px; }
52 .no_border td { border: none; }
53 .uedit_table { width: 80% }
55 -moz-border-radius: 4px;
56 border: 4px solid #E0E0F0;
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; }
69 <body onload='try{uEditInit();}catch(e){alert(js2JSON(e));}'>
73 <h2>Evergreen User Editor</h2>
75 <div style='position:absolute; top: 5px; right: 5px;'>
76 <span>Welcome </span><b><span id='uedit_user'/></b>
81 <table class='main_table'>
84 <td width='15%' valign='top'>
85 <!-- ************************************************************** -->
86 <!-- Top Navigation Links -->
87 <!-- ************************************************************** -->
88 <table height='100%' class='nav_link_table'>
91 <td id='uedit_userid_label' class='main_nav_link'>
92 <a href='javascript:uEditShowPage("uedit_userid");'>1. User Identification</a>
96 <td id='uedit_contact_info_label' class='main_nav_link'>
97 <a href='javascript:uEditShowPage("uedit_contact_info");'>2. Contact Info</a>
101 <td id='uedit_addresses_label' class='main_nav_link'>
102 <a href='javascript:uEditShowPage("uedit_addresses");'>3. Addresses</a>
106 <td id='uedit_groups_label' class='main_nav_link'>
107 <a href='javascript:uEditShowPage("uedit_groups");'>4. Groups and Permissions</a>
111 <td id='uedit_stat_cats_label' class='main_nav_link'>
112 <a href='javascript:uEditShowPage("uedit_stat_cats");'>5. Statistical Categories</a>
116 <td id='uedit_surveys_label' class='main_nav_link'>
117 <a href='javascript:uEditShowPage("uedit_surveys");'>6. Surveys</a>
121 <td id='uedit_finalize_label' class='main_nav_link'>
122 <a href='javascript:uEditShowPage("uedit_finalize");'>7. Finish</a>
132 <!-- ************************************************************** -->
133 <!-- Identification Pane -->
134 <!-- ************************************************************** -->
135 <div id='uedit_userid' class='main_div'>
136 <table class='uedit_table'>
139 <td><div class='wide right'>Barcode</div></td>
140 <td><div class='wide left'><input type='text' id='ue_barcode'/></div></td>
143 <td><div class='wide right'>Username</div></td>
144 <td><div class='wide left'><input type='text' id='ue_username'/></div></td>
147 <td><div class='wide right'>Password</div></td>
148 <td><div class='wide left'><input type='password' id='ue_password1'/></div></td>
151 <td><div class='wide right'>Verify Password</div></td>
152 <td><div class='wide left'><input type='password' id='ue_password2'/></div></td>
155 <td><div class='wide right'>First Name</div></td>
156 <td><div class='wide left'><input type='text' id='ue_firstname'/></div></td>
159 <td><div class='wide right'>Middle Name</div></td>
160 <td><div class='wide left'><input type='text' id='ue_middlename'/></div></td>
163 <td><div class='wide right'>Last Name</div></td>
164 <td><div class='wide left'><input type='text' id='ue_lastname'/></div></td>
167 <td><div class='wide right'>Suffix</div></td>
168 <td><div class='wide left'><input type='text' id='ue_suffix'/></div></td>
171 <td><div class='wide right'>Date of Birth</div></td>
173 <div class='wide left'>
175 <input type='text' id='ue_dob' size='10' maxlength='10'
176 onfocus='/*$("ue_dob_trigger").onclick(event);*/'>1980-01-01</input>
178 <button style='padding: 0px;' id='ue_dob_trigger'>
179 <img src="/opac/common/js/jscalendar/img.gif"
180 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;"
181 title="Date selector"
182 onmouseover="this.style.background='red';"
183 onmouseout="this.style.background=''" />
186 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
188 <script type="text/javascript">
190 inputField : "ue_dob", // id of the input field
191 ifFormat : "%Y-%m-%d", // format of the input field
192 button : "ue_dob_trigger", // trigger for the calendar (button ID)
193 align : "Tl", // alignment (defaults to "Bl")
202 <td><div class='wide right'>Primary Identification Type</div></td>
203 <td><div class='wide left'>
204 <select id='ue_primary_ident_type'>
205 <option> -- Required -- </option>
211 <td><div class='wide right'>Primary Identification</div></td>
212 <td><div class='wide left'>
213 <input type='text' id='ue_primary_ident'/>
218 <td><div class='wide right'>Secondary Identification Type</div></td>
219 <td><div class='wide left'>
220 <select id='ue_secondary_ident_type'>
221 <option> -- Required -- </option>
227 <td><div class='wide right'>Secondary Identification</div></td>
228 <td><div class='wide left'>
229 <input type='text' id='ue_secondary_ident'/>
237 <!-- ************************************************************** -->
238 <!-- Contact Info Pane -->
239 <!-- ************************************************************** -->
240 <div id='uedit_contact_info' class='main_div hide_me'>
241 <table class='uedit_table'>
244 <td><div class='wide right'>Email Address</div></td>
245 <td><div class='wide left'><input type='text' id='ue_email1'/></div></td>
248 <td><div class='wide right'>Verify Email Address</div></td>
249 <td><div class='wide left'><input type='text' id='ue_email2'/></div></td>
252 <td><div class='wide right'>Daytime Phone</div></td>
254 <div class='wide left'>
255 <input class='pad' type='text' id='ue_day_phone_area' maxlength='3' size='3'/>
257 <input class='pad' type='text' id='ue_day_phone_prefix' maxlength='3' size='3'/>
259 <input class='pad' type='text' id='ue_day_phone_suffix' maxlength='4' size='4'/>
264 <td><div class='wide right'>Evening Phone</div></td>
266 <div class='wide left'>
267 <input class='pad' type='text' id='ue_night_phone_area' maxlength='3' size='3'/>
269 <input class='pad' type='text' id='ue_night_phone_prefix' maxlength='3' size='3'/>
271 <input class='pad' type='text' id='ue_night_phone_suffix' maxlength='4' size='4'/>
276 <td><div class='wide right'>Other/Cell Phone</div></td>
278 <div class='wide left'>
279 <input class='pad' type='text' id='ue_other_phone_area' maxlength='3' size='3'/>
281 <input class='pad' type='text' id='ue_other_phone_prefix' maxlength='3' size='3'/>
283 <input class='pad' type='text' id='ue_other_phone_suffix' maxlength='4' size='4'/>
288 <td><div class='wide right'>Home Library</div></td>
290 <div class='wide left'>
291 <select id='ue_org_selector'/>
299 <!-- ************************************************************** -->
300 <!-- Addresses Pane -->
301 <!-- ************************************************************** -->
302 <div id='uedit_addresses' class='main_div hide_me' >
303 <table class='uedit_table' style='width: 95%; padding: 1px;'>
307 <td>Incorporated</td>
309 <td>Mailing Address</td>
310 <td>Physical Address</td>
313 <tbody id='ue_address_tbody'>
314 <tr id='ue_address_template'>
316 <table class='address_table'>
319 <td><div class='wide right'>Label</div></td>
321 <div class='wide left'>
322 <input type='text' name='ue_addr_label' id='ue_addr_label'/>
327 <td><div class='wide right'>Street 1</div></td>
329 <div class='wide left'>
330 <input type='text' name='ue_addr_street1' size='42'/>
335 <td><div class='wide right'>Street 2</div></td>
337 <div class='wide left'>
338 <input type='text' name='ue_addr_street2' size='42'/>
343 <td><div class='wide right'>City</div></td>
345 <div class='wide left'>
346 <input type='text' name='ue_addr_city' size='17'/>
349 <td><div class='wide right'>County</div></td>
351 <div class='wide left'>
352 <input type='text' name='ue_addr_county' size='17'/>
357 <td><div class='wide right'>State</div></td>
359 <div class='wide left'>
360 <input type='text' name='ue_addr_state' size='2' maxlength='2'/>
363 <td><div class='wide right'>Zip</div></td>
365 <div class='wide left'>
366 <input type='text' name='ue_addr_zip' size='6' maxlength='6'/>
369 <td><div class='wide right'>Country</div></td>
371 <div class='wide left'>
372 <input type='text' name='ue_addr_country' size='6'/>
378 <div class='button_row'>
379 <input type='submit' name='ue_addr_delete' value='Delete this Address'/>
387 <td><input type='checkbox' name='ue_addr_inc_yes' checked='checked'/></td>
388 <td><input type='checkbox' name='ue_addr_valid_yes' checked='checked'/></td>
390 <div style='width: 100%; -moz-border-radius: 8px;'>
391 <input type='radio' name='ue_addr_mailing_yes'
392 onclick='uEditAddrHighlight(this, "mailing");'/>
396 <div style='width: 100%; -moz-border-radius: 8px;'>
397 <input type='radio' name='ue_addr_billing_yes'
398 onclick='uEditAddrHighlight(this, "billing");'/>
405 <div class='button_row' style='margin-top: 20px;'>
406 <input type='submit' value='Create a New Address'
407 onclick='$("ue_address_tbody").appendChild($("ue_address_template").cloneNode(true));'/>
411 <!-- ************************************************************** -->
413 <!-- ************************************************************** -->
414 <div id='uedit_groups' class='main_div hide_me'>
415 <table class='uedit_table'>
418 <td><div class='wide right'>Profile Group</div></td>
420 <div class='wide left'>
421 <select id='ue_profile'>
422 <option> -- Required -- </option>
428 <td><div class='wide right'>Account Expiration Date</div></td>
430 <div class='wide left'>
431 <input type='text' id='ue_expire' size='10' maxlength='10'/>
433 <button style='padding: 0px;' id='ue_expire_trigger'>
434 <img src="/opac/common/js/jscalendar/img.gif"
435 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;"
436 title="Date selector"
437 onmouseover="this.style.background='red';"
438 onmouseout="this.style.background=''" />
441 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
443 <script type="text/javascript">
445 inputField : "ue_expire", // id of the input field
446 ifFormat : "%Y-%m-%d", // format of the input field
447 button : "ue_expire_trigger", // trigger for the calendar (button ID)
448 align : "Tl", // alignment (defaults to "Bl")
456 <td><div class='wide right'>Active</div></td>
458 <div class='wide left'>
459 <input id='ue_active' type='checkbox' checked='checked'/>
464 <td><div class='wide right'>Barred</div></td>
466 <div class='wide left'>
467 <input id='ue_barred' type='checkbox'/>
472 <td><div class='wide right'>Set as Family/Group Lead Account</div></td>
474 <div class='wide left'>
475 <input id='ue_group_lead' type='checkbox'/>
480 <td><div class='wide right'>Claims Returned Count</div></td>
482 <div class='wide left'>
483 <input id='ue_claims_returned' type='text' disabled='disabled' size='6'/>
484 <script>$('ue_claims_returned').value = 0;</script>
485 <input class='pad' id='ue_claims_returned_reset' type='submit' value='Reset'/>
490 <td><div class='wide right'>Alert Message</div></td>
492 <div class='wide left'>
493 <textarea wrap='soft' cols='30' rows='4' id='ue_alert_message'/>
494 <input class='pad' id='ue_alert_message_reset'
495 type='submit' value='Clear' onclick='$("ue_alert_message").value = "";'/>
503 <!-- ************************************************************** -->
504 <!-- Stat Cats Pane -->
505 <!-- ************************************************************** -->
506 <div id='uedit_stat_cats' class='main_div hide_me'>
507 <table class='uedit_table' style='width: 98%'>
509 <tr style='font-weight: bold;'>
510 <td>Stat Cat Name</td>
515 <tbody id='ue_stat_cat_tbody'>
516 <tr id='ue_stat_cat_row'>
517 <td><div class='wide right' name='ue_stat_cat_name'/></td>
518 <td><div class='wide right' style='font-size: 8pt' name='ue_stat_cat_owner'/></td>
520 <div class='wide left'>
521 <select name='ue_stat_cat_selector'>
522 <option> -- Select One -- </option>
524 <span class='pad'> or </span>
525 <input class='pad' type='text' name='ue_stat_cat_newval'/>
534 <!-- ************************************************************** -->
535 <!-- Surveys Pane -->
536 <!-- ************************************************************** -->
537 <div id='uedit_surveys' class='main_div hide_me'>
538 <table id='ue_survey_table'
539 class='uedit_table data_grid' style='width: 95%; margin-top: 10px;'>
542 <td colspan='2' style='text-align: left; padding-left: 20px;'>
543 <span class='pad' name='ue_survey_name' style='font-weight: bold;'/>
544 <span class='pad' name='ue_survey_desc'> : </span>
548 <tbody name='ue_survey_tbody'>
549 <tr name='ue_survey_row'>
550 <td name='ue_survey_question' style='width: 60%; text-align: left; padding-left: 40px;'/>
552 <select name='ue_survey_answer'>
553 <option> -- Select One -- </option>
556 <td class='hide_me' name='ue_survey_answer_poll'>
558 <tbody name='ue_survey_answer_poll_tbody'>
559 <tr name='ue_survey_answer_poll_row'>
561 <div class='right' name='ue_survey_answer_poll_radio'>
564 <td><div class='left' name='ue_survey_answer_poll_answer'/></td>
574 <!-- ************************************************************** -->
576 <!-- ************************************************************** -->
577 <div id='uedit_finalize' class='main_div hide_me'>
578 <div class='has_color' style='width: 95%; margin-top: 40px; text-align: center'>
580 You are now ready to save the user to the database. <br/>
581 To view or print a summary of the changes, click on the "View Summary" link. <br/>
582 To save the user, click on the 'Save User' button.
585 <a style='margin-right: 30px;' id='ue_view_summary'
586 href='javascript:uEditShowSummary();'>View Summary</a>
587 <input style='margin-left: 30px;' type='submit' value='Save User' onclick='uEditSaveUser();'/>
597 <!-- ************************************************************** -->
598 <!-- Bottome Navigation Links -->
599 <!-- ************************************************************** -->
600 <table width='100%' class='no_border'>
602 <tr id='uedit_nav_bar'>
605 <a id='ue_back' class='nav_link hide_me' href='javascript:uEditPrev()'><< Back</a>
608 <a id='ue_fwd' class='nav_link' href='javascript:uEditNext()'>Forward >></a>