From ec363a0f9d4b98fcf575c2add0f583f6030b2685 Mon Sep 17 00:00:00 2001
From: senator <lebbeous@esilibrary.com>
Date: Thu, 3 Feb 2011 11:54:23 -0500
Subject: [PATCH] all five main parts of their myopac page

now it's on to the serious js scrubbing (dojo parts are already gone). this is
going to take more than simply removing js in many cases, though, since
so much layout is accomplished by means of JS in the kcls skin,
especially in regards to subinterfaces and nested tabbiness
---
 .../templates/default/kcls-wire/myopac/holds.tt2   | 214 ++++++
 .../templates/default/kcls-wire/myopac/lists.tt2   | 290 ++++++++
 .../templates/default/kcls-wire/myopac/prefs.tt2   | 814 +++++++++++++++++++++
 .../default/kcls-wire/parts/myopac/base.tt2        |   2 +-
 4 files changed, 1319 insertions(+), 1 deletion(-)
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/myopac/holds.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/myopac/lists.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/myopac/prefs.tt2

diff --git a/Open-ILS/web/templates/default/kcls-wire/myopac/holds.tt2 b/Open-ILS/web/templates/default/kcls-wire/myopac/holds.tt2
new file mode 100644
index 0000000000..72239a149c
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/myopac/holds.tt2
@@ -0,0 +1,214 @@
+[%  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 %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/myopac/lists.tt2 b/Open-ILS/web/templates/default/kcls-wire/myopac/lists.tt2
new file mode 100644
index 0000000000..b48e704b38
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/myopac/lists.tt2
@@ -0,0 +1,290 @@
+[%  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>
+    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    <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 %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/myopac/prefs.tt2 b/Open-ILS/web/templates/default/kcls-wire/myopac/prefs.tt2
new file mode 100644
index 0000000000..ac08742299
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/myopac/prefs.tt2
@@ -0,0 +1,814 @@
+[%  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 %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/myopac/base.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/myopac/base.tt2
index 82197686a9..fdc29cedd9 100644
--- a/Open-ILS/web/templates/default/kcls-wire/parts/myopac/base.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/myopac/base.tt2
@@ -16,7 +16,7 @@
                 [%- FOREACH page IN myopac_pages;
                     IF page.url == myopac_page;
                         cls_which = "on";
-                        ctx.page_title = page.name;
+                        ctx.page_title = "Your Account - " _ page.name;
                     ELSE;
                         cls_which = "off";
                     END -%]
-- 
2.11.0