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'>
142 <input type='text' id='ue_barcode'
143 onblur=' var un = $("ue_username");
144 if(!un.value) un.value = this.value;'/>
149 <td><div class='wide right'>Username</div></td>
150 <td><div class='wide left'><input type='text' id='ue_username'/></div></td>
153 <td><div class='wide right'>Password</div></td>
154 <td><div class='wide left'><input type='password' id='ue_password1'/></div></td>
157 <td><div class='wide right'>Verify Password</div></td>
158 <td><div class='wide left'><input type='password' id='ue_password2'/></div></td>
161 <td><div class='wide right'>First Name</div></td>
162 <td><div class='wide left'><input type='text' id='ue_firstname'/></div></td>
165 <td><div class='wide right'>Middle Name</div></td>
166 <td><div class='wide left'><input type='text' id='ue_middlename'/></div></td>
169 <td><div class='wide right'>Last Name</div></td>
170 <td><div class='wide left'><input type='text' id='ue_lastname'/></div></td>
173 <td><div class='wide right'>Suffix</div></td>
174 <td><div class='wide left'><input type='text' id='ue_suffix'/></div></td>
177 <td><div class='wide right'>Date of Birth</div></td>
179 <div class='wide left'>
181 <input type='text' id='ue_dob' size='10' maxlength='10'
182 onfocus='/*$("ue_dob_trigger").onclick(event);*/'>1980-01-01</input>
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=''" />
192 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
194 <script type="text/javascript">
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")
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>
217 <td><div class='wide right'>Primary Identification</div></td>
218 <td><div class='wide left'>
219 <input type='text' id='ue_primary_ident'/>
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>
233 <td><div class='wide right'>Secondary Identification</div></td>
234 <td><div class='wide left'>
235 <input type='text' id='ue_secondary_ident'/>
243 <!-- ************************************************************** -->
244 <!-- Contact Info Pane -->
245 <!-- ************************************************************** -->
246 <div id='uedit_contact_info' class='main_div hide_me'>
247 <table class='uedit_table'>
250 <td><div class='wide right'>Email Address</div></td>
251 <td><div class='wide left'><input type='text' id='ue_email1'/></div></td>
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>
258 <td><div class='wide right'>Daytime Phone</div></td>
260 <div class='wide left'>
261 <input class='pad' type='text' id='ue_day_phone_area' maxlength='3' size='3'/>
263 <input class='pad' type='text' id='ue_day_phone_prefix' maxlength='3' size='3'/>
265 <input class='pad' type='text' id='ue_day_phone_suffix' maxlength='4' size='4'/>
270 <td><div class='wide right'>Evening Phone</div></td>
272 <div class='wide left'>
273 <input class='pad' type='text' id='ue_night_phone_area' maxlength='3' size='3'/>
275 <input class='pad' type='text' id='ue_night_phone_prefix' maxlength='3' size='3'/>
277 <input class='pad' type='text' id='ue_night_phone_suffix' maxlength='4' size='4'/>
282 <td><div class='wide right'>Other/Cell Phone</div></td>
284 <div class='wide left'>
285 <input class='pad' type='text' id='ue_other_phone_area' maxlength='3' size='3'/>
287 <input class='pad' type='text' id='ue_other_phone_prefix' maxlength='3' size='3'/>
289 <input class='pad' type='text' id='ue_other_phone_suffix' maxlength='4' size='4'/>
294 <td><div class='wide right'>Home Library</div></td>
296 <div class='wide left'>
297 <select style='width: 20em;' id='ue_org_selector'/>
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;'>
313 <td>Incorporated</td>
315 <td>Mailing Address</td>
316 <td>Physical Address</td>
319 <tbody id='ue_address_tbody'>
320 <tr id='ue_address_template'>
322 <table class='address_table'>
325 <td><div class='wide right'>Label</div></td>
327 <div class='wide left'>
328 <input type='text' name='ue_addr_label' id='ue_addr_label'/>
333 <td><div class='wide right'>Street 1</div></td>
335 <div class='wide left'>
336 <input type='text' name='ue_addr_street1' size='42'/>
341 <td><div class='wide right'>Street 2</div></td>
343 <div class='wide left'>
344 <input type='text' name='ue_addr_street2' size='42'/>
349 <td><div class='wide right'>City</div></td>
351 <div class='wide left'>
352 <input type='text' name='ue_addr_city' size='17'/>
355 <td><div class='wide right'>County</div></td>
357 <div class='wide left'>
358 <input type='text' name='ue_addr_county' size='17'/>
363 <td><div class='wide right'>State</div></td>
365 <div class='wide left'>
366 <input type='text' name='ue_addr_state' size='2' maxlength='2'/>
369 <td><div class='wide right'>Zip</div></td>
371 <div class='wide left'>
372 <input type='text' name='ue_addr_zip' size='6' maxlength='6'/>
375 <td><div class='wide right'>Country</div></td>
377 <div class='wide left'>
378 <input type='text' name='ue_addr_country' size='6'/>
384 <div class='button_row'>
385 <input type='submit' name='ue_addr_delete' value='Delete this Address'/>
393 <td><input type='checkbox' name='ue_addr_inc_yes' checked='checked'/></td>
394 <td><input type='checkbox' name='ue_addr_valid_yes' checked='checked'/></td>
396 <div style='width: 100%; -moz-border-radius: 8px;'>
397 <input type='radio' name='ue_addr_mailing_yes'
398 onclick='uEditAddrHighlight(this, "mailing");'/>
402 <div style='width: 100%; -moz-border-radius: 8px;'>
403 <input type='radio' name='ue_addr_billing_yes'
404 onclick='uEditAddrHighlight(this, "billing");'/>
411 <div class='button_row' style='margin-top: 20px;'>
412 <input type='submit' value='Create a New Address'
413 onclick='$("ue_address_tbody").appendChild($("ue_address_template").cloneNode(true));'/>
417 <!-- ************************************************************** -->
419 <!-- ************************************************************** -->
420 <div id='uedit_groups' class='main_div hide_me'>
421 <table class='uedit_table'>
424 <td><div class='wide right'>Profile Group</div></td>
426 <div class='wide left'>
427 <select id='ue_profile'>
428 <option> -- Required -- </option>
434 <td><div class='wide right'>Account Expiration Date</div></td>
436 <div class='wide left'>
437 <input type='text' id='ue_expire' size='10' maxlength='10'/>
439 <button style='padding: 0px;' id='ue_expire_trigger'>
440 <img src="/opac/common/js/jscalendar/img.gif"
441 style="cursor: pointer; border: 1px solid red; padding: 0px; margin: -3px;"
442 title="Date selector"
443 onmouseover="this.style.background='red';"
444 onmouseout="this.style.background=''" />
447 <span class='pad' style='font-size: 8pt;'>(YYYY-MM-DD)</span>
448 <div style='margin-top: 5px;'>
449 Note: a default will be provided if none is selected
452 <script type="text/javascript">
454 inputField : "ue_expire", // id of the input field
455 ifFormat : "%Y-%m-%d", // format of the input field
456 button : "ue_expire_trigger", // trigger for the calendar (button ID)
457 align : "Tl", // alignment (defaults to "Bl")
465 <td><div class='wide right'>Active</div></td>
467 <div class='wide left'>
468 <input id='ue_active' type='checkbox' checked='checked'/>
473 <td><div class='wide right'>Barred</div></td>
475 <div class='wide left'>
476 <input id='ue_barred' type='checkbox'/>
481 <td><div class='wide right'>Set as Family/Group Lead Account</div></td>
483 <div class='wide left'>
484 <input id='ue_group_lead' type='checkbox'/>
489 <td><div class='wide right'>Claims Returned Count</div></td>
491 <div class='wide left'>
492 <input id='ue_claims_returned' type='text' disabled='disabled' size='6'/>
493 <script>$('ue_claims_returned').value = 0;</script>
494 <input class='pad' id='ue_claims_returned_reset' type='submit' value='Reset'/>
499 <td><div class='wide right'>Alert Message</div></td>
501 <div class='wide left'>
502 <textarea wrap='soft' cols='30' rows='4' id='ue_alert_message'/>
503 <input class='pad' id='ue_alert_message_reset'
504 type='submit' value='Clear' onclick='$("ue_alert_message").value = "";'/>
512 <!-- ************************************************************** -->
513 <!-- Stat Cats Pane -->
514 <!-- ************************************************************** -->
515 <div id='uedit_stat_cats' class='main_div hide_me'>
516 <table class='uedit_table' style='width: 98%'>
518 <tr style='font-weight: bold;'>
519 <td>Stat Cat Name</td>
524 <tbody id='ue_stat_cat_tbody'>
525 <tr id='ue_stat_cat_row'>
526 <td><div class='wide right' name='ue_stat_cat_name'/></td>
527 <td><div class='wide right' style='font-size: 8pt' name='ue_stat_cat_owner'/></td>
529 <div class='wide left'>
530 <select name='ue_stat_cat_selector'>
531 <option> -- Select One -- </option>
533 <span class='pad'> or </span>
534 <input class='pad' type='text' name='ue_stat_cat_newval'/>
543 <!-- ************************************************************** -->
544 <!-- Surveys Pane -->
545 <!-- ************************************************************** -->
546 <div id='uedit_surveys' class='main_div hide_me'>
547 <table id='ue_survey_table'
548 class='uedit_table data_grid' style='width: 95%; margin-top: 10px;'>
551 <td colspan='2' style='text-align: left; padding-left: 20px;'>
552 <span class='pad' name='ue_survey_name' style='font-weight: bold;'/>
553 <span class='pad' name='ue_survey_desc'> : </span>
557 <tbody name='ue_survey_tbody'>
558 <tr name='ue_survey_row'>
559 <td name='ue_survey_question' style='width: 60%; text-align: left; padding-left: 40px;'/>
561 <select name='ue_survey_answer'>
562 <option> -- Select One -- </option>
565 <td class='hide_me' name='ue_survey_answer_poll'>
567 <tbody name='ue_survey_answer_poll_tbody'>
568 <tr name='ue_survey_answer_poll_row'>
570 <div class='right' name='ue_survey_answer_poll_radio'>
573 <td><div class='left' name='ue_survey_answer_poll_answer'/></td>
583 <!-- ************************************************************** -->
585 <!-- ************************************************************** -->
586 <div id='uedit_finalize' class='main_div hide_me'>
587 <div class='has_color' style='width: 95%; margin-top: 40px; text-align: center'>
589 You are now ready to save the user to the database. <br/>
590 To view or print a summary of the changes, click on the "View Summary" link. <br/>
591 To save the user, click on the 'Save User' button.
594 <a style='margin-right: 30px;' id='ue_view_summary'
595 href='javascript:uEditShowSummary();'>View Summary</a>
596 <input style='margin-left: 30px;' type='submit' value='Save User' onclick='uEditSaveUser();'/>
606 <!-- ************************************************************** -->
607 <!-- Bottome Navigation Links -->
608 <!-- ************************************************************** -->
609 <table width='100%' class='no_border'>
611 <tr id='uedit_nav_bar'>
614 <a id='ue_back' class='nav_link hide_me' href='javascript:uEditPrev()'><< Back</a>
617 <a id='ue_fwd' class='nav_link' href='javascript:uEditNext()'>Forward >></a>
629 <!-- ************************************************************** -->
630 <!-- This holds all of the strings we may have to alert to the user -->
631 <!-- ************************************************************** -->
632 <div class='hide_me'>
633 <span id='ue_bad_dob'>The date of birth field is not formatted correctly. We're expecting YYYY-MM-DD</span>
634 <span id='ue_bad_username'>Username is invalid.</span>
635 <span id='ue_bad_password'>Passwords do not match or are invalid</span>
636 <span id='ue_bad_firstname'>First name is invalid</span>
637 <span id='ue_bad_middlename'>Middle name is invalid</span>
638 <span id='ue_bad_lastname'>Last name is invalid</span>
639 <span id='ue_bad_barcode'>Barcode is invalid.</span>
640 <span id='ue_duplicate_barcode'>The barcode is invalid.</span>
641 <span id='ue_new_barcode_warn'>
642 This will de-activate the existing barcode for this user! If you wish to continue,
643 enter the new barcode below. Otherwise, click the Cancel button.
645 <span id='ue_no_ident'>You must select two types of identification.</span>
646 <span id='ue_bad_email'>The email addresses do not match or are invalid</span>
647 <span id='ue_bad_phone'>An invalid phone number was entered</span>