--- /dev/null
+[% WRAPPER "default/kcls-wire/parts/base.tt2" +
+ "default/kcls-wire/parts/myopac/base.tt2";
+ myopac_page = "holds" %]
+<div id='myopac_holds_div'>
+ <div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
+ <div class="align selected" id="holds_label">
+ <img src="/opac/skin/kcls/graphics/sub_holds_on.jpg" />
+ </div>
+ <div class="align hide_me" id="holds_hist_link">
+ <a href="javascript:;"
+ onclick="switchSubPage('holds','hist');"><img
+ src="/opac/skin/kcls/graphics/sub_holds_hist_off.jpg" /></a>
+ </div>
+ <div class="align hide_me" id="holds_link">
+ <a href="javascript:;"
+ onclick="switchSubPage('holds','main');"><img
+ src="/opac/skin/kcls/graphics/sub_holds_off.jpg" /></a>
+ </div>
+ <div class="align selected hide_me" id="holds_hist_label">
+ <img src="/opac/skin/kcls/graphics/sub_holds_hist_on.jpg" />
+ </div>
+ <div style="clear:both;"></div>
+ </div>
+ <div class="header_middle">
+ <span id="acct_holds_header" style="float:left;">
+ Current Items on Hold
+ </span>
+ <span style="float:right;">
+ <a class="hide_me" href="javascript:;">Export List</a>
+ </span>
+ </div>
+ <div style="clear:both;"></div>
+ <div id='holds_main'>
+ <table cellpadding='0' cellspacing='0' border='0'
+ style="padding:8px 0px 6px 0px;">
+ <tr>
+ <td width="1">
+ <select id="acct_holds_actions">
+ <option id='myopac_holds_actions_none' value=''>
+ -- &myopac.holds.actions; --
+ </option>
+ <option value='freeze'>
+ &myopac.holds.freeze_selected;
+ </option>
+ <option value='thaw'>
+ &myopac.holds.thaw_selected;
+ </option>
+ <option value='thaw_date'>
+ &myopac.holds.thaw_date_selected;
+ </option>
+ <option value='cancel'>
+ &myopac.holds.cancel_selected;
+ </option>
+ </select>
+ </td>
+ <td width="1" style="padding-left:9px;">
+ <a href="javascript:;" onclick="myopacDoHoldAction();"><img
+ alt="Save"
+ src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ </td>
+ <td width="1" style="padding-left:5px;">
+ <a href="javascript:;"
+ onclick="alert('Suspend your hold for pick up at a later date. Edit individual items with the Edit link or check the Title box to select all, select action and Save.');"><img
+ alt="Holds Help"
+ src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </td>
+ <td align="right">
+ <select class="hide_me" id="holds_sort"
+ onchange="sortHolds(this.options[this.selectedIndex].value);">
+ <option value="">-- Sort By --</option>
+ <option value="title">Title</option>
+ <option value="pickup">PickUp Location</option>
+ <option value="status">Status</option>
+ </select>
+ </td>
+ </tr>
+ </table>
+ <table id="acct_holds_main_header" cellpadding='0' cellspacing='0'
+ border='0' width="100%">
+ <tr>
+ <td width="36" align="center">
+ <input type="checkbox" id="check_all_holds"
+ onclick="checkAll($('holds_temp_parent'), this.id);" />
+ </td>
+ <td width="138">
+ <span title="Click to sort"
+ onclick="sortHolds('title');" style="cursor:pointer;">
+ Title
+ </span>
+ </td>
+ <td width="123">
+ <span title="Click to sort"
+ onclick="sortHolds('author');"
+ style="cursor:pointer;">Author</span>
+ </td>
+ <td width="64">
+ <span title="Click to sort"
+ onclick="sortHolds('format');"
+ style="cursor:pointer;">Format</span>
+ </td>
+ <td width="136">
+ <span title="Click to sort"
+ onclick="sortHolds('pickup');"
+ style="cursor:pointer;">Pickup Location</span>
+ </td>
+ <td width="104">Activate</td>
+ <td width="106">Cancel if not<br />filled by</td>
+ <td width="95">Active</td>
+ <td width="172">
+ <span title="Click to sort"
+ onclick="sortHolds('status');"
+ style="cursor:pointer;">Status</span>
+ </td>
+ </tr>
+ </table>
+ <div class="hide_me">
+ <select id="hold_pickup_lib_temp" name="hold_pickup_lib_sel"
+ class="hide_me" style="width:125px;height:21px;"></select>
+ </div>
+
+ <table cellpadding='0' cellspacing='0' border='0' width="100%">
+ <tbody id="holds_temp_parent">
+ <tr id="acct_holds_temp" name="acct_holds_temp"
+ class="acct_holds_temp">
+ <td width="36" align="center" style="text-align:center;">
+ <input type="checkbox" name="check_all_holds" />
+ </td>
+ <td width="138">
+ <div style="margin-top:10px;margin-bottom:10px;">
+ <a href="javascript:;" name="myopac_holds_title_link"></a>
+ </div>
+ </td>
+ <td width="123">
+ <div style="margin-top:10px;margin-bottom:10px;"
+ name="myopac_holds_author"></div>
+ </td>
+ <td width="64">
+ <div style="width:26px;height:23px;margin-top:6px;margin-bottom:6px;"
+ name="myopac_holds_formats">
+ </div>
+ </td>
+ <td width="136">
+ <span name="hold_pickup_lib_span"></span>
+ <span name="hold_pickup_lib"></span>
+ </td>
+ <td width="104">
+ <input
+ title="Enter a date (e.g. 10/21/2010)"
+ class="hide_me" style="width:91px;"
+ name="activate_box" type="text" />
+ <span name="activate_date"></span>
+ </td>
+ <td width="106">
+ <input title="Enter a date (e.g. 10/21/2010)"
+ class="hide_me" style="width:91px;"
+ name="hold_expires_box" type="text" />
+ <span name="hold_expires"></span>
+ </td>
+ <td width="95">
+ <select name="hold_active_sel"
+ style="width:90px;" class="hide_me">
+ <option value="f">Active</option>
+ <option value="t">Suspended</option>
+ </select>
+ <span name="hold_active"></span>
+ </td>
+ <td width="110">
+ <div name="acct_holds_status"
+ style="margin-top:10px;margin-bottom:10px;">
+ <span class="hide_me"
+ name="hold_ready_expire"></span>
+ </div>
+ </td>
+ <td width="62" align="right"
+ style="text-align:right;padding-right:7px;">
+ <a name="hold_edit_link" href="javascript:;">Edit</a>
+ <a href="javascript:;" name="hold_save_link"
+ class="hide_me">Save</a>
+ <a href="javascript:;" name="hold_cancel_link"
+ class="hide_me">Back</a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div id='holds_hist_table' class="hide_me">testing...</div>
+
+ <span id='myopac.holds.cancel.confirm' class='hide_me'>&myopac.holds.cancel.confirm;</span>
+ <span id='myopac.holds.freeze.confirm' class='hide_me'>&myopac.holds.freeze.confirm;</span>
+ <span id='myopac.holds.thaw.confirm' class='hide_me'>&myopac.holds.thaw.confirm;</span>
+ <span id='myopac.holds.thaw_date.confirm' class='hide_me'>&myopac.holds.thaw_date.confirm;</span>
+ <span id='myopac.holds.freeze.select_thaw' class='hide_me'>&myopac.holds.freeze.select_thaw;</span>
+
+ <table width='100%' id='myopac_holds_processing' class='hide_me'>
+ <tr><td>&myopac.holds.processing;</td></tr>
+ </table>
+
+ <span class='hide_me' id='myopac_holds_cancel_verify'>
+ &myopac.holds.verify;
+ </span>
+</div>
+<div id='myopac_holds_thaw_date_form' class='hide_me'>
+ <div id='myopac_holds_freeze_select_thaw'>
+ &myopac.holds.freeze.select_thaw;
+ </div>
+ <p>
+ <input dojoType="dijit.form.DateTextBox" size='10' maxlength='10'
+ type='text' id='myopac_holds_thaw_date_input' />
+ </p>
+ <p>
+ <button onclick='myopacApplyThawDate();'>&common.submit;</button>
+ </p>
+</div>
+[% END %]
--- /dev/null
+[% WRAPPER "default/kcls-wire/parts/base.tt2" +
+ "default/kcls-wire/parts/myopac/base.tt2";
+ myopac_page = "lists" %]
+<div
+ style="margin-top: 6px;margin-left:20px;width:250px;padding:5px;"
+ id="mylist_div">
+ <div style="padding-bottom: 7px;">
+ <h2 style="font-weight:normal;">Create new list</h2>
+ Enter the name of the new list:<br />
+ <input type="text" id="mylist_new" />
+ </div>
+ <table cellpadding="0" cellspacing="10" border="0">
+ <tr>
+ <td>
+ Share this list?
+ <a href="javascript:;"
+ onclick="alert($('bb_publish_text').innerHTML);"><img
+ alt="Sharing Help"
+ src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </td>
+ <td>
+ <input type="radio" value="0" name="shareList"
+ id="shareListNo" checked="checked" />
+ <label for="shareListNo">No</label>
+ <br />
+ <input type="radio" value="1" name="shareList"
+ id="shareListYes" />
+ <label for="shareListYes">Yes</label>
+ </td>
+ </tr>
+ </table>
+ <a href="javascript:;"
+ onclick="if(addMyList()) {hideMe($('mylist_div'));unHideMe($('myopac_bookbag_div'));}"><img
+ alt="Submit" src="/opac/skin/kcls/graphics/btnSubmit.png" /></a>
+
+ <a href="javascript:;"
+ onclick="hideMe($('mylist_div'));unHideMe($('myopac_bookbag_div'));"><img
+ alt="Cancel" src="/opac/skin/kcls/graphics/btnCancel.png" /></a>
+</div>
+<div id='myopac_bookbag_div' style="padding:5px;">
+ <div class="header_middle">
+ <span id="acct_holds_header" style="float:left;">My Lists</span>
+ <span style="float:right;">
+ <a class="hide_me" href="javascript:;">Export List</a>
+ </span>
+ </div>
+ <div style="float:right;width:85px;">
+ <div style="position:absolute">
+ <div style="position:relative;top:13px;">
+ <a href="javascript:;"
+ style="position:relative;top:-3px;left:-5px;"
+ onclick="alert('To take action on individual items, select item, choose action and Save.');"><img
+ alt="Saving Help"
+ src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ <a id='acct_lists_save' href="javascript:;"
+ onclick="listSaveAction()"><img alt="Save"
+ src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ </div>
+ </div>
+ </div>
+ <div style="clear:both;padding-top:10px;">
+ <a href="javascript:;"
+ onclick="hideMe($('myopac_bookbag_div'));unHideMe($('mylist_div'));">+ Add new list</a>
+ </div>
+ <div id="temp_wrapper">
+ <div id='acct_list_template2' class="hide_me">
+ <div style="width:100%">
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td style="font-weight:bold;padding-right:10px;" id='anon_list_name'>
+ Temporary List
+ </td>
+ <td>
+ <a href="javascript:;"
+ onclick="alert('Items you selected from the search results screen.')"><img
+ alt="Anonymous List Help"
+ src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </td>
+ </tr>
+ </table>
+ <div style="float:right;"></div>
+ <div style="clear:both;padding-bottom:5px;"></div>
+ </div>
+
+ <table id="acct_list_header_anon" cellpadding='0' cellspacing='0' border='0'>
+ <tr>
+ <td width="1%" style="padding-left:10px;">
+ <input type="checkbox" id="check_all_list_anon"
+ onclick="checkAll(this.parentNode.parentNode.parentNode.parentNode.parentNode, this, 'list_action_chbx');" />
+ </td>
+ <td width="98%" style="padding-left:5px;">Title</td>
+ <td width="1%">
+ <select style='width:175px;margin-right:11px;'
+ name="list_actions" id="sel_all_list_anon">
+ <option value="0">-- Actions for this list --</option>
+ <option value="hold">Place Hold</option>
+ <option value="remove">Remove Items</option>
+ </select>
+ </td>
+ </tr>
+ </table>
+ <table cellpadding='0' cellspacing='5' border='0'
+ width='91%' style='margin-left:5px;margin-top:5px;'>
+ <tbody id='anon_list_tbody'></tbody>
+ </table>
+ <br /><br />
+ </div>
+ <div id='acct_lists_prime'>
+ <div id='acct_list_template'>
+ <div style="width:100%">
+ <div style="float:left;font-weight:bold;padding-top:5px;"
+ name='list_name'></div>
+ <div style="float:left;padding:5px 0px 0px 10px;">
+ <a target='_blank' name='share_list_rss'
+ class='hide_me'><img alt="RSS Feed" border="0"
+ src="/opac/images/small-rss.png"
+ title="You are sharing this list"/></a>
+ </div>
+ <div style="float:left;padding:5px 0px 0px 10px;">
+ <a href="javascript:;" name="share_list_link">Share</a>
+ </div>
+ <div style="float:left;padding:5px 0px 0px 10px;">
+ <a href="javascript:;" name="remove_list">Remove</a>
+ </div>
+ <div style="clear:both;padding-bottom:5px;"></div>
+ </div>
+ <table id="acct_list_header" cellpadding='0' cellspacing='0'
+ border='0'>
+ <tr>
+ <td width="1%" style="padding-left:10px;">
+ <input type="checkbox" id="check_all_list"
+ onclick="checkAll(this.parentNode.parentNode.parentNode.parentNode.parentNode, this, 'list_action_chbx');" />
+ </td>
+ <td width="98%" style="padding-left:5px;">Title</td>
+ <td width="1%">
+ <select style='width:175px;margin-right:11px;' name="list_actions">
+ <option value="0">-- Actions for this list --</option>
+ <option value="hold">Place Hold</option>
+ <option value="remove">Remove Items</option>
+ </select>
+ </td>
+ </tr>
+ </table>
+ <table cellpadding='0' cellspacing='5' border='0'
+ width='91%' style='margin-left:5px;margin-top:5px;'>
+ <tbody name='list_tbody'></tbody>
+ </table>
+ <br /><br />
+ </div>
+ </div>
+ </div>
+ <div id='myopac_delete_bookbag_warn' class='hide_me'>
+ &myopac.delete.bookbag;
+ </div>
+ <div style='text-align: center; font-weight: bold;'
+ class='hide_me' id='myopac_bookbags_none'>&myopac.no.bookbags;</div>
+ <table width='100%' class='data_grid data_grid_center hide_me'
+ id='myopac_bookbag_table'>
+ <thead>
+ <tr>
+ <td>&common.name;</td>
+ <td>&myopac.bookbag.items;</td>
+ <td>&myopac.bookbag.shared;</td>
+ <td>&myopac.bookbag.toggle;</td>
+ <td>&myopac.bookbag.delete;</td>
+ </tr>
+ </thead>
+ <tbody id='myopac_bookbag_tbody'>
+ <tr id='myopac_bookbag_tr'>
+ <td>
+ <a href='javascript:void(0);' class='classic_link'
+ name='myopac_expand_bookbag'> </a>
+ </td>
+ <td>
+ <span name='myopac_bookbag_item_count'> </span>
+ <span> &myopac.items;</span>
+ </td>
+ <td>
+ <span name='myopac_bb_published_no' class='hide_me'>
+ &common.no;
+ </span>
+ <span name='myopac_bb_published_yes' class='hide_me'>
+ &common.yes;
+ </span>
+ <a name='myopac_bb_published_view'
+ class='classic_link hide_me'>&myopac.view;</a>
+ <a name='myopac_bb_published_atom'
+ class='unadorned_link hide_me'>
+ <img alt="RSS Feed" border="0"
+ src="/opac/images/small-rss.png"
+ title="&myopac.atom.feed;" />
+ </a>
+ </td>
+ <td>
+ <a name='myopac_bb_make_unpublished'
+ class='classic_link hide_me'>&myopac.bookbag.hide;</a>
+ <a name='myopac_bb_make_published'
+ class='classic_link hide_me'>&myopac.bookbag.share;</a>
+ </td>
+ <td>
+ <a class='classic_link' href='javascript:void(0);'
+ name='myopac_container_delete'>&myopac.delete;</a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <table width='100%' class='data_grid data_grid_center hide_me' style='margin-top: 10px;'>
+ <thead>
+ <tr><td>&myopac.bookbag.create;</td></tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <span style='padding-right: 5px;'>
+ &myopac.bookbag.naming;
+ </span>
+ <input id='myopac_bookbag_new_name' type='text' />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <span style='padding: 5px;'>&myopac.bookbag.share;</span>
+ <a class='classic_link'
+ href='javascript:alert($("bb_publish_text").innerHTML);'><b>&common.help;</b></a>
+ <span>&common.yes;</span>
+ <input type='radio' name='bb_public' id='bb_public_yes'/>
+ <span>&common.no;</span>
+ <input type='radio' name='bb_public' id='bb_public_no' checked='checked'/>
+ <input style='padding-left: 10px;'
+ onclick='myOPACCreateBookbag();'
+ type='submit' value='&common.submit;' />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <div style='width: 99%; text-align: center'>
+ <b id='myopac_bookbag_items_name'> </b>
+ </div>
+ <div class='hide_me'
+ style='width:100%; text-align:center; font-weight:700; margin-top:10px;'
+ id='myopac_bookbag_no_items'>
+ &myopac.bookbag.no.items;
+ </div>
+ <table width='100%' class='hide_me data_grid data_grid_center'
+ id='myopac_bookbag_items_table'>
+ <thead>
+ <tr>
+ <td>&common.title;</td>
+ <td>&common.authors;</td>
+ <td>&myopac.bookbag.remove;</td>
+ </tr>
+ </thead>
+ <tbody id='myopac_bookbag_items_tbody'>
+ <tr id='myopac_bookbag_items_row'>
+ <td>
+ <a name='myopac_bookbag_items_title'
+ class='classic_link'> </a>
+ </td>
+ <td name='myopac_bookbag_items_author'></td>
+ <td>
+ <a name='myopac_bookbag_items_remove'
+ class='classic_link'>&myopac.remove.link;</a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <span id='bb_publish_text' class='hide_me'>&myopac.publish.text;</span>
+ <span id='myopac_remove_bb_item_confirm' class='hide_me'>
+ &myopac.item.confirm;
+ </span>
+ <span id='myopac_make_published_confirm' class='hide_me'>
+ &myopac.publish.confirm;
+ </span>
+ <span id='myopac_make_unpublished_confirm' class='hide_me'>
+ &myopac.unpublish.confirm;
+ </span>
+ <span id='myopac_bb_update_success' class='hide_me'>
+ &myopac.update.success;
+ </span>
+ <span id='bb_create_warning' class='hide_me'>
+ &myopac.create.warning;
+ </span>
+ <span id='myopac_bb_what_are' class='hide_me'>
+ &myopac.describe.bookbags;
+ </span>
+ <span class='hide_me' id='bb_update_success'>
+ &myopac.updated.success;
+ </span>
+</div>
+[% END %]
--- /dev/null
+[% WRAPPER "default/kcls-wire/parts/base.tt2" +
+ "default/kcls-wire/parts/myopac/base.tt2";
+ myopac_page = "prefs" %]
+ <div id='myopac_prefs_div'>
+ <div id="acct_prefs_tabs"
+ style="padding-bottom: 12px;color:#666;">
+ <div style="float:left;">
+ <div class="align selected"
+ id="prefs_info_lbl"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_info_on.jpg" /></div>
+
+ <div class="align hide_me"
+ id="prefs_info_link">
+ <a href="javascript:;"
+ onclick="switchSubPage('prefs','info')"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_info_off.jpg" /></a>
+ </div>
+
+ <div class="align"
+ id="prefs_notify_link">
+ <a href="javascript:;"
+ onclick="switchSubPage('prefs','notify')"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_notify_off.jpg" /></a>
+ </div>
+
+ <div class="align selected hide_me"
+ id="prefs_notify_lbl"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_notify_on.jpg" /></div>
+
+ <div class="align"
+ id="prefs_search_link">
+ <a href="javascript:;"
+ onclick="switchSubPage('prefs','search')"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_search_off.jpg" /></a>
+ </div>
+
+ <div class="align selected hide_me"
+ id="prefs_search_lbl"><img src=
+ "/opac/skin/kcls/graphics/sub_prefs_search_on.jpg" /></div>
+ </div>
+
+ <div style="float:right;width:65px;">
+ <div style="position:absolute">
+ <div style="position:relative;top:75px;">
+ <a id='acct_prefs_save'
+ class='hide_me'
+ href="javascript:;"
+ onclick="myOPACSavePrefs()"><img alt="Save"
+ src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ </div>
+ </div>
+ </div>
+
+ <div style="clear:both;"></div>
+ </div>
+
+ <div class="header_middle">
+ <span id="acct_prefs_header"
+ style="float:left;">Account Information and Preferences</span>
+ <span style="float:right;"><a class="hide_me"
+ href="javascript:;"
+ onclick="fadeOut(this);">Export List</a></span>
+ </div>
+
+ <div style="clear:both;height:10px;"></div>
+
+ <table width='100%'
+ class="hide_me"
+ id="acct_search_main">
+ <tbody id='myopac_prefs_tbody'>
+ <tr id='myopac_prefs_loading'>
+ <td colspan='3'><b>&myopac.loading;</b></td>
+ </tr>
+
+ <tr id='myopac_prefs_row'>
+ <td width='20%'>&myopac.prefs.hits;</td>
+
+ <td>
+ <div style="position:absolute">
+ <div style="position:relative;top:0px;left:55px;">
+ <a href="javascript:;"
+ onclick=
+ "alert('Number of search results to display per page. For slower connections, choose fewer hits per page');">
+ <img alt="Search Hits Help"
+ src=
+ "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </div>
+ </div><select id='prefs_hits_per'
+ style="position:relative;z-index:100;">
+ <option value='5'>
+ 5
+ </option>
+
+ <option value='8'>
+ 8
+ </option>
+
+ <option value='10'>
+ 10
+ </option>
+
+ <option value='15'>
+ 15
+ </option>
+
+ <option value='20'>
+ 20
+ </option>
+
+ <option value='25'>
+ 25
+ </option>
+
+ <option value='50'>
+ 50
+ </option>
+ </select>
+ </td>
+ </tr>
+
+ <tr>
+ <td colspan="2"><label for="circHistStart">Keep history of
+ checked out items?</label> <input type="checkbox"
+ id="circHistStart" /></td>
+ </tr><!-- FONT size preference -->
+
+ <tr class="hide_me">
+ <td>&myopac.prefs.font;</td>
+
+ <td><select id='prefs_def_font'>
+ <option value='regular'>
+ &myopac.prefs.font.regular;
+ </option>
+
+ <option value='large'>
+ &myopac.prefs.font.large;
+ </option>
+ </select></td>
+ </tr>
+
+ <tr class="hide_me">
+ <td>&myopac.prefs.search.location;</td>
+ <td>
+ <div style='margin-bottom: 5px;'>
+ <input type='checkbox'
+ id='myopac_pref_home_lib'
+ onclick='if(this.checked) $("prefs_def_location").disabled=true; else $("prefs_def_location").disabled=false;' />
+ &myopac.prefs.search.home;
+ </div>
+ <select id='prefs_def_location'></select>
+ </td>
+ </tr>
+
+ <tr class="hide_me">
+ <td>&myopac.prefs.search.range;</td>
+
+ <td><select id='prefs_def_range'>
+ </select></td>
+ </tr>
+ </tbody>
+ </table><a href=
+ "http://www.kcls.org/usingthelibrary/catalog_help/library_elf.cfm"><u>Try
+ Library Elf-to manage library materials!</u></a>
+
+ <table class="hide_me"
+ id="acct_notify_main">
+ <tbody>
+ <tr class="hide_me">
+ <td><span>&myopac.prefs.holds.notify;</span> <a class=
+ 'classic_link'
+ href='javascript:void(0);'
+ onclick=
+ 'alert($("myopac_pref_hold_notify_alert").innerHTML);'>&common.help;</a></td>
+
+ <td style="padding-left:15px;"><select id=
+ 'prefs_hold_notify'>
+ <option value='phone:email'
+ selected='selected'>
+ &myopac.prefs.holds.both;
+ </option>
+
+ <option value='phone'>
+ &myopac.prefs.holds.phone;
+ </option>
+
+ <option value='email'>
+ &myopac.prefs.holds.email;
+ </option>
+ </select></td>
+ </tr>
+
+ <tr>
+ <td style="padding-top:10px;"><strong>Pick Up Notice for
+ Holds</strong><br />
+ <input type="checkbox"
+ id="opac.hold_notify.email"
+ name="opac.hold_notify.email" /> <label for=
+ "opac.hold_notify.email">Email</label><br />
+ <input type="checkbox"
+ id="opac.hold_notify.phone"
+ name="opac.hold_notify.phone" /> <label for=
+ "opac.hold_notify.phone">Phone</label>
+ <b>(Temporarily phone notification will generate a
+ mailed paper notice.)</b></td>
+ </tr>
+
+ <tr>
+ <td style="padding-top:10px;"><strong>Expire Notice for
+ Holds</strong><br />
+ <input type="checkbox"
+ id="notification.hold.expire.email"
+ name="notification.hold.expire.email" /> <label for=
+ "notification.hold.expire.email">Email</label></td>
+ </tr>
+
+ <tr>
+ <td style="padding-top:10px;"><strong>Cancel Notice for
+ Holds</strong><br />
+ <input type="checkbox"
+ id="notification.hold.cancel.email"
+ name="notification.hold.cancel.email" /> <label for=
+ "notification.hold.cancel.email">Email</label></td>
+ </tr>
+
+ <tr>
+ <td style="padding-top:10px;"><strong>Overdue First
+ Notice</strong><br />
+ <input type="checkbox"
+ id="notification.overdue.first.email"
+ name="notification.overdue.first.email" />
+ <label for=
+ "notification.overdue.first.email">Email</label><br />
+ <input type="checkbox"
+ id="notification.overdue.first.phone"
+ name="notification.overdue.first.phone" />
+ <label for=
+ "notification.overdue.first.phone">Phone</label>
+ <b>(Temporarily phone notification will generate a
+ mailed paper notice.)</b></td>
+ </tr>
+
+ <tr>
+ <td style="padding-top:10px;"><strong>Courtesy
+ Notice</strong><br />
+ <input type="checkbox"
+ id="notification.predue.email"
+ name="notification.predue.email" /> <label for=
+ "notification.predue.email">Email</label><br /></td>
+ </tr>
+ </tbody>
+ </table>
+
+ <div id="acct_info_main">
+ <div id='myopac.expired.alert'
+ class='hide_me'
+ style='margin-bottom: 20px;'>
+ <table class='data_grid'
+ width='100%'>
+ <tbody>
+ <tr>
+ <td width='100%'
+ style='color:red;'>
+ &myopac.summary.expired;</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div id='myopac.notes.div'
+ class='hide_me'>
+ <table class='data_grid'
+ width='100%'>
+ <thead>
+ <tr>
+ <td colspan='2'>
+ <b>&myopac.summary.notes;</b></td>
+ </tr>
+ </thead>
+
+ <tbody id='myopac.notes.tbody'>
+ <tr id='myopac.notes.tr'>
+ <td><b name='title'></b> : <span name=
+ 'value'></span></td>
+ </tr>
+ </tbody>
+ </table><br />
+ </div>
+
+ <table width='70%'
+ class='light_border data_grid'>
+ <tbody id='myopac_summary_tbody'>
+ <tr>
+ <td width='30%'
+ class='color_4 light_border'>&common.name;</td>
+
+ <td class='light_border'><span id=
+ 'myopac_summary_prefix'
+ style='padding-right: 5px;'></span> <span id=
+ 'myopac_summary_first'
+ style='padding-right: 5px;'></span> <span id=
+ 'myopac_summary_middle'
+ style='padding-right: 5px;'></span> <span id=
+ 'myopac_summary_last'
+ style='padding-right: 5px;'></span> <span id=
+ 'myopac_summary_suffix'></span></td>
+
+ <td></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.phone.day;</td>
+
+ <td class='light_border'
+ id='myopac_summary_dayphone'></td>
+
+ <td class='light_border'><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_phone1_row"));$("myopac_new_phone1").focus();'
+ id='myopac_summary_phone1_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+
+ <tr id='myopac_update_phone1_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'><span class='myopac_update_span'>Enter
+ New &myopac.summary.phone.day;:</span>
+ <input type='text'
+ size='24'
+ id='myopac_new_phone1'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdatePhone("1");' />
+ <span class='myopac_update_span'><button onclick=
+ 'myOPACUpdatePhone("1");'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_phone1_row"));'><span class=
+ 'myopac_update_span'>&common.cancel;</span></button></span></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.phone.evening;</td>
+
+ <td class='light_border'
+ id='myopac_summary_eveningphone'></td>
+
+ <td class='light_border'><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_phone2_row"));$("myopac_new_phone2").focus();'
+ id='myopac_summary_phone2_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+
+ <tr id='myopac_update_phone2_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'><span class='myopac_update_span'>New
+ &myopac.summary.phone.evening;:</span>
+ <input type='text'
+ size='24'
+ id='myopac_new_phone2'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdatePhone("2");' />
+ <span class='myopac_update_span'><button onclick=
+ 'myOPACUpdatePhone("2");'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_phone2_row"));'><span class=
+ 'myopac_update_span'>&common.cancel;</span></button></span></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.phone.other;</td>
+
+ <td class='light_border'
+ id='myopac_summary_otherphone'></td>
+
+ <td class='light_border'><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_phone3_row"));$("myopac_new_phone3").focus();'
+ id='myopac_summary_phone3_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+
+ <tr id='myopac_update_phone3_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'><span class='myopac_update_span'>Enter
+ New &myopac.summary.phone.other;:</span>
+ <input type='text'
+ size='24'
+ id='myopac_new_phone3'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdatePhone("3");' />
+ <span class='myopac_update_span'><button onclick=
+ 'myOPACUpdatePhone("3");'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_phone3_row"));'><span class=
+ 'myopac_update_span'>&common.cancel;</span></button></span></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ <div style="position:absolute">
+ <div style=
+ "position:relative;left:70px;top:-3px;">
+ <a href="javascript:;"
+ onclick=
+ "alert('Create a Username as an option to your barcode to log into My Account.\nExamples: ilovebooks, johndoe1');">
+ <img alt="Username Help"
+ src=
+ "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </div>
+ </div>&common.username;
+ </td>
+
+ <td class='light_border'
+ id='myopac_summary_username'></td>
+
+ <td class='light_border'><a href='javascript:void(0);'
+ onclick=
+ 'unHideMe($("myopac_update_username_row"));$("myopac_new_username").focus();'
+ class="hide_me"
+ id='myopac_summary_username_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+
+ <tr id='myopac_update_username_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'><span class=
+ 'myopac_update_span'>&myopac.summary.username.enter;</span>
+ <input type='text'
+ size='24'
+ id='myopac_new_username'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdateUsername();' />
+ <span class='myopac_update_span'><button onclick=
+ 'myOPACUpdateUsername();'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_username_row"));'><span class=
+ 'myopac_update_span'>&common.cancel;</span></button></span></td>
+ </tr>
+ <tr>
+ <td class='color_4 light_border'>
+ &common.password;</td>
+ <td class='light_border'
+ id='myopac_summary_password'>
+ &myopac.summary.password.text;</td>
+ <td class='light_border'><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_password_row"));$("myopac_current_password").focus();'
+ id='myopac_summary_password_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+ <tr id='myopac_update_password_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'>
+ <table>
+ <tbody>
+ <tr>
+ <td>
+ <span class= 'myopac_update_span'>
+ &myopac.summary.password.current;
+ </span>
+ </td>
+
+ <td>
+ <input type='password'
+ size='24'
+ id='myopac_current_password'
+ onkeydown='if(userPressedEnter(event)) myOPACUpdatePassword();' />
+ </td>
+ </tr>
+ <tr>
+ <td><span class=
+ 'myopac_update_span'>&myopac.summary.password.new;</span></td>
+
+ <td><input type='password'
+ size='24'
+ id='myopac_new_password'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdatePassword();' /></td>
+ </tr>
+
+ <tr>
+ <td><span class=
+ 'myopac_update_span'>&myopac.summary.password.reenter;</span></td>
+
+ <td><input type='password'
+ size='24'
+ id='myopac_new_password2'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdatePassword();' /></td>
+ </tr>
+ </tbody>
+ </table><span class=
+ 'myopac_update_span'><button onclick=
+ 'myOPACUpdatePassword();'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_password_row"));'><span class='myopac_update_span'>
+ &common.cancel;</span></button></span>
+ </td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.email;</td>
+
+ <td class='light_border'
+ id='myopac_summary_email'></td>
+
+ <td class='light_border'><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_email_row"));$("myopac_new_email").focus();'
+ id='myopac_summary_email_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+
+ <tr id='myopac_update_email_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'><span class=
+ 'myopac_update_span'>&myopac.summary.email.new;</span>
+ <input type='text'
+ size='24'
+ id='myopac_new_email'
+ onkeydown=
+ 'if(userPressedEnter(event)) myOPACUpdateEmail();' />
+ <span class='myopac_update_span'><button onclick=
+ 'myOPACUpdateEmail();'><span class=
+ 'myopac_update_span'>&common.submit;</span></button></span>
+ <span class='myopac_update_span'><button onclick=
+ 'hideMe($("myopac_update_email_row"));'><span class=
+ 'myopac_update_span'>&common.cancel;</span></button></span></td>
+ </tr>
+
+ <tr class="hide_me">
+ <td class='color_4 light_border'>
+ &myopac.summary.id.primary;</td>
+
+ <td class='light_border'
+ id='myopac_summary_ident1'></td>
+
+ <td></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.barcode;</td>
+
+ <td class='light_border'
+ id='myopac_summary_barcode'></td>
+
+ <td></td>
+ </tr>
+
+ <tr>
+ <td class='color_4 light_border'>
+ &myopac.summary.home;</td>
+ <td class='light_border'
+ id='myopac_summary_homelib'></td>
+ <td><a href='javascript:void(0);'
+ class="hide_me"
+ onclick=
+ 'unHideMe($("myopac_update_home_row"));$("myopac_new_home").focus();'
+ id='myopac_summary_home_change'
+ style=
+ 'text-decoration: underline;'>&myopac.summary.change;</a></td>
+ </tr>
+ <tr id='myopac_update_home_row'
+ class='hide_me'>
+ <td class='myopac_update_cell'
+ colspan='3'>
+ <span class='myopac_update_span'>
+ New home library:</span>
+ <select id='myopac_new_home'>
+ </select>
+ <span class='myopac_update_span'>
+ <button onclick= 'myOPACUpdateHomeOU();'>
+ <span class= 'myopac_update_span'>
+ &common.submit;</span>
+ </button>
+ </span>
+ <span class='myopac_update_span'>
+ <button onclick= 'hideMe($("myopac_update_home_row"));'>
+ <span class= 'myopac_update_span'>
+ &common.cancel;</span>
+ </button>
+ </span>
+ </td>
+ </tr>
+ <tr class="hide_me">
+ <td class='color_4 light_border'>
+ &myopac.summary.genesis;
+ </td>
+ <td class='light_border'
+ id='myopac_summary_create_date'></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table><br />
+ <hr style="border-bottom:none;*height:0px;" color="#DCDBDB" />
+ <br />
+
+ <table width='100%' class='light_border data_grid'>
+ <thead>
+ <tr>
+ <td>&myopac.summary.addresses;</td>
+
+ <td id='myopac_pending_addr_td' class='hide_me'>
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td>&myopac.summary.addresses.pending;</td>
+
+ <td>
+ <a href="javascript:;"
+ onclick="alert('Address changes will be authenticated by staff.');"><img
+ alt="Address Help"
+ src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </thead>
+ <tbody id='myopac_addr_tbody'>
+ <tr id='myopac_addr_row' class='light_border'>
+ <td>
+ <table>
+ <tr>
+ <td>&myopac.summary.address.type;</td>
+ <td name='myopac_addr_type'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.street;</td>
+ <td name='myopac_addr_street'></td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.street;</td>
+ <td name='myopac_addr_street2'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.city;</td>
+ <td name='myopac_addr_city'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.county;</td>
+ <td name='myopac_addr_county'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.state;</td>
+ <td name='myopac_addr_state'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.country;</td>
+ <td name='myopac_addr_country'></td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.zip;</td>
+ <td name='myopac_addr_zip'></td>
+ </tr>
+ <tr>
+ <td name='myopac_addr_edit_td'
+ colspan='2' class='hide_me'>
+ <a class='classic_link'
+ name='myopac_addr_edit_link'
+ href='javascript:void(0);'>Edit Address</a>
+ </td>
+ </tr>
+ </table>
+ </td>
+ <td class='hide_me'
+ name='myopac_pending_addr_td'>
+ <table>
+ <tr>
+ <td>&myopac.summary.address.type;</td>
+
+ <td><input name=
+ 'myopac_pending_addr_type' /></td>
+ </tr>
+ <tr>
+ <td>
+ &myopac.summary.address.street;</td>
+
+ <td><input name=
+ 'myopac_pending_addr_street' /></td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.street;</td>
+ <td>
+ <input name='myopac_pending_addr_street2' />
+ </td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.city;</td>
+ <td>
+ <input name='myopac_pending_addr_city' />
+ </td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.county;</td>
+
+ <td>
+ <input name='myopac_pending_addr_county' />
+ </td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.state;</td>
+ <td>
+ <input name='myopac_pending_addr_state' />
+ </td>
+ </tr>
+
+ <tr>
+ <td>&myopac.summary.address.country;</td>
+
+ <td>
+ <input name='myopac_pending_addr_country' />
+ </td>
+ </tr>
+ <tr>
+ <td>&myopac.summary.address.zip;</td>
+ <td><input name=
+ 'myopac_pending_addr_zip' /></td>
+ </tr>
+ <tr>
+ <td name='myopac_addr_edit_td' colspan='2'>
+ <a class='classic_link'
+ name='myopac_pending_addr_edit_link'
+ href='javascript:void(0);'>Save Changes</a>
+ <a style='padding-left:10px;'
+ class='classic_link'
+ name='myopac_pending_addr_del_link'
+ href='javascript:void(0);'>Discard Pending Address</a>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div class='hide_me' id='myopac_username_error'>
+ &myopac.summary.username.error;
+ </div>
+ <div class='hide_me' id='myopac_username_dup'>
+ &myopac.summary.username.dup;
+ </div>
+ <div class='hide_me' id='myopac_username_success'>
+ &myopac.summary.username.success;
+ </div>
+ <div class='hide_me' id='myopac_username_failure'>
+ &myopac.summary.username.failure;
+ </div>
+ <div class='hide_me' id='myopac_email_error'>
+ &myopac.summary.email.error;
+ </div>
+ <div class='hide_me' id='myopac_email_success'>
+ &myopac.summary.email.success;
+ </div>
+ <div class='hide_me' id='myopac_email_failure'>
+ &myopac.summary.email.failed;
+ </div>
+ <div class='hide_me' id='myopac_password_error'>
+ &myopac.summary.password.error;
+ </div>
+ <div class='hide_me' id='myopac_password_success'>
+ &myopac.summary.password.success;
+ </div>
+ <div class='hide_me' id='myopac_password_failure'>
+ &myopac.summary.password.failure;
+ </div>
+ <span class='hide_me' id= 'myopac_invalid_username'>
+ &myopac.summary.username.invalid;
+ </span>
+ <span class='hide_me' id='myopac_addr_changes_saved'>
+ Address Saved
+ </span>
+ <div class='hide_me' id='prefs_update_success'>
+ &myopac.prefs.save.success;
+ </div>
+ <div class='hide_me' id='prefs_update_failure'>
+ &myopac.prefs.save.failed;
+ </div>
+ <span class='hide_me' id='myopac_pref_hold_notify_alert'>
+ &myopac.prefs.help;
+ </span>
+ </div>
+[% END %]