working server with attractions and orders

1 files changed, 17 insertions, 1 deletions

diff --git a/client/src/shoppingbasket.js b/client/src/shoppingbasket.js
index 7355a99..56e717a 100644
--- a/client/src/shoppingbasket.js
+++ b/client/src/shoppingbasket.js
@@ -9,12 +9,22 @@ function getOrderArray() {
 
 function displayOrders() {
     displayNumberOfItemsInShoppingBasketWithBadge();
+    console.log("displaying orders in shopppingbasket");
     const orderFunctionality = {
         cancel: cancelOrder,
     };
 
     var orders = getOrderArray();
-    if (orders === null) return;
+    if (orders === null || orders.length === 0) {
+        var button = document.querySelector("#finalizepaymentbutton");
+        var front = button.querySelector(".front");
+
+        front.classList.add("disabled");
+        button.removeEventListener("click", finalizePayment);
+        console.log(button);
+        console.log(front);
+        return;
+    }
 
     var main = document.querySelector("main");
 
@@ -26,6 +36,7 @@ function displayOrders() {
 
 function cancelOrder(event) {
     //console.log(event.target);
+    console.log("cancel button clicked");
     const article = findParentWithTag.bind(event.target)("article");
 
     var previous = article.previousSibling;
@@ -38,10 +49,14 @@ function cancelOrder(event) {
     }
 
     var orders = getOrderArray();
+    console.log("---> canceling order ");
+    console.log(orders[i]);
+    console.log("---> removing it from shoppingbasket")
     orders.splice(i, 1);
     localStorage.setItem("shoppingBasketArray", JSON.stringify(orders));
 
     var main = document.querySelector("main");
+    console.log("---> refreshing displayed orders")
     childKillerUsingTags(main)(main.firstChild)("article");
     displayOrders();
 }
@@ -51,6 +66,7 @@ function cancelOrder(event) {
 
 function finalizePayment(event) {
     console.log("finalizing payments");
+
     localStorage.clear();
 
     window.location.replace("orderplaced.html");