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'
330 <span class='myopac_update_span'>
331 Enter New &myopac.summary.phone.day;:
334 <input type='text' size='24' id='myopac_new_phone1' />
335 <span class='myopac_update_span'>
336 <button onclick='myOPACUpdatePhone("1");'>
337 <span class='myopac_update_span'>
338 &common.submit;</span>
341 <span class='myopac_update_span'>
342 <button onclick='hideMe($("myopac_update_phone1_row"));'>
343 <span class='myopac_update_span'>
344 &common.cancel;</span>
351 <td class='color_4 light_border'>
352 &myopac.summary.phone.evening;</td>
354 <td class='light_border'
355 id='myopac_summary_eveningphone'></td>
357 <td class='light_border'><a href='javascript:void(0);'
360 'unHideMe($("myopac_update_phone2_row"));$("myopac_new_phone2").focus();'
361 id='myopac_summary_phone2_change'
363 'text-decoration: underline;'>&myopac.summary.change;</a></td>
366 <tr id='myopac_update_phone2_row'
368 <td class='myopac_update_cell'
369 colspan='3'><span class='myopac_update_span'>New
370 &myopac.summary.phone.evening;:</span>
371 <input type='text' size='24' id='myopac_new_phone2' />
372 <span class='myopac_update_span'><button onclick=
373 'myOPACUpdatePhone("2");'><span class=
374 'myopac_update_span'>&common.submit;</span></button></span>
375 <span class='myopac_update_span'><button onclick=
376 'hideMe($("myopac_update_phone2_row"));'><span class=
377 'myopac_update_span'>&common.cancel;</span></button></span>
382 <td class='color_4 light_border'>
383 &myopac.summary.phone.other;</td>
385 <td class='light_border'
386 id='myopac_summary_otherphone'></td>
388 <td class='light_border'><a href='javascript:void(0);'
391 'unHideMe($("myopac_update_phone3_row"));$("myopac_new_phone3").focus();'
392 id='myopac_summary_phone3_change'
394 'text-decoration: underline;'>&myopac.summary.change;</a></td>
397 <tr id='myopac_update_phone3_row'
399 <td class='myopac_update_cell'
400 colspan='3'><span class='myopac_update_span'>Enter
401 New &myopac.summary.phone.other;:</span>
402 <input type='text' size='24' id='myopac_new_phone3' />
403 <span class='myopac_update_span'><button onclick=
404 'myOPACUpdatePhone("3");'><span class=
405 'myopac_update_span'>&common.submit;</span></button></span>
406 <span class='myopac_update_span'><button onclick=
407 'hideMe($("myopac_update_phone3_row"));'><span class=
408 'myopac_update_span'>&common.cancel;</span></button></span>
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>
444 <input type='text' size='24' id='myopac_new_username' />
445 <span class='myopac_update_span'><button onclick=
446 'myOPACUpdateUsername();'><span class=
447 'myopac_update_span'>&common.submit;</span></button></span>
448 <span class='myopac_update_span'><button onclick=
449 'hideMe($("myopac_update_username_row"));'><span class=
450 'myopac_update_span'>&common.cancel;</span></button></span>
454 <td class='color_4 light_border'>
455 &common.password;</td>
456 <td class='light_border'
457 id='myopac_summary_password'>
458 &myopac.summary.password.text;</td>
459 <td class='light_border'><a href='javascript:void(0);'
462 'unHideMe($("myopac_update_password_row"));$("myopac_current_password").focus();'
463 id='myopac_summary_password_change'
465 'text-decoration: underline;'>&myopac.summary.change;</a></td>
467 <tr id='myopac_update_password_row'
469 <td class='myopac_update_cell'
475 <span class= 'myopac_update_span'>
476 &myopac.summary.password.current;
481 <input type='password'
483 id='myopac_current_password' />
488 'myopac_update_span'>&myopac.summary.password.new;</span></td>
490 <td><input type='password'
492 id='myopac_new_password' />
498 'myopac_update_span'>&myopac.summary.password.reenter;</span></td>
501 <input type='password'
503 id='myopac_new_password2' />
508 'myopac_update_span'><button onclick=
509 'myOPACUpdatePassword();'><span class=
510 'myopac_update_span'>&common.submit;</span></button></span>
511 <span class='myopac_update_span'><button onclick=
512 'hideMe($("myopac_update_password_row"));'><span class='myopac_update_span'>
513 &common.cancel;</span></button></span>
518 <td class='color_4 light_border'>
519 &myopac.summary.email;</td>
521 <td class='light_border'
522 id='myopac_summary_email'></td>
524 <td class='light_border'><a href='javascript:void(0);'
527 'unHideMe($("myopac_update_email_row"));$("myopac_new_email").focus();'
528 id='myopac_summary_email_change'
530 'text-decoration: underline;'>&myopac.summary.change;</a></td>
533 <tr id='myopac_update_email_row'
535 <td class='myopac_update_cell' colspan='3'>
536 <span class= 'myopac_update_span'>
537 &myopac.summary.email.new;
539 <input type='text' size='24' id='myopac_new_email' />
540 <span class='myopac_update_span'>
541 <button onclick= 'myOPACUpdateEmail();'>
542 <span class= 'myopac_update_span'>
543 &common.submit;</span>
546 <span class='myopac_update_span'>
547 <button onclick='hideMe($("myopac_update_email_row"));'>
548 <span class='myopac_update_span'>
549 &common.cancel;</span>
555 <td class='color_4 light_border'>
556 &myopac.summary.id.primary;</td>
558 <td class='light_border'
559 id='myopac_summary_ident1'></td>
565 <td class='color_4 light_border'>
566 &myopac.summary.barcode;</td>
568 <td class='light_border'
569 id='myopac_summary_barcode'></td>
575 <td class='color_4 light_border'>
576 &myopac.summary.home;</td>
577 <td class='light_border'
578 id='myopac_summary_homelib'></td>
579 <td><a href='javascript:void(0);'
582 'unHideMe($("myopac_update_home_row"));$("myopac_new_home").focus();'
583 id='myopac_summary_home_change'
585 'text-decoration: underline;'>&myopac.summary.change;</a></td>
587 <tr id='myopac_update_home_row'
589 <td class='myopac_update_cell'
591 <span class='myopac_update_span'>
592 New home library:</span>
593 <select id='myopac_new_home'>
595 <span class='myopac_update_span'>
596 <button onclick= 'myOPACUpdateHomeOU();'>
597 <span class= 'myopac_update_span'>
598 &common.submit;</span>
601 <span class='myopac_update_span'>
602 <button onclick= 'hideMe($("myopac_update_home_row"));'>
603 <span class= 'myopac_update_span'>
604 &common.cancel;</span>
610 <td class='color_4 light_border'>
611 &myopac.summary.genesis;
613 <td class='light_border'
614 id='myopac_summary_create_date'></td>
619 <hr style="border-bottom:none;*height:0px;" color="#DCDBDB" />
622 <table width='100%' class='light_border data_grid'>
625 <td>&myopac.summary.addresses;</td>
627 <td id='myopac_pending_addr_td' class='hide_me'>
628 <table cellpadding="0" cellspacing="0" border="0">
630 <td>&myopac.summary.addresses.pending;</td>
633 <a href="javascript:;"
634 onclick="alert('Address changes will be authenticated by staff.');"><img
636 src="/opac/skin/kcls/graphics/question-mark.png" /></a>
643 <tbody id='myopac_addr_tbody'>
644 <tr id='myopac_addr_row' class='light_border'>
648 <td>&myopac.summary.address.type;</td>
649 <td name='myopac_addr_type'></td>
653 <td>&myopac.summary.address.street;</td>
654 <td name='myopac_addr_street'></td>
657 <td>&myopac.summary.address.street;</td>
658 <td name='myopac_addr_street2'></td>
662 <td>&myopac.summary.address.city;</td>
663 <td name='myopac_addr_city'></td>
667 <td>&myopac.summary.address.county;</td>
668 <td name='myopac_addr_county'></td>
672 <td>&myopac.summary.address.state;</td>
673 <td name='myopac_addr_state'></td>
677 <td>&myopac.summary.address.country;</td>
678 <td name='myopac_addr_country'></td>
682 <td>&myopac.summary.address.zip;</td>
683 <td name='myopac_addr_zip'></td>
686 <td name='myopac_addr_edit_td'
687 colspan='2' class='hide_me'>
688 <a class='classic_link'
689 name='myopac_addr_edit_link'
690 href='javascript:void(0);'>Edit Address</a>
696 name='myopac_pending_addr_td'>
699 <td>&myopac.summary.address.type;</td>
702 'myopac_pending_addr_type' /></td>
706 &myopac.summary.address.street;</td>
709 'myopac_pending_addr_street' /></td>
712 <td>&myopac.summary.address.street;</td>
714 <input name='myopac_pending_addr_street2' />
718 <td>&myopac.summary.address.city;</td>
720 <input name='myopac_pending_addr_city' />
724 <td>&myopac.summary.address.county;</td>
727 <input name='myopac_pending_addr_county' />
731 <td>&myopac.summary.address.state;</td>
733 <input name='myopac_pending_addr_state' />
738 <td>&myopac.summary.address.country;</td>
741 <input name='myopac_pending_addr_country' />
745 <td>&myopac.summary.address.zip;</td>
747 'myopac_pending_addr_zip' /></td>
750 <td name='myopac_addr_edit_td' colspan='2'>
751 <a class='classic_link'
752 name='myopac_pending_addr_edit_link'
753 href='javascript:void(0);'>Save Changes</a>
754 <a style='padding-left:10px;'
756 name='myopac_pending_addr_del_link'
757 href='javascript:void(0);'>Discard Pending Address</a>
766 <div class='hide_me' id='myopac_username_error'>
767 &myopac.summary.username.error;
769 <div class='hide_me' id='myopac_username_dup'>
770 &myopac.summary.username.dup;
772 <div class='hide_me' id='myopac_username_success'>
773 &myopac.summary.username.success;
775 <div class='hide_me' id='myopac_username_failure'>
776 &myopac.summary.username.failure;
778 <div class='hide_me' id='myopac_email_error'>
779 &myopac.summary.email.error;
781 <div class='hide_me' id='myopac_email_success'>
782 &myopac.summary.email.success;
784 <div class='hide_me' id='myopac_email_failure'>
785 &myopac.summary.email.failed;
787 <div class='hide_me' id='myopac_password_error'>
788 &myopac.summary.password.error;
790 <div class='hide_me' id='myopac_password_success'>
791 &myopac.summary.password.success;
793 <div class='hide_me' id='myopac_password_failure'>
794 &myopac.summary.password.failure;
796 <span class='hide_me' id= 'myopac_invalid_username'>
797 &myopac.summary.username.invalid;
799 <span class='hide_me' id='myopac_addr_changes_saved'>
802 <div class='hide_me' id='prefs_update_success'>
803 &myopac.prefs.save.success;
805 <div class='hide_me' id='prefs_update_failure'>
806 &myopac.prefs.save.failed;
808 <span class='hide_me' id='myopac_pref_hold_notify_alert'>