From 8d7956fd4fbfcb5736d635969e1f1ae9a8a5bbda Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 30 Oct 2020 14:47:37 +0100
Subject: [PATCH] wait #4008 @0.5

---
 js/libs/fluidbook/cart/fluidbook.cart.puma.js |  4 +++
 js/libs/fluidbook/fluidbook.cart.js           | 27 +++++++++++++++----
 style/cart/puma.less                          | 19 +++++++++++++
 3 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.puma.js b/js/libs/fluidbook/cart/fluidbook.cart.puma.js
index 4d4b7b76..a565021d 100644
--- a/js/libs/fluidbook/cart/fluidbook.cart.puma.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.puma.js
@@ -39,6 +39,10 @@ FluidbookCartPuma.prototype = {
 
     save: function () {
         this.fluidbook.cache.set('cart', this.items);
+        this.fluidbook.cart.updateLinks();
+    },
+    getItemsReferences: function () {
+        return this.items;
     },
     getItemsNumbers: function () {
         return this.items.length;
diff --git a/js/libs/fluidbook/fluidbook.cart.js b/js/libs/fluidbook/fluidbook.cart.js
index 194f2d5e..4e6fc68e 100644
--- a/js/libs/fluidbook/fluidbook.cart.js
+++ b/js/libs/fluidbook/fluidbook.cart.js
@@ -26,17 +26,34 @@ FluidbookCart.prototype = {
                 qty = parseInt($(this).attr('data-cart-qty'));
             }
 
-            var tooltipStyle='';
-            try{
-                tooltipStyle= $this.instance.getTooltipStyle();
-            }catch (e){
+            var tooltipStyle = '';
+            try {
+                tooltipStyle = $this.instance.getTooltipStyle();
+            } catch (e) {
 
             }
             if ($this.instance.addToCart($(this).data('cart-ref'), qty)) {
-                $this.fluidbook.tooltip.displayTooltip($this.fluidbook.l10n.__("the item has been added to your cart"),tooltipStyle);
+                $this.fluidbook.tooltip.displayTooltip($this.fluidbook.l10n.__("the item has been added to your cart"), tooltipStyle);
             }
             return false;
         });
+
+        $(this.fluidbook).on('fluidbook.links.ready', function () {
+            $this.updateLinks();
+        });
+    },
+
+    updateLinks: function () {
+        $('a[data-cart-ref]').removeClass('active');
+        try {
+            var references = this.instance.getItemsReferences();
+        } catch (err) {
+            return;
+        }
+
+        $.each(references, function (k, ref) {
+            $('a[data-cart-ref="' + ref + '"]').addClass('active');
+        });
     },
     getMenuWidth: function () {
         try {
diff --git a/style/cart/puma.less b/style/cart/puma.less
index e6927330..63bf2279 100644
--- a/style/cart/puma.less
+++ b/style/cart/puma.less
@@ -3,10 +3,29 @@
     margin-top: 10px;
     text-transform: uppercase;
   }
+}
 
+[data-type="7"] {
+  .on {
+    visibility: hidden;
+  }
 
+  .off {
+    visibility: visible;
+  }
+
+  &.active {
+    .off {
+      visibility: hidden;
+    }
+
+    .on {
+      visibility: visible;
+    }
+  }
 }
 
+
 #pumacarttable {
   [data-cart-delete] {
     color: #fff;
-- 
2.39.5