From 11075dc6a8790dad3b90cbe86146a2f93bbf5cd8 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berick@esilibrary.com>
Date: Mon, 12 May 2014 14:50:10 -0400
Subject: [PATCH] move to nav pills for patron UI...

so we can embed drop-down buttons, which are not possible within real
tabs.

Signed-off-by: Bill Erickson <berick@esilibrary.com>
---
 Open-ILS/src/templates/staff/circ/patron/index.tt2 | 21 +++++++++++++++++++--
 Open-ILS/src/templates/staff/css/style.css.tt2     |  4 ++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/Open-ILS/src/templates/staff/circ/patron/index.tt2 b/Open-ILS/src/templates/staff/circ/patron/index.tt2
index 9f7acdf6ad..e8996c60ca 100644
--- a/Open-ILS/src/templates/staff/circ/patron/index.tt2
+++ b/Open-ILS/src/templates/staff/circ/patron/index.tt2
@@ -11,10 +11,11 @@
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/user.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
 
+<!-- load the rest on demand? -->
+
 <!-- required for credentials verify API -->
 <script src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>
 
-<!-- load on demand? -->
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
@@ -32,12 +33,14 @@ angular.module('egCoreMod').run(['egStrings', function(s) {
 
 [% END %]
 
+
 <div class="row">
   <div class="col-md-3">
     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
   </div>
+  
   <div class="col-md-9">
-    <ul class="nav nav-tabs">
+    <ul class="nav nav-pills nav-pills-like-tabs">
       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
         <a href="./circ/patron/{{patron().id()}}/checkout">[% l('Checkout') %]</a>
       </li>
@@ -56,6 +59,20 @@ angular.module('egCoreMod').run(['egStrings', function(s) {
       <li ng-class="{active : tab == 'edit', disabled : !patron()}">
         <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
       </li>
+      <li class="dropdown" ng-class="{active : tab == 'other', disabled : !patron()}">
+        <a href class="dropdown-toggle" data-toggle="dropdown">
+            [% l('Other') %]
+            <b class="caret"></b>
+        </a>
+        <ul class="dropdown-menu">
+          <li>
+            <a href="./circ/patron/{{patron().id()}}/credentials">
+              <span class="glyphicon glyphicon-ok"></span>
+              [% l('Test Password') %]
+            </a>
+          </li>
+       </ul>
+      </li>
       <li ng-class="{active : tab == 'search'}" class="pull-right">
         <a href="./circ/patron/search">[% l('Patron Search') %]</a>
       </li>
diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 7fb16c2608..6d452ebf59 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -109,6 +109,10 @@ table.list tr.selected td {
 /* by default, give all tab panes some top padding */
 .tab-pane { padding-top: 20px; }
 
+.nav-pills-like-tabs {
+    border-bottom:1px solid #CCC;
+}
+
 /* ----------------------------------------------------------------------
  * Grid
  * ---------------------------------------------------------------------- */
-- 
2.11.0