From 463b2569bef2c549a14d9d708f4803ce603e9f70 Mon Sep 17 00:00:00 2001
From: Quique Fernandez <e.fernandez@plainconcepts.com>
Date: Thu, 29 Dec 2016 18:41:57 +0100
Subject: [PATCH] Disable cart when is empty on SPA

---
 .../basket/basket-status/basket-status.component.html        | 1 +
 .../basket/basket-status/basket-status.component.scss        | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
index 03a7875c7..7509a2281 100644
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
@@ -1,4 +1,5 @@
 <a class="esh-basketstatus"
+   [ngClass]="{'is-disabled': badge < 1}"
    [routerLink]="['basket']">
 
     <div class="esh-basketstatus-image">
diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
index d50b8c9d2..d78604898 100644
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
@@ -6,6 +6,11 @@
     position: relative;
     transition: all $animation-speed-default;
 
+    &.is-disabled {
+        opacity: .5;
+        pointer-events: none;
+    }
+
     &-image {
         height: 36px;
         margin-top: .5rem;