From c6bc5092b14cb4461a38a78e29db6946fc18acb0 Mon Sep 17 00:00:00 2001 From: ryan-cohutt Date: Wed, 24 Apr 2024 16:58:37 -0400 Subject: [PATCH] Order and Profile Page --- final/complete.html | 24 ++++++++++++++++++++++++ final/css/style.css | 18 ++++++++++++++++++ final/main.html | 2 +- final/profile.html | 30 ++++++++++++++++++++++++++++++ final/script.js | 31 ++++++++++++++++++++++++++++--- 5 files changed, 101 insertions(+), 4 deletions(-) create mode 100644 final/complete.html create mode 100644 final/profile.html diff --git a/final/complete.html b/final/complete.html new file mode 100644 index 0000000..3e63dd1 --- /dev/null +++ b/final/complete.html @@ -0,0 +1,24 @@ + + + + + + Slice Haven + + + + +
+

Thank you for your purchase!

+
+

Your order is on its way

+ +
+ + + \ No newline at end of file diff --git a/final/css/style.css b/final/css/style.css index ce07afb..bda0ecd 100644 --- a/final/css/style.css +++ b/final/css/style.css @@ -689,4 +689,22 @@ hr { .cart-total { font-size: 2em; margin: 15px; +} + +.complete-sect { + padding-top: 75px; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + h1 { + font-size: 3em; + margin: 0; + text-align: center; + } +} + +.order-off { + background-color: rgb(128, 128, 128); } \ No newline at end of file diff --git a/final/main.html b/final/main.html index 7d0469b..2087b92 100644 --- a/final/main.html +++ b/final/main.html @@ -10,7 +10,7 @@
- + diff --git a/final/profile.html b/final/profile.html new file mode 100644 index 0000000..36be91c --- /dev/null +++ b/final/profile.html @@ -0,0 +1,30 @@ + + + + + + Slice Haven + + + + +
+

Your Profile:

+
+ + +
+ + + \ No newline at end of file diff --git a/final/script.js b/final/script.js index 118ca7c..6453124 100644 --- a/final/script.js +++ b/final/script.js @@ -1,5 +1,6 @@ let cartItems = []; let checkoutBtn = document.querySelector('.check-out') +let orderBtn = document.querySelector('.order') document.addEventListener('DOMContentLoaded', function () { if(location.href.includes("sign-in.html")){ @@ -16,6 +17,8 @@ document.addEventListener('DOMContentLoaded', function () { cartPage() } else if(location.href.includes("checkout.html")) { checkoutPage() + } else if(location.href.includes("complete.html")) { + completePage() } }); @@ -327,7 +330,14 @@ function checkoutPage() { console.log(cartItems) renderCartItems(); calculateTotalPrice(); - + orderClassUpdate(); + orderBtn.addEventListener('click', function() { + if (cartItems.length === 0) { + + } else { + window.location.href="complete.html" + } + }) } function calculateTotalPrice() { @@ -337,6 +347,21 @@ function calculateTotalPrice() { totalPrice += price * item.quantity; }); let checkoutTotal = document.querySelector('.cart-total'); - checkoutTotal.textContent = `Total: $${totalPrice.toFixed(2)}`; + checkoutTotal.innerHTML = `Total: $${totalPrice.toFixed(2)}`; return totalPrice; -} \ No newline at end of file +} + +function completePage() { + cartItems = [] + console.log(cartItems) + updateCart() + updateCartNumber() +} + +function orderClassUpdate() { + if (cartItems.length === 0) { + orderBtn.classList.add('order-off') + } else { + orderBtn.classList.remove('order-off') + } +} \ No newline at end of file