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>

diff --git a/Open-ILS/src/templates/staff/circ/patron/index.tt2 b/Open-ILS/src/templates/staff/circ/patron/index.tt2
index 9f7acdf..e8996c6 100644 (file)
--- 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 7fb16c2..6d452eb 100644 (file)
--- 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
  * ---------------------------------------------------------------------- */