-
Notifications
You must be signed in to change notification settings - Fork 517
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
135 additions
and
135 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,135 +1,135 @@ | ||
| // Date and Time | ||
| const today = new Date(); | ||
| const nextThreeDays = new Date(today); | ||
| nextThreeDays.setDate(today.getDate() + 3); | ||
|
|
||
| const daysOfWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; | ||
| const dayOfWeek = daysOfWeek[nextThreeDays.getDay()]; | ||
| const date = nextThreeDays.toLocaleDateString(); | ||
|
|
||
| // Cart JS | ||
|
|
||
| // Function to save data to local storage | ||
| function saveToLocalStorage(key, newData) { | ||
| let existingData = getFromLocalStorage(key) || []; | ||
|
|
||
| // Check for duplicates and add only unique products | ||
| newData.forEach(newProduct => { | ||
| const isDuplicate = existingData.some(existingProduct => existingProduct.name === newProduct.name); | ||
| if (!isDuplicate) { | ||
| existingData.push(newProduct); | ||
| } | ||
| }); | ||
|
|
||
| localStorage.setItem(key, JSON.stringify(existingData)); | ||
| } | ||
|
|
||
| // Function to retrieve data from local storage | ||
| function getFromLocalStorage(key) { | ||
| const data = localStorage.getItem(key); | ||
| return data ? JSON.parse(data) : []; | ||
| } | ||
|
|
||
| // Function to get query parameter | ||
| function getQueryParameter(name) { | ||
| const urlParams = new URLSearchParams(window.location.search); | ||
| return urlParams.get(name); | ||
| } | ||
|
|
||
| // Function to display search results | ||
| function searchFetch(products) { | ||
| const searchList = document.getElementById("itemsInCart"); | ||
| searchList.innerHTML += products | ||
| .map(product => fetchCartData(product)) | ||
| .join(""); | ||
| } | ||
|
|
||
| let totalPrice = 0; | ||
| let totalItems = 0; | ||
|
|
||
| // Function to generate HTML for a cart item | ||
| function fetchCartData(item) { | ||
| totalItems += 1; | ||
| totalPrice += item.price; | ||
|
|
||
| return ` | ||
| <div class="itemInCart d-flex bg-white p-3 m-1"> | ||
| <div style="height: 112px; width: 112px;" class="m-3"> | ||
| <img src="../json-api/product-img/${item.productImg}" style="width: auto; height: 112px; object-fit: contain;" alt="${item.name}"> | ||
| </div> | ||
| <div class="itemDetail"> | ||
| <div> | ||
| <p>${item.name}</p> | ||
| <p> Forest Green Strap, Regular</p> | ||
| <p> Seller: Ezig </p> | ||
| </div> | ||
| <div> | ||
| <b>₹${item.price}</b> 1 offer applied | ||
| </div> | ||
| </div> | ||
| <div class="deliveryDate"> | ||
| Delivery by ${dayOfWeek}, ${date} | <del>₹40</del> Free | ||
| </div> | ||
| </div> | ||
| `; | ||
| } | ||
|
|
||
| // Function to show or hide cart based on product list | ||
| function updateCartDisplay(filteredProducts) { | ||
| let cartInProduct = document.getElementById("cardInProduct"); | ||
| let cartisEmpty = document.getElementById("cardisEmpty"); | ||
|
|
||
| if (filteredProducts.length === 0) { | ||
| cartInProduct.style.display = "none"; | ||
| cartisEmpty.style.display = "block"; | ||
| } else { | ||
| cartInProduct.style.display = "block"; | ||
| cartisEmpty.style.display = "none"; | ||
| } | ||
| } | ||
|
|
||
| // Fetch data from the JSON file and filter products based on the query | ||
| fetch("../json-api/product.json") | ||
| .then(response => response.json()) | ||
| .then(data => { | ||
| const query = getQueryParameter("query"); | ||
| const filteredProducts = data.filter(product => product.name === query); | ||
|
|
||
| // Save filtered products to local storage without overwriting existing data | ||
| saveToLocalStorage("filteredProducts", filteredProducts); | ||
|
|
||
| // Retrieve updated filtered products from local storage | ||
| const savedFilteredProducts = getFromLocalStorage("filteredProducts"); | ||
|
|
||
| // Display the filtered products | ||
| searchFetch(savedFilteredProducts); | ||
|
|
||
| // Update cart display based on filtered products | ||
| updateCartDisplay(savedFilteredProducts); | ||
|
|
||
| // Update price detail | ||
| let priceDetail = ` | ||
| <div style="display: flex; flex-direction: column;"> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Price (${totalItems} items) </div> | ||
| <div>₹${totalPrice}</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Discount </div> | ||
| <div>0</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Delivery Charges </div> | ||
| <div>Free</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Total Amount </div> | ||
| <div><b>₹${totalPrice}</b></div> | ||
| </div> | ||
| <div>You will save ₹110 on this order</div> | ||
| </div> | ||
| `; | ||
|
|
||
| document.getElementById("priceDetail").innerHTML = priceDetail; | ||
| }) | ||
| .catch(error => console.error("Error fetching data:", error)); | ||
| // Date and Time | ||
| const today = new Date(); | ||
| const nextThreeDays = new Date(today); | ||
| nextThreeDays.setDate(today.getDate() + 3); | ||
|
|
||
| const daysOfWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; | ||
| const dayOfWeek = daysOfWeek[nextThreeDays.getDay()]; | ||
| const date = nextThreeDays.toLocaleDateString(); | ||
|
|
||
| // Cart JS | ||
|
|
||
| // Function to save data to local storage | ||
| function saveToLocalStorage(key, newData) { | ||
| let existingData = getFromLocalStorage(key) || []; | ||
|
|
||
| // Check for duplicates and add only unique products | ||
| newData.forEach(newProduct => { | ||
| const isDuplicate = existingData.some(existingProduct => existingProduct.name === newProduct.name); | ||
| if (!isDuplicate) { | ||
| existingData.push(newProduct); | ||
| } | ||
| }); | ||
|
|
||
| localStorage.setItem(key, JSON.stringify(existingData)); | ||
| } | ||
|
|
||
| // Function to retrieve data from local storage | ||
| function getFromLocalStorage(key) { | ||
| const data = localStorage.getItem(key); | ||
| return data ? JSON.parse(data) : []; | ||
| } | ||
|
|
||
| // Function to get query parameter | ||
| function getQueryParameter(name) { | ||
| const urlParams = new URLSearchParams(window.location.search); | ||
| return urlParams.get(name); | ||
| } | ||
|
|
||
| // Function to display search results | ||
| function searchFetch(products) { | ||
| const searchList = document.getElementById("itemsInCart"); | ||
| searchList.innerHTML += products | ||
| .map(product => fetchCartData(product)) | ||
| .join(""); | ||
| } | ||
|
|
||
| let totalPrice = 0; | ||
| let totalItems = 0; | ||
|
|
||
| // Function to generate HTML for a cart item | ||
| function fetchCartData(item) { | ||
| totalItems += 1; | ||
| totalPrice += item.price; | ||
|
|
||
| return ` | ||
| <div class="itemInCart d-flex bg-white p-3 m-1"> | ||
| <div style="height: 112px; width: 112px;" class="m-3"> | ||
| <img src="../json-api/product-img/${item.productImg}" style="width: auto; height: 112px; object-fit: contain;" alt="${item.name}"> | ||
| </div> | ||
| <div class="itemDetail"> | ||
| <div> | ||
| <p>${item.name}</p> | ||
| <p> Forest Green Strap, Regular</p> | ||
| <p> Seller: Ezig </p> | ||
| </div> | ||
| <div> | ||
| <b>₹${item.price}</b> 1 offer applied | ||
| </div> | ||
| </div> | ||
| <div class="deliveryDate"> | ||
| Delivery by ${dayOfWeek}, ${date} | <del>₹40</del> Free | ||
| </div> | ||
| </div> | ||
| `; | ||
| } | ||
|
|
||
| // Function to show or hide cart based on product list | ||
| function updateCartDisplay(filteredProducts) { | ||
| let cartInProduct = document.getElementById("cardInProduct"); | ||
| let cartisEmpty = document.getElementById("cardisEmpty"); | ||
|
|
||
| if (filteredProducts.length === 0) { | ||
| cartInProduct.style.display = "none"; | ||
| cartisEmpty.style.display = "block"; | ||
| } else { | ||
| cartInProduct.style.display = "block"; | ||
| cartisEmpty.style.display = "none"; | ||
| } | ||
| } | ||
|
|
||
| // Fetch data from the JSON file and filter products based on the query | ||
| fetch("../json-api/product.json") | ||
| .then(response => response.json()) | ||
| .then(data => { | ||
| const query = getQueryParameter("query"); | ||
| const filteredProducts = data.filter(product => product.name === query); | ||
|
|
||
| // Save filtered products to local storage without overwriting existing data | ||
| saveToLocalStorage("filteredProducts", filteredProducts); | ||
|
|
||
| // Retrieve updated filtered products from local storage | ||
| const savedFilteredProducts = getFromLocalStorage("filteredProducts"); | ||
|
|
||
| // Display the filtered products | ||
| searchFetch(savedFilteredProducts); | ||
|
|
||
| // Update cart display based on filtered products | ||
| updateCartDisplay(savedFilteredProducts); | ||
|
|
||
| // Update price detail | ||
| let priceDetail = ` | ||
| <div style="display: flex; flex-direction: column;"> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Price (${totalItems} items) </div> | ||
| <div>₹${totalPrice}</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Discount </div> | ||
| <div>0</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Delivery Charges </div> | ||
| <div>Free</div> | ||
| </div> | ||
| <div class="d-flex justify-content-between"> | ||
| <div>Total Amount </div> | ||
| <div><b>₹${totalPrice}</b></div> | ||
| </div> | ||
| <div>You will save ₹110 on this order</div> | ||
| </div> | ||
| `; | ||
|
|
||
| document.getElementById("priceDetail").innerHTML = priceDetail; | ||
| }) | ||
| .catch(error => console.error("Error fetching data:", error)); |