Merge pull request #736 from nandani-goyal/main

added thank you modal
Anushkabh · Jul 3, 2024 · 03ec2c3 · 03ec2c3
2 parents 21540ee + 27981b1
commit 03ec2c3
Show file tree

Hide file tree

Showing 6 changed files with 133 additions and 15 deletions.
diff --git a/assets/js/cart.js b/assets/js/cart.js
@@ -89,6 +89,9 @@ function emptyCart() {
   cartItemsContainer.innerHTML = '';
   var subtotalElement = document.getElementById('subtotal');
   subtotalElement.innerHTML = '';
+  alert(
+    'Your cart is empty. Please add some items to your cart to continue shopping.')
+  ;
 }
 
 function checkout() {

diff --git a/src/cart.html b/src/cart.html
@@ -174,6 +174,72 @@
     text-transform: uppercase;
   }
 
+/*   
+   .container
+{
+  width: 100%;
+  height: 100vh;
+  background: #f8f5f5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+} */
+.popup{
+  width: 400px;
+  background: #fff;
+  border-radius: 6px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%)scale(0.1);
+  text-align: center;
+  padding: 0 30px 30px;
+  /* color: #333; */
+  visibility: hidden;
+  transition: transform 0.4s,top 0.4s;
+}
+.open-popup
+{
+  visibility: visible;
+  top: 50%;
+  transform: translate(-50%, -50%)scale(1);
+
+}
+
+.popup img{
+  width: 80px;
+  height: 70px;
+  margin-top: -50px;
+  border-radius: 40%;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+
+}
+.popup h2{
+  color: rgb(1, 67, 19);
+  font-size: 38px;
+  font-weight: 500;
+  margin: 30px 0 10px;
+}
+.popup button{
+  width: 100%;
+  margin-top: 50px;
+  padding: 10px 0;
+  background: rgb(1, 67, 19);
+  color:#fff;
+  border: 0;
+  outline: none;
+  font-size: 18px;
+  border-radius: 4px;
+  cursor: pointer;
+  box-shadow: 0 10px 15px rgba(215, 117, 75, 0.2);
+}
+  button:hover{
+    color:rgb(1, 67, 19);
+    background-color: rgb(225, 168, 98);
+    box-shadow: 0 6px 10px rgba(60, 14, 227, 0.15);
+    transition: 0.2s ease all;
+  }
 
 
 
@@ -186,10 +252,9 @@
       <div class="container">
         <!-- Navbar Brand -->
 
-
-            <a href="../index.html" class="navbar-brand mr-auto">
-                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-              </a>
+        <a href="../index.html" class="navbar-brand mr-auto">
+          <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
+        </a>
 
 
         <!-- Toggle Button -->
@@ -346,7 +411,55 @@ <h1>YOUR CART</h1>
         </div>
         </div>
             <div id="subtotal" class="carttext"></div>
-            <div><button class="order_now_button">ORDER NOW</button></div>
+            <div>
+              <button class="order_now_button" id="popuppermission" onclick="openpopup()">ORDER NOW</button></div>
+              <div class="popup" id="popup">
+
+                <!-- <img src="https://banner2.cleanpng.com/20180730/fle/kisspng-check-mark-computer-icons-clip-art-action-symbol-5b5ea39e1743a4.3326126115329289260953.jpg"> -->
+                <img src="https://image.similarpng.com/very-thumbnail/2021/08/Green-check-mark-icon.png">
+                 <h2>
+                   Thank-you
+                 </h2>
+                 <p style="color: rgb(37, 70, 41);"> For choosing our<br><b> KrishiConnect</b></p>
+                 <p>Your order has been placed</p>
+                 <button type="button" onclick="closepopup()"><b>OK</b></button>
+               </div>
+               </div>
+               <script>
+                 let popup = document.getElementById("popup");
+                 function openpopup(){
+                //  popup.classList.add("open-popup");
+               if (cartItems.length > 0) {
+             popup.classList.add("open-popup");
+             } else {
+              alert('Your cart is empty. Please add some items to your cart to continue shopping.');
+             }
+                 }
+
+                 function closepopup(){
+                 popup.classList.remove("open-popup");
+                 }
+               </script>
+               <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
+               <script>
+                document.getElementsByClassName("order_now_button")[0].addEventListener("click",()=>{
+                  if (cartItems.length > 0) {
+                  confetti();}
+                })
+               </script>
+
+
+
+
+
+            <!-- </div> -->
+
+
+
+
+
+
+
         </div>
         <!-- <footer>
             <div class="container">

diff --git a/src/contact.html b/src/contact.html
@@ -42,9 +42,9 @@
         <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
-                <a href="../index.html" class="navbar-brand">
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px;">
-                </a>
+                <a href="../index.html" class="navbar-brand mr-auto">
+                    <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
+                  </a>
                 <!-- Toggle Button -->
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>

diff --git a/src/login.html b/src/login.html
@@ -2,6 +2,8 @@
 <html lang="en" style="width: 100%;">
 
 <head>
+  <title>KrishiConnect | Login</title>
+  <link rel="icon" href="../assets/img/logo/log.png" type="image/png">
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -35,8 +37,9 @@
 
     <!--Scroll Elemnts JS-->
     <script src="https://unpkg.com/scrollreveal"></script>
-    <title>KrishiConnect | Login</title>
-    <link rel="icon" type="image/png" href="/../assets/img/logo/log.png">
+    <!-- <title>KrishiConnect | Login</title>
+    <link rel="icon" href="..../assets/img/logo/log.png" type="image/png"> -->
+
     <style>
         html {
       scroll-behavior: smooth;
@@ -159,7 +162,7 @@
 
 
                 <a href="../index.html" class="navbar-brand mr-auto">
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
+                    <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
                   </a>
 
 

diff --git a/src/shop.html b/src/shop.html
@@ -331,7 +331,7 @@
 
 
             <a href="../index.html" class="navbar-brand mr-auto">
-                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+                <img src="../assets/img/logo/logo3.png" width="70px" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
               </a>
 
 

diff --git a/src/transaction.html b/src/transaction.html
@@ -155,9 +155,8 @@
         <!-- Navbar Brand -->
 
 
-        <a href="../index.html" class=" mr-auto">
-          <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px"
-            style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; ">
+        <a href="../index.html" class="navbar-brand mr-auto">
+          <img src="../assets/img/logo/logo3.png" width="70px" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
         </a>