1 [% WRAPPER "default/kcls-wire/parts/base.tt2" +
2 "default/kcls-wire/parts/myopac/base.tt2";
3 myopac_page = "prefs" %]
4 <div id='myopac_prefs_div'>
5 <div id="acct_prefs_tabs"
6 style="padding-bottom: 12px;color:#666;">
7 <div style="float:left;">
8 <div class="align selected"
9 id="prefs_info_lbl"><img src=
10 "/opac/skin/kcls/graphics/sub_prefs_info_on.jpg" /></div>
12 <div class="align hide_me"
14 <a href="javascript:;"
15 onclick="switchSubPage('prefs','info')"><img src=
16 "/opac/skin/kcls/graphics/sub_prefs_info_off.jpg" /></a>
20 id="prefs_notify_link">
21 <a href="javascript:;"
22 onclick="switchSubPage('prefs','notify')"><img src=
23 "/opac/skin/kcls/graphics/sub_prefs_notify_off.jpg" /></a>
26 <div class="align selected hide_me"
27 id="prefs_notify_lbl"><img src=
28 "/opac/skin/kcls/graphics/sub_prefs_notify_on.jpg" /></div>
31 id="prefs_search_link">
32 <a href="javascript:;"
33 onclick="switchSubPage('prefs','search')"><img src=
34 "/opac/skin/kcls/graphics/sub_prefs_search_off.jpg" /></a>
37 <div class="align selected hide_me"
38 id="prefs_search_lbl"><img src=
39 "/opac/skin/kcls/graphics/sub_prefs_search_on.jpg" /></div>
42 <div style="float:right;width:65px;">
43 <div style="position:absolute">
44 <div style="position:relative;top:75px;">
45 <a id='acct_prefs_save'
48 onclick="myOPACSavePrefs()"><img alt="Save"
49 src="/opac/skin/kcls/graphics/save-btn.png" /></a>
54 <div style="clear:both;"></div>
57 <div class="header_middle">
58 <span id="acct_prefs_header"
59 style="float:left;">Account Information and Preferences</span>
60 <span style="float:right;"><a class="hide_me"
62 onclick="fadeOut(this);">Export List</a></span>
65 <div style="clear:both;height:10px;"></div>
69 id="acct_search_main">
70 <tbody id='myopac_prefs_tbody'>
71 <tr id='myopac_prefs_loading'>
72 <td colspan='3'><b>&myopac.loading;</b></td>
75 <tr id='myopac_prefs_row'>
76 <td width='20%'>&myopac.prefs.hits;</td>
79 <div style="position:absolute">
80 <div style="position:relative;top:0px;left:55px;">
81 <a href="javascript:;"
83 "alert('Number of search results to display per page. For slower connections, choose fewer hits per page');">
84 <img alt="Search Hits Help"
86 "/opac/skin/kcls/graphics/question-mark.png" /></a>
88 </div><select id='prefs_hits_per'
89 style="position:relative;z-index:100;">
122 <td colspan="2"><label for="circHistStart">Keep history of
123 checked out items?</label> <input type="checkbox"
124 id="circHistStart" /></td>
125 </tr><!-- FONT size preference -->
128 <td>&myopac.prefs.font;</td>
130 <td><select id='prefs_def_font'>
131 <option value='regular'>
132 &myopac.prefs.font.regular;
135 <option value='large'>
136 &myopac.prefs.font.large;
142 <td>&myopac.prefs.search.location;</td>
144 <div style='margin-bottom: 5px;'>
145 <input type='checkbox'
146 id='myopac_pref_home_lib'
147 onclick='if(this.checked) $("prefs_def_location").disabled=true; else $("prefs_def_location").disabled=false;' />
148 &myopac.prefs.search.home;
150 <select id='prefs_def_location'></select>
155 <td>&myopac.prefs.search.range;</td>
157 <td><select id='prefs_def_range'>
162 "http://www.kcls.org/usingthelibrary/catalog_help/library_elf.cfm"><u>Try
163 Library Elf-to manage library materials!</u></a>
165 <table class="hide_me"
166 id="acct_notify_main">
169 <td><span>&myopac.prefs.holds.notify;</span> <a class=
171 href='javascript:void(0);'
173 'alert($("myopac_pref_hold_notify_alert").innerHTML);'>&common.help;</a></td>
175 <td style="padding-left:15px;"><select id=
177 <option value='phone:email'
179 &myopac.prefs.holds.both;
182 <option value='phone'>
183 &myopac.prefs.holds.phone;
186 <option value='email'>
187 &myopac.prefs.holds.email;
193 <td style="padding-top:10px;"><strong>Pick Up Notice for
195 <input type="checkbox"
196 id="opac.hold_notify.email"
197 name="opac.hold_notify.email" /> <label for=
198 "opac.hold_notify.email">Email</label><br />
199 <input type="checkbox"
200 id="opac.hold_notify.phone"
201 name="opac.hold_notify.phone" /> <label for=
202 "opac.hold_notify.phone">Phone</label>
203 <b>(Temporarily phone notification will generate a
204 mailed paper notice.)</b></td>
208 <td style="padding-top:10px;"><strong>Expire Notice for
210 <input type="checkbox"
211 id="notification.hold.expire.email"
212 name="notification.hold.expire.email" /> <label for=
213 "notification.hold.expire.email">Email</label></td>
217 <td style="padding-top:10px;"><strong>Cancel Notice for
219 <input type="checkbox"
220 id="notification.hold.cancel.email"
221 name="notification.hold.cancel.email" /> <label for=
222 "notification.hold.cancel.email">Email</label></td>
226 <td style="padding-top:10px;"><strong>Overdue First
227 Notice</strong><br />
228 <input type="checkbox"
229 id="notification.overdue.first.email"
230 name="notification.overdue.first.email" />
232 "notification.overdue.first.email">Email</label><br />
233 <input type="checkbox"
234 id="notification.overdue.first.phone"
235 name="notification.overdue.first.phone" />
237 "notification.overdue.first.phone">Phone</label>
238 <b>(Temporarily phone notification will generate a
239 mailed paper notice.)</b></td>
243 <td style="padding-top:10px;"><strong>Courtesy
244 Notice</strong><br />
245 <input type="checkbox"
246 id="notification.predue.email"
247 name="notification.predue.email" /> <label for=
248 "notification.predue.email">Email</label><br /></td>
253 <div id="acct_info_main">
254 <div id='myopac.expired.alert'
256 style='margin-bottom: 20px;'>
257 <table class='data_grid'
263 &myopac.summary.expired;</td>
269 <div id='myopac.notes.div'
271 <table class='data_grid'
276 <b>&myopac.summary.notes;</b></td>
280 <tbody id='myopac.notes.tbody'>
281 <tr id='myopac.notes.tr'>
282 <td><b name='title'></b> : <span name=
290 class='light_border data_grid'>
291 <tbody id='myopac_summary_tbody'>
294 class='color_4 light_border'>&common.name;</td>
296 <td class='light_border'><span id=
297 'myopac_summary_prefix'
298 style='padding-right: 5px;'></span> <span id=
299 'myopac_summary_first'
300 style='padding-right: 5px;'></span> <span id=
301 'myopac_summary_middle'
302 style='padding-right: 5px;'></span> <span id=
303 'myopac_summary_last'
304 style='padding-right: 5px;'></span> <span id=
305 'myopac_summary_suffix'></span></td>
311 <td class='color_4 light_border'>
312 &myopac.summary.phone.day;</td>
314 <td class='light_border'
315 id='myopac_summary_dayphone'></td>
317 <td class='light_border'><a href='javascript:void(0);'
320 'unHideMe($("myopac_update_phone1_row"));$("myopac_new_phone1").focus();'
321 id='myopac_summary_phone1_change'
323 'text-decoration: underline;'>&myopac.summary.change;</a></td>
326 <tr id='myopac_update_phone1_row'
328 <td class='myopac_update_cell'
329 colspan='3'><span class='myopac_update_span'>Enter
330 New &myopac.summary.phone.day;:</span>
333 id='myopac_new_phone1'
335 'if(userPressedEnter(event)) myOPACUpdatePhone("1");' />
336 <span class='myopac_update_span'><button onclick=
337 'myOPACUpdatePhone("1");'><span class=
338 'myopac_update_span'>&common.submit;</span></button></span>
339 <span class='myopac_update_span'><button onclick=
340 'hideMe($("myopac_update_phone1_row"));'><span class=
341 'myopac_update_span'>&common.cancel;</span></button></span></td>
345 <td class='color_4 light_border'>
346 &myopac.summary.phone.evening;</td>
348 <td class='light_border'
349 id='myopac_summary_eveningphone'></td>
351 <td class='light_border'><a href='javascript:void(0);'
354 'unHideMe($("myopac_update_phone2_row"));$("myopac_new_phone2").focus();'
355 id='myopac_summary_phone2_change'
357 'text-decoration: underline;'>&myopac.summary.change;</a></td>
360 <tr id='myopac_update_phone2_row'
362 <td class='myopac_update_cell'
363 colspan='3'><span class='myopac_update_span'>New
364 &myopac.summary.phone.evening;:</span>
367 id='myopac_new_phone2'
369 'if(userPressedEnter(event)) myOPACUpdatePhone("2");' />
370 <span class='myopac_update_span'><button onclick=
371 'myOPACUpdatePhone("2");'><span class=
372 'myopac_update_span'>&common.submit;</span></button></span>
373 <span class='myopac_update_span'><button onclick=
374 'hideMe($("myopac_update_phone2_row"));'><span class=
375 'myopac_update_span'>&common.cancel;</span></button></span></td>
379 <td class='color_4 light_border'>
380 &myopac.summary.phone.other;</td>
382 <td class='light_border'
383 id='myopac_summary_otherphone'></td>
385 <td class='light_border'><a href='javascript:void(0);'
388 'unHideMe($("myopac_update_phone3_row"));$("myopac_new_phone3").focus();'
389 id='myopac_summary_phone3_change'
391 'text-decoration: underline;'>&myopac.summary.change;</a></td>
394 <tr id='myopac_update_phone3_row'
396 <td class='myopac_update_cell'
397 colspan='3'><span class='myopac_update_span'>Enter
398 New &myopac.summary.phone.other;:</span>
401 id='myopac_new_phone3'
403 'if(userPressedEnter(event)) myOPACUpdatePhone("3");' />
404 <span class='myopac_update_span'><button onclick=
405 'myOPACUpdatePhone("3");'><span class=
406 'myopac_update_span'>&common.submit;</span></button></span>
407 <span class='myopac_update_span'><button onclick=
408 'hideMe($("myopac_update_phone3_row"));'><span class=
409 'myopac_update_span'>&common.cancel;</span></button></span></td>
413 <td class='color_4 light_border'>
414 <div style="position:absolute">
416 "position:relative;left:70px;top:-3px;">
417 <a href="javascript:;"
419 "alert('Create a Username as an option to your barcode to log into My Account.\nExamples: ilovebooks, johndoe1');">
420 <img alt="Username Help"
422 "/opac/skin/kcls/graphics/question-mark.png" /></a>
424 </div>&common.username;
427 <td class='light_border'
428 id='myopac_summary_username'></td>
430 <td class='light_border'><a href='javascript:void(0);'
432 'unHideMe($("myopac_update_username_row"));$("myopac_new_username").focus();'
434 id='myopac_summary_username_change'
436 'text-decoration: underline;'>&myopac.summary.change;</a></td>
439 <tr id='myopac_update_username_row'
441 <td class='myopac_update_cell'
442 colspan='3'><span class=
443 'myopac_update_span'>&myopac.summary.username.enter;</span>
446 id='myopac_new_username'
448 'if(userPressedEnter(event)) myOPACUpdateUsername();' />
449 <span class='myopac_update_span'><button onclick=
450 'myOPACUpdateUsername();'><span class=
451 'myopac_update_span'>&common.submit;</span></button></span>
452 <span class='myopac_update_span'><button onclick=
453 'hideMe($("myopac_update_username_row"));'><span class=
454 'myopac_update_span'>&common.cancel;</span></button></span></td>
457 <td class='color_4 light_border'>
458 &common.password;</td>
459 <td class='light_border'
460 id='myopac_summary_password'>
461 &myopac.summary.password.text;</td>
462 <td class='light_border'><a href='javascript:void(0);'
465 'unHideMe($("myopac_update_password_row"));$("myopac_current_password").focus();'
466 id='myopac_summary_password_change'
468 'text-decoration: underline;'>&myopac.summary.change;</a></td>
470 <tr id='myopac_update_password_row'
472 <td class='myopac_update_cell'
478 <span class= 'myopac_update_span'>
479 &myopac.summary.password.current;
484 <input type='password'
486 id='myopac_current_password'
487 onkeydown='if(userPressedEnter(event)) myOPACUpdatePassword();' />
492 'myopac_update_span'>&myopac.summary.password.new;</span></td>
494 <td><input type='password'
496 id='myopac_new_password'
498 'if(userPressedEnter(event)) myOPACUpdatePassword();' /></td>
503 'myopac_update_span'>&myopac.summary.password.reenter;</span></td>
505 <td><input type='password'
507 id='myopac_new_password2'
509 'if(userPressedEnter(event)) myOPACUpdatePassword();' /></td>
513 'myopac_update_span'><button onclick=
514 'myOPACUpdatePassword();'><span class=
515 'myopac_update_span'>&common.submit;</span></button></span>
516 <span class='myopac_update_span'><button onclick=
517 'hideMe($("myopac_update_password_row"));'><span class='myopac_update_span'>
518 &common.cancel;</span></button></span>
523 <td class='color_4 light_border'>
524 &myopac.summary.email;</td>
526 <td class='light_border'
527 id='myopac_summary_email'></td>
529 <td class='light_border'><a href='javascript:void(0);'
532 'unHideMe($("myopac_update_email_row"));$("myopac_new_email").focus();'
533 id='myopac_summary_email_change'
535 'text-decoration: underline;'>&myopac.summary.change;</a></td>
538 <tr id='myopac_update_email_row'
540 <td class='myopac_update_cell'
541 colspan='3'><span class=
542 'myopac_update_span'>&myopac.summary.email.new;</span>
545 id='myopac_new_email'
547 'if(userPressedEnter(event)) myOPACUpdateEmail();' />
548 <span class='myopac_update_span'><button onclick=
549 'myOPACUpdateEmail();'><span class=
550 'myopac_update_span'>&common.submit;</span></button></span>
551 <span class='myopac_update_span'><button onclick=
552 'hideMe($("myopac_update_email_row"));'><span class=
553 'myopac_update_span'>&common.cancel;</span></button></span></td>
557 <td class='color_4 light_border'>
558 &myopac.summary.id.primary;</td>
560 <td class='light_border'
561 id='myopac_summary_ident1'></td>
567 <td class='color_4 light_border'>
568 &myopac.summary.barcode;</td>
570 <td class='light_border'
571 id='myopac_summary_barcode'></td>
577 <td class='color_4 light_border'>
578 &myopac.summary.home;</td>
579 <td class='light_border'
580 id='myopac_summary_homelib'></td>
581 <td><a href='javascript:void(0);'
584 'unHideMe($("myopac_update_home_row"));$("myopac_new_home").focus();'
585 id='myopac_summary_home_change'
587 'text-decoration: underline;'>&myopac.summary.change;</a></td>
589 <tr id='myopac_update_home_row'
591 <td class='myopac_update_cell'
593 <span class='myopac_update_span'>
594 New home library:</span>
595 <select id='myopac_new_home'>
597 <span class='myopac_update_span'>
598 <button onclick= 'myOPACUpdateHomeOU();'>
599 <span class= 'myopac_update_span'>
600 &common.submit;</span>
603 <span class='myopac_update_span'>
604 <button onclick= 'hideMe($("myopac_update_home_row"));'>
605 <span class= 'myopac_update_span'>
606 &common.cancel;</span>
612 <td class='color_4 light_border'>
613 &myopac.summary.genesis;
615 <td class='light_border'
616 id='myopac_summary_create_date'></td>
621 <hr style="border-bottom:none;*height:0px;" color="#DCDBDB" />
624 <table width='100%' class='light_border data_grid'>
627 <td>&myopac.summary.addresses;</td>
629 <td id='myopac_pending_addr_td' class='hide_me'>
630 <table cellpadding="0" cellspacing="0" border="0">
632 <td>&myopac.summary.addresses.pending;</td>
635 <a href="javascript:;"
636 onclick="alert('Address changes will be authenticated by staff.');"><img
638 src="/opac/skin/kcls/graphics/question-mark.png" /></a>
645 <tbody id='myopac_addr_tbody'>
646 <tr id='myopac_addr_row' class='light_border'>
650 <td>&myopac.summary.address.type;</td>
651 <td name='myopac_addr_type'></td>
655 <td>&myopac.summary.address.street;</td>
656 <td name='myopac_addr_street'></td>
659 <td>&myopac.summary.address.street;</td>
660 <td name='myopac_addr_street2'></td>
664 <td>&myopac.summary.address.city;</td>
665 <td name='myopac_addr_city'></td>
669 <td>&myopac.summary.address.county;</td>
670 <td name='myopac_addr_county'></td>
674 <td>&myopac.summary.address.state;</td>
675 <td name='myopac_addr_state'></td>
679 <td>&myopac.summary.address.country;</td>
680 <td name='myopac_addr_country'></td>
684 <td>&myopac.summary.address.zip;</td>
685 <td name='myopac_addr_zip'></td>
688 <td name='myopac_addr_edit_td'
689 colspan='2' class='hide_me'>
690 <a class='classic_link'
691 name='myopac_addr_edit_link'
692 href='javascript:void(0);'>Edit Address</a>
698 name='myopac_pending_addr_td'>
701 <td>&myopac.summary.address.type;</td>
704 'myopac_pending_addr_type' /></td>
708 &myopac.summary.address.street;</td>
711 'myopac_pending_addr_street' /></td>
714 <td>&myopac.summary.address.street;</td>
716 <input name='myopac_pending_addr_street2' />
720 <td>&myopac.summary.address.city;</td>
722 <input name='myopac_pending_addr_city' />
726 <td>&myopac.summary.address.county;</td>
729 <input name='myopac_pending_addr_county' />
733 <td>&myopac.summary.address.state;</td>
735 <input name='myopac_pending_addr_state' />
740 <td>&myopac.summary.address.country;</td>
743 <input name='myopac_pending_addr_country' />
747 <td>&myopac.summary.address.zip;</td>
749 'myopac_pending_addr_zip' /></td>
752 <td name='myopac_addr_edit_td' colspan='2'>
753 <a class='classic_link'
754 name='myopac_pending_addr_edit_link'
755 href='javascript:void(0);'>Save Changes</a>
756 <a style='padding-left:10px;'
758 name='myopac_pending_addr_del_link'
759 href='javascript:void(0);'>Discard Pending Address</a>
768 <div class='hide_me' id='myopac_username_error'>
769 &myopac.summary.username.error;
771 <div class='hide_me' id='myopac_username_dup'>
772 &myopac.summary.username.dup;
774 <div class='hide_me' id='myopac_username_success'>
775 &myopac.summary.username.success;
777 <div class='hide_me' id='myopac_username_failure'>
778 &myopac.summary.username.failure;
780 <div class='hide_me' id='myopac_email_error'>
781 &myopac.summary.email.error;
783 <div class='hide_me' id='myopac_email_success'>
784 &myopac.summary.email.success;
786 <div class='hide_me' id='myopac_email_failure'>
787 &myopac.summary.email.failed;
789 <div class='hide_me' id='myopac_password_error'>
790 &myopac.summary.password.error;
792 <div class='hide_me' id='myopac_password_success'>
793 &myopac.summary.password.success;
795 <div class='hide_me' id='myopac_password_failure'>
796 &myopac.summary.password.failure;
798 <span class='hide_me' id= 'myopac_invalid_username'>
799 &myopac.summary.username.invalid;
801 <span class='hide_me' id='myopac_addr_changes_saved'>
804 <div class='hide_me' id='prefs_update_success'>
805 &myopac.prefs.save.success;
807 <div class='hide_me' id='prefs_update_failure'>
808 &myopac.prefs.save.failed;
810 <span class='hide_me' id='myopac_pref_hold_notify_alert'>