From 9b8233937b98a43718a986c01c757d85ba917ba1 Mon Sep 17 00:00:00 2001
From: Galen Charlton <gmc@equinoxinitiative.org>
Date: Wed, 23 May 2018 15:24:36 -0400
Subject: [PATCH] start on cart actions widget

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---
 Open-ILS/src/templates/opac/css/style.css.tt2 | 27 +++++++++++++++++++++++++++
 Open-ILS/src/templates/opac/parts/cart.tt2    | 27 ++++++++++++++++++++-------
 2 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index fd2215e4d7..1e37cc6d4a 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1042,6 +1042,15 @@ tr.result_table_row > td.result_table_pic_header {
 #record_cart {
     [% IF rtl == 't' -%]
     float: left;
+    margin-left: 5em;
+    [% ELSE; %]
+    float: right;
+    margin-right: 5em;
+    [% END; %]
+}
+#record_cart_icon {
+    [% IF rtl == 't' -%]
+    float: left;
     margin-left: 2em;
     [% ELSE; %]
     float: right;
@@ -1060,6 +1069,24 @@ tr.result_table_row > td.result_table_pic_header {
 #record_cart_count_floater a {
     text-decoration: none;
 }
+#cart_actions {
+    [% IF rtl == 't' -%]
+    float: left;
+    [% ELSE; %]
+    float: right;
+    [% END; %]
+    color: [% css_colors.button_text %];
+    font-weight: bold;
+    text-decoration: none;
+    cursor: pointer !important;
+    border-radius: 5px;
+    border: 1px solid [% css_colors.primary %];
+    background-color:  [% css_colors.primary_fade %];
+}
+#cart_actions a {
+    color: [% css_colors.button_text %];
+    text-decoration: none;
+}
 
 .result_number {
     [% IF rtl == 't' -%]
diff --git a/Open-ILS/src/templates/opac/parts/cart.tt2 b/Open-ILS/src/templates/opac/parts/cart.tt2
index 8dfe90a021..daaa617d90 100644
--- a/Open-ILS/src/templates/opac/parts/cart.tt2
+++ b/Open-ILS/src/templates/opac/parts/cart.tt2
@@ -1,11 +1,24 @@
 <div id="record_cart">
-   <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
-     <img src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Cart') %]">
-   </a>
-   <div id="record_cart_count_floater">
+  <ul id="cart_actions" class="popmenu">
+    <li><a href="#" class="no-dec">[% l('Cart Actions') %]</a>
+      <ul>
+        <li><a href="#">[% l('Place Holds') %]</a></li>
+        <li><a href="#">[% l('Print Title Details') %]</a></li>
+        <li><a href="#">[% l('Email Title Details') %]</a></li>
+        <li><a href="#">[% l('Add to Saved List') %]</a></li>
+        <li><a href="#">[% l('Clear Cart') %]</a></li>
+      </ul>
+    </li>
+  </ul>
+  <div id="record_cart_icon">
      <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
-       <span id="record_cart_count">[% ctx.mylist.size %]</span>
-       <span class="sr-only">[% l('records in cart') %]</span>
+       <img src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Cart') %]">
      </a>
-   </div>
+     <div id="record_cart_count_floater">
+       <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
+         <span id="record_cart_count">[% ctx.mylist.size %]</span>
+         <span class="sr-only">[% l('records in cart') %]</span>
+       </a>
+     </div>
+  </div>
 </div>
-- 
2.11.0