From 1db928e0faa39634fc9453206ab5a2dd9eeaf931 Mon Sep 17 00:00:00 2001
From: Kathy Lussier <klussier@masslnc.org>
Date: Wed, 18 Sep 2013 15:17:58 -0400
Subject: [PATCH] Replace My account tabs with dropdown

The my account tabs were crowded on a small screen, so we switch it to a
dropdown navigation menu. Many thanks to Dan Pearl for his help!

Signed-off-by: Kathy Lussier <klussier@masslnc.org>
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>
---
 Open-ILS/src/templates/opac/css/style.css.tt2     | 14 ++++++++++++--
 Open-ILS/src/templates/opac/parts/myopac/base.tt2 | 14 +++++++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 7520acdbd9..d2d1f9ce62 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -354,6 +354,10 @@ span.dash_divider {
     color: [% css_colors.accent_medium %];
 }
 
+#acct_select {
+     display: none;
+}
+
 .rdetail_header {
     padding: 5px 7px 6px 0px;
     margin-left: 1em;
@@ -1714,9 +1718,15 @@ a.preflib_change {
        height: 20px;
        margin: 1em 0em 0em .5em;
     }
-    #acct_tabs a:nth-child(4), #acct_tabs a:nth-child(5) {
-        display: none;
+    
+    #acct_select {
+        display: inline-block;
     }
+    
+    #acct_tabs a {
+         display:none;
+    }
+    
     #acct_checked_tabs {
         display:none;
     }
diff --git a/Open-ILS/src/templates/opac/parts/myopac/base.tt2 b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
index e478f8327b..630a5a0732 100644
--- a/Open-ILS/src/templates/opac/parts/myopac/base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
@@ -25,7 +25,19 @@
                     class="[% cls_which %]">[% page.name; %]</a>
                 [% END %]
             </div>
-        </div>
+            <div id="acct_select">
+	       <form name="acct_nav">
+	         <select name="acct_url" aria-label="Select an account page" onchange="window.location.href=document.acct_nav.acct_url.options[document.acct_nav.acct_url.selectedIndex].value">
+                   <option value="" selected="selected">Go to...</option>
+               [% FOREACH page IN myopac_pages;
+                  IF page.url != myopac_page; %]
+                    <option value="[% mkurl(ctx.opac_root _ '/myopac/' _ page.url, {}, ['bbid', 'offset', 'limit']) %]">[% page.name; %]</option>
+	          [% END;
+               END; %] 
+	       </select>
+	    </div>
+	   </form>
+	</div>
         <div id="main-content">
             [% content %]
             <div class="common-full-pad"></div>
-- 
2.43.2