From ee730c9a18b051aa17d324f11a98f110d670d5d5 Mon Sep 17 00:00:00 2001 From: sachinganesh Date: Mon, 24 Apr 2023 15:15:49 +0530 Subject: [PATCH] code added --- dist/Js/auth/apiservice.js | 57 +- dist/Js/auth/login.js | 1 + dist/Js/components/authloader/authloader.js | 33 +- dist/Js/localstorage/checkout.js | 18 + dist/Js/localstorage/loginauthlocal.js | 14 + dist/Js/navbar.js | 12 +- dist/Js/orderconfirmation.js | 145 ++++ dist/Js/productdetails/productdetails.js | 469 ++++++++++++ ...roductdetails.js => productdetails_old.js} | 0 dist/Js/products/products.js | 143 ++++ dist/Js/ramproducts/ramproducts.js | 81 +++ dist/Js/shoppingcart/addtocart.js | 208 ++++++ dist/Js/shoppingcart/select_delivery.js | 665 ++++++++++++++++++ dist/Js/shoppingcart/shoppingcart.js | 228 ++++++ dist/Js/utils/cookiehelper.js | 0 dist/Js/utils/helpers.js | 44 ++ dist/css/pages/orderconfirmation.css | 21 + dist/css/pages/productdetails.css | 38 +- dist/css/pages/selectdelivery.css | 133 ++++ orderconfirmation.html | 146 ++++ productdetails.html | 286 ++++---- ramproducts.html | 518 ++------------ selectdelivery.html | 309 ++++++++ shopping-cart.html | 87 +-- storageproducts.html | 289 +------- 25 files changed, 2994 insertions(+), 951 deletions(-) create mode 100644 dist/Js/localstorage/checkout.js create mode 100644 dist/Js/localstorage/loginauthlocal.js create mode 100644 dist/Js/orderconfirmation.js create mode 100644 dist/Js/productdetails/productdetails.js rename dist/Js/{productdetails.js => productdetails_old.js} (100%) create mode 100644 dist/Js/products/products.js create mode 100644 dist/Js/ramproducts/ramproducts.js create mode 100644 dist/Js/shoppingcart/addtocart.js create mode 100644 dist/Js/shoppingcart/select_delivery.js create mode 100644 dist/Js/shoppingcart/shoppingcart.js create mode 100644 dist/Js/utils/cookiehelper.js create mode 100644 dist/Js/utils/helpers.js create mode 100644 dist/css/pages/orderconfirmation.css create mode 100644 dist/css/pages/selectdelivery.css create mode 100644 orderconfirmation.html create mode 100644 selectdelivery.html diff --git a/dist/Js/auth/apiservice.js b/dist/Js/auth/apiservice.js index 48599c5..b67fa4c 100644 --- a/dist/Js/auth/apiservice.js +++ b/dist/Js/auth/apiservice.js @@ -1,7 +1,9 @@ -// let SERVERNAME = 'https://anwi.bizgaze.app'; +//let SERVERNAME = 'https://anwi.bizgaze.app'; let SERVERNAME = 'https://beta.bizgaze.app'; -//let SERVERNAME = 'http://localhost:3088'; const STAT = 'b276960fddf84e8cb63de6e32d31529b'; + + + async function getStatAPIService(url,data={}){ let config = { url, @@ -33,14 +35,13 @@ async function postStatAPIService(url,data={}){ } -async function postAPIServiceWarranty(url,data={}){ - let SERVERURL = 'https://anwi.bizgaze.app'; +async function postAPIService(url,data={}){ let config = { - url:`${SERVERURL}/${url}`, + url:`${SERVERNAME}/${url}`, method:'post', data:data, headers: { - 'Authorization': `Basic 6cdcfe22-1623-4740-97e0-363d518c0e8a`, + 'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`, 'Content-Type': 'application/json' }, } @@ -48,27 +49,15 @@ async function postAPIServiceWarranty(url,data={}){ return response; } -async function postAPIService(url,data={}){ - let SERVERURL = 'https://beta.bizgaze.app'; - //let SERVERURL = 'http://localhost:3088'; - let config = { - url:`${SERVERURL}/${url}`, - method:'post', - data:data, - } - let response = await axios(config); - - return response; -} async function postAPIServiceLocal(url,data={}){ let config = { url:`${SERVERNAME}/${url}`, method:'post', - data:JSON.stringify(data), + data:JSON.stringify(data ), headers: { - 'Authorization': `Basic c86af480-b5ef-43af-8ce9-503e5b831e2e`, + 'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`, 'Content-Type': 'application/json' }, } @@ -77,12 +66,12 @@ async function postAPIServiceLocal(url,data={}){ return response; } async function getAPIServiceLocal(url){ - let SERVERURL = 'https://anwi.bizgaze.app'; let config = { - url:`${SERVERURL}/${url}`, + url:`${SERVERNAME}/${url}`, method:'get', + headers: { - 'Authorization': `Basic ed40b74d-561a-47af-b03b-4f29c5ff6937`, + 'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`, 'Content-Type': 'application/json' }, } @@ -126,7 +115,7 @@ class API_SERVICE_CLASS{ if(!cookieData) return window.location.href = "/" } let token = isStat ?`stat ${this.statToken}` : `Basic ${cookieData.token}`; - // let token = isStat ?`stat ${this.statToken}` : `Basic ${this.token}`; + this.token = token; let successResFun = this.buildSuccessResponse; let failureResFun = this.buildFailureResponse; let config = { @@ -150,7 +139,7 @@ class API_SERVICE_CLASS{ return successResFun(response.data) } if(response.data.code == '417'){ - window.location.href = '/index.html' + // window.location.href = '/index.html' return failureResFun(response.data) } if(response.data.code != '0'){ @@ -168,7 +157,6 @@ class API_SERVICE_CLASS{ } - buildURL(url){ return `${this.baseURL}/${url}`; } @@ -243,6 +231,10 @@ class API_SERVICE_CLASS{ if(!cookieData){ return justGetAPIService('/Account/Session/Validate') } + + + + } @@ -277,8 +269,10 @@ class COOKIE_HELPER_CLASS{ removeCookie(token){ Cookies.remove(token) -} - async validateToken() { + } + + + async validateToken(){ return await API_SERVICES_ACTIONS.getAPIService(`Account/Session/Validate`) } } @@ -290,6 +284,8 @@ const COOKIE_HELPER_ACTIONS ={ setCookie :COOKIE_HELPER.setCookie, removeAuthCookie:COOKIE_HELPER.removeCookie.bind(null,AUTH) } + + function setCookieManual(token){ Cookies.set(AUTH,{ token, @@ -299,9 +295,9 @@ function setCookieManual(token){ async function checkValidAuth(cb,redirect=undefined){ debugger; + document.querySelector('auth-loader').show(); const res = await COOKIE_HELPER.validateToken(); - debugger if(!res.response){ if(redirect){ window.location.href =redirect; @@ -318,3 +314,6 @@ async function checkValidAuth(cb,redirect=undefined){ cb(); },300); } + + +// setCookieManual('6eb70fee-35ef-4ca2-95cd-01ebdd616eb1'); \ No newline at end of file diff --git a/dist/Js/auth/login.js b/dist/Js/auth/login.js index 80747e8..05b6213 100644 --- a/dist/Js/auth/login.js +++ b/dist/Js/auth/login.js @@ -131,6 +131,7 @@ function initLogin() { COOKIE_HELPER_ACTIONS.setCookie({ token: res.data.result.sessionId, userid: res.data.result.userId, + ...res.data.result }); // setInitLoginLocal(); window.localStorage.setItem("Useremail", userEmail); diff --git a/dist/Js/components/authloader/authloader.js b/dist/Js/components/authloader/authloader.js index cacac50..fafb152 100644 --- a/dist/Js/components/authloader/authloader.js +++ b/dist/Js/components/authloader/authloader.js @@ -100,7 +100,20 @@ template.innerHTML = `
+
+ + + + +
@@ -111,9 +124,27 @@ template.innerHTML = ` class AuthLoader extends HTMLElement { constructor() { super(); + console.log(this.payment); this._shadowRoot = this.attachShadow({ 'mode': 'open' }); this._shadowRoot.appendChild(template.content.cloneNode(true)); } + + static get observedAttributes() { + return ['payment']; + } + + // define getters and setters for attributes + get payment() { + return this.getAttribute('payment'); + } + + set payment(val) { + if (val) { + this.setAttribute('payment', val); + } else { + this.removeAttribute('payment'); + } + } show(){ @@ -122,7 +153,7 @@ class AuthLoader extends HTMLElement { } hide(){ - // $('.overlayanwiAuth').addClass('display','none'); + //$('.overlayanwiAuth').addClass('display','none'); this._shadowRoot.querySelector('.overlayanwiAuth').style.display = "none"; } } diff --git a/dist/Js/localstorage/checkout.js b/dist/Js/localstorage/checkout.js new file mode 100644 index 0000000..7ec4e12 --- /dev/null +++ b/dist/Js/localstorage/checkout.js @@ -0,0 +1,18 @@ +const ALL_ADDRESS_LOCAL = 'ALL_ADDRESS_LOCAL'; + +function setAddressLocal(payload){ + let addressList = getAddressLocal(); + addressList = addressList?addressList:[]; + localStorage.setItem(ALL_ADDRESS_LOCAL,JSON.stringify({...addressList,...payload})) +} + +function getAddressLocal(){ + let res = localStorage.getItem(ALL_ADDRESS_LOCAL) + if(!res) return null; + + return JSON.parse(res); +} + +function removeAddressLocal(){ + localStorage.removeItem(ALL_ADDRESS_LOCAL); +} \ No newline at end of file diff --git a/dist/Js/localstorage/loginauthlocal.js b/dist/Js/localstorage/loginauthlocal.js new file mode 100644 index 0000000..5128a56 --- /dev/null +++ b/dist/Js/localstorage/loginauthlocal.js @@ -0,0 +1,14 @@ +const INIT_LOGIN_AUTH = 'INIT_LOGIN_AUTH'; + +function setInitLoginLocal(){ + localStorage.setItem(INIT_LOGIN_AUTH,true); +} + +function getInitLoginLocal(){ + return JSON.parse(localStorage.getItem(INIT_LOGIN_AUTH)); +} + + +function removeInitLoginLocal(){ + localStorage.setItem(INIT_LOGIN_AUTH,false); +} \ No newline at end of file diff --git a/dist/Js/navbar.js b/dist/Js/navbar.js index 7b19f0b..c8edd69 100644 --- a/dist/Js/navbar.js +++ b/dist/Js/navbar.js @@ -1,7 +1,9 @@ let nav_html = `
-
+
@@ -29,7 +31,9 @@ let nav_html = `
- + + 0 +
@@ -61,7 +65,9 @@ let nav_html = `
- + + 0 +
diff --git a/dist/Js/orderconfirmation.js b/dist/Js/orderconfirmation.js new file mode 100644 index 0000000..86d7c91 --- /dev/null +++ b/dist/Js/orderconfirmation.js @@ -0,0 +1,145 @@ +function orderConfirmation(){ + init(); + function init(){ + addFullLoader(); + getOrderStatus(); + } + + function orderlistsummary({name,price,qty,total}){ + let priceAmt = ''; + let totalAmt = ''; + + + let [priceSysm,priceamt] = getCurrencySymbol(price) + priceAmt = `${priceSysm}${priceamt}` + + + + let [qtySymb,qtyamt] = getCurrencySymbol(qty*price) + + + totalAmt = `${qtySymb}${qtyamt}` + + return ` +
+
+
+
+ +
+
+
${name}
+ +
+
+
+
+ ${priceAmt} +
+
+ ${qty} +
+
+ ${totalAmt} +
+
`; + } + + function addFullLoader(){ + document.querySelector('auth-loader').show(); + } + + function removeFullLoader(){ + document.querySelector('auth-loader').hide(); + } + + async function getOrderStatus(){ + + const searchParams = window.location.search.split('&'); + let orderId = searchParams[0].split('=')[1]; + + debugger; + let orderRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/hyperfusionpaymentgateway/gethyperfusionpaymentdetails/orderid/${orderId}`); + if(orderRes.isError){ + removeFullLoader(); + return; + } + console.log(orderRes); + //payment_group + + orderRes = JSON.parse(orderRes.response.result)[0]; + $('.paymentmethodconfirm').html(orderRes.payment_group) + if(orderRes.payment_status === 'FAILED'){ + $('.ordercontainerconfirmError').removeClass('d-none'); + $('.successorderconfirm').addClass('d-none'); + removeFullLoader(); + return; + } + + const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/transact/orders/updatepaymenttransactionstatus/refid/${orderId}`,null); + + console.log(res,'ress'); + + if(res.isError){ + console.log(res); + $('.ordercontainerconfirmError').removeClass('d-none'); + $('.successorderconfirm').addClass('d-none'); + removeFullLoader(); + return; + } + + + if(!res.response.message.toLowerCase().includes('success')){ + console.log(res); + $('.ordercontainerconfirmError').removeClass('d-none'); + $('.successorderconfirm').addClass('d-none'); + removeFullLoader(); + return; + } + + let resData = JSON.parse(res.response.result); + + const {NetTotal,TaxAmount,OrderItems,CreatedDate,OrderNo + } = resData; + let [netcurrencySymbol,netamount] = getCurrencySymbol(NetTotal); + $('.totalordersummary').html(`${netcurrencySymbol}${netamount}`); + + { + let [ordercurrencySymbol,orderamount] = getCurrencySymbol(TaxAmount); + $('.totaltaxsummary').html(`${ordercurrencySymbol}${orderamount}`); + } + + let orderItemsListHTML = ''; + + for(let i=0;i p').html(value); + }, + + removeVal(value){ + $('.description-wrap > p').html(''); + } + } + + function getSpecsItemHTML({name,des,itemid,id}){ + return ` + ${name} + ${des} + `; + } + + async function appendSpecs(id){ + let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`,true); + + if(resData.isError){ + + return; + } + + const res = resData.response; + console.log(JSON.parse(res.result)); + const data = JSON.parse(res.result); + console.log(data); + let html = ''; + for(let i=0;i +
${name}
+
+ +
+
`; + } + + function onClickHandler(e) { + + $(e).parent().find('.borderselector').removeClass('borderselector'); + + $(e).addClass('borderselector') + + } + + function getChildHTML(tagid,name,isTrue){ + return ` +
+ ${name} +
+ ` + } + + function addeventlisteners(){ + + $('.optiontaganwi').each(function (i,el){ + $(el).click(function (e){ + + $(e.target).parent().find('.borderselector').removeClass('borderselector'); + $(e.target).addClass('borderselector') + searchComb(); + currentClick = e.target; + // getAllCombination(); + }) + }); + } + + function searchComb(){ + let valuesSelected = []; + + + $('#addtocart').removeClass('disabled'); + $('.msgErrorDetailsItem').addClass('d-none'); + $('.borderselector').each(function (i,el){ + let val = $(el).html(); + valuesSelected.push(val.trim()); + }); + + let labelRecord = {}; + + for(let label in labels){ + labelRecord[label] = false; + } + + console.log(labelRecord); + specification_wrap_action.add(); + console.log(group); + let unFiler = null; + for(let i=0;i=$('#quantity').val() && quantity>=1){ + currentComb = itemtagscombinationRes[i]; + $('.productname').html(itemtagscombinationRes[i].itemname) + $('.price').html(itemtagscombinationRes[i].pricelist); + // location.hash = itemtagscombinationRes[i].itemname.trim(); + appendSpecs(itemtagscombinationRes[i].itemid) + history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`); + let searchparms = location.search; + debugger; + + + +// const regex = /sku="(\w+)"/g; +// const newParams = searchparms.replace("sku", `$1${itemtagscombinationRes[i].sku}$2`); +// location.search = newParams; + $('#skudetailitem').val(itemtagscombinationRes[i].sku) + }else{ + debugger; + let name = itemtagscombinationRes[i].itemname.split('-')[0]; + $('#addtocart').addClass('disabled'); + let itemsName = name; + $('.borderselector').each(function (i,e){ + itemsName += ` ${$(e).html().trim()}`; + }); + + specification_wrap_action.remove(); + $('#skudetailitem').val(-1) + $('.productname').html(itemsName) + history.replaceState(null, null, `#`); + + $('.msgErrorDetailsItem').removeClass('d-none'); + $('.price').html(''); + } + + initAddToCart() + return; + + } + + } + + let name = itemtagscombinationRes[0].itemname.split('-')[0]; + let itemsName = name; + $('.borderselector').each(function (i,e){ + itemsName += `- ${$(e).html().trim()}`; + }) + specification_wrap_action.remove(); + $('.productname').html(itemsName) + $('#skudetailitem').val(-1) + $('.price').html(''); + $('#addtocart').addClass('disabled'); + $('.msgErrorDetailsItem').removeClass('d-none'); + + initAddToCart() + } + + function getAllCombination(){ + const currClickAttr = $(currentClick).html().trim(); + + let isThere = []; + for(let item in isThereInLabel){ + let {tagnames} = isThereInLabel[item]; + if(tagnames.includes(currClickAttr)){ + isThere.push( isThereInLabel[item]) + } + } + let selected = []; + $('.borderselector').each(function (i,e){ + selected.push($(e).html().trim()) + }); + + // console.log(selected); + // console.log(isThere); + + let ishashObj = {}; + + for(let i=0;i{ + let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true); + if(resData.isError){ + alert(resData.errorMsg.message); + return; + } + + let res = resData.response; + + res = JSON.parse(res.result); + + console.log(res); + let urlPathName = window.location.pathname; + let searchTerm = ''; + if(urlPathName.includes('ram')){ + searchTerm = "RAM ORA"; + }else if(urlPathName.includes('storage')){ + searchTerm = `SSD ORA`; + } + let resultItem = null; + + for(let i=0;i +
+
+
+
+ +
+
+
+

${itemname}

+
+
${gb}
${ramTech}
${priceAmt}
+
+ +
+
+
+
+ `; + return `
+
+ + ... + +
+ +
+ ${itemname} +
+ +
+
    +
  • + ${gb} ${ramTech} +
    • +
  • + 3200 Mhz +
    • +
+
+ +
+
+
Details +
+
+
+
` + } + + init(); +} +debugger; +ramProductsInit(); \ No newline at end of file diff --git a/dist/Js/ramproducts/ramproducts.js b/dist/Js/ramproducts/ramproducts.js new file mode 100644 index 0000000..69a4ff2 --- /dev/null +++ b/dist/Js/ramproducts/ramproducts.js @@ -0,0 +1,81 @@ +function ramProductsInit(){ + const RAM_ID = 106633230000024; + function init(){ + getRamData(RAM_ID) + } + async function getRamData(id){ + let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true); + + if(resData.isError){ + alert(resData.errorMsg.message); + return; + } + + let res = resData.response; + + res = JSON.parse(res.result); + + console.log(res); + let html = ''; + + for(let i=0;i +
+ + ... + +
+ +
+ ${itemname} +
+ +
+
    +
  • + ${gb} ${ramTech} +
    • +
  • + 3200 Mhz +
    • +
+
+ +
+
+
Details +
+
+
+ ` + } + + init(); +} + +ramProductsInit(); \ No newline at end of file diff --git a/dist/Js/shoppingcart/addtocart.js b/dist/Js/shoppingcart/addtocart.js new file mode 100644 index 0000000..8ce2ab0 --- /dev/null +++ b/dist/Js/shoppingcart/addtocart.js @@ -0,0 +1,208 @@ +const CART_DATA = 'CART_DATA'; + +let cartLength = 0; +const CART_ADD = 'CART_ADD'; +function getCartData(){ + const data = localStorage.getItem(CART_DATA); + if(data) return JSON.parse(data); + return null; +} + +function removeCartData(){ + localStorage.removeItem(CART_DATA); +} + +function setCartData(data){ + localStorage.setItem(CART_DATA,JSON.stringify(data)); +} + +function setLengthCart(){ + const data = getCartData(); + if(!data) return; + + + let length = 0; + + for(let item in data){ + let curr = data[item]; + length += parseInt(curr.quantity); + } + + if(length>0){ + $('.cartnumcount').removeClass('d-none').html(length); + }else{ + $('.cartnumcount').addClass('d-none').html(0); + } + +} + + +function getQuantityById(id){ + const data = getCartData(); + if(!data) return; + + for(let item in data){ + if(id == item){ + $('#quantity').val(products[item].quantity); + } + } +} + +function updateCartQuantity(id,val){ + const data = getCartData(); + if(!data) return; + + + data[id].quantity = val; + + + setCartData(data); + updateSummaryPriceAdd(); + +} + +function removeCartItem(id){ + debugger; + let data = getCartData(); + if(!data) return; + + let newdata = {}; + + for(let item in data){ + if(item != id){ + newdata[item] = data[item]; + } + } + + setCartData(newdata); + updateSummaryPriceAdd(); + + return Object.keys(newdata).length; +} + +function updateSummaryPriceAdd(){ + let data = getCartData(); + let totalSummaryPrice = $('.totalSummaryPrice'); + let totalPrice = $('.totalPrice'); + let currecy = $('.currecy'); + let noofitems = $('.noofitems'); + if(!data) return; + let len = 0; + let totalAmt = 0; + for(let item in data) { + let {price,quantity} = data[item]; + totalAmt += parseInt(price*quantity); + len += parseInt(quantity); + } + const [currencySymbol,amount] = getCurrencySymbol(totalAmt); + noofitems.html(len); + + totalSummaryPrice.html(amount); + totalPrice.html(amount); + currecy.html(currencySymbol); + + +} + +function initAddToCart(){ + + addEventListeners(); + + function addToCartFun(){ + const data = getCartData(); + + let id = window.location.search.split('=')[1]; + if(!data){ + + let cartObj = {}; + debugger; + + cartObj[$('#skudetailitem').val()] = { + name:$('.productname').html(), + price:$('.price').html(), + quantity:$('#quantity').val(), + img:$('.productDetailsMain img').attr('src'), + sku:$('#skudetailitem').val() + } + + + addtoCart(cartObj); + //$('.cartnumcount').removeClass('d-none').html(1); + setLengthCart(); + + }else{ + //if(!data[id]) data['length']++; + let name = $('.productname').html(); + let price = $('.price').html(); + let quantity = $('#quantity').val(); + let img = $('.productDetailsMain img').attr('src'); + let sku = $('#skudetailitem').val(); + + + + if(data[$('#skudetailitem').val()]){ + data[$('#skudetailitem').val()] = { + name:name, + price:price, + quantity: parseInt(data[sku].quantity)+parseInt(quantity), + img:img, + sku:sku + } + addtoCart(data); + }else{ + data[$('#skudetailitem').val()] = { + name:name, + price:price, + quantity:parseInt(quantity), + img:img, + sku:sku + } + addtoCart(data); + } + + } + + setLengthCart(); + + } + + function addEventListeners(){ + $('#addtocart').html('Add to cart') + $('#addtocart').off().click((e)=>{ + debugger + $('#addtocart').off().click(function (el){ + window.location.href = '/shopping-cart.html'; + + }); + + addToCartFun(); + debugger; + toasterHelper('success',"Item added to cart"); + + $('#addtocart').html('Go to cart'); + }); + + $('.buynow').off('click').click(async (e)=>{ + addToCartFun(); + const res = await COOKIE_HELPER.validateToken(); + if(!res.response){ + localStorage.setItem(CART_ADD,true); + window.location.href = '/login.html'; + + $('.checkoutbtn').find('span').removeClass('d-none'); + $('.checkoutbtn').find('div').addClass('d-none'); + return; + } + window.location.href = '/selectdelivery.html'; + + }); + } + + function addtoCart(data){ + const currData = getCartData(); + let newData = {...currData,...data}; + setCartData(newData); + } +} + +initAddToCart(); \ No newline at end of file diff --git a/dist/Js/shoppingcart/select_delivery.js b/dist/Js/shoppingcart/select_delivery.js new file mode 100644 index 0000000..3ee7e87 --- /dev/null +++ b/dist/Js/shoppingcart/select_delivery.js @@ -0,0 +1,665 @@ +function initSelectDevlivery() { + let editMode = false; + let countryId = null; + let currencyId = null; + let billingInfo = null; + let userName = null; + + let orderBtnAction = { + removeOrdernowBtn() { + $('.ordernowbtn').parent().addClass('d-none'); + }, + + addOrdernowBtn() { + $('.ordernowbtn').parent().removeClass('d-none'); + } + } + + let addresslistAction = { + removeAddressContainer(){ + $('.addresslist').addClass('d-none'); + }, + addAddressContainer(){ + $('.addresslist').removeClass('d-none'); + } + } + + let changeAddressBtnAction = { + removeChangeAddressBtn() { + $('.changeAddressBtn').addClass('d-none'); + }, + addChangeAddressBtn() { + $('.changeAddressBtn').removeClass('d-none'); + } + + } + + let changesaveCancelBtnAction = { + removeChangeCancelBtn() { + $('.saveanddeliverCanel').addClass('d-none'); + }, + addChangeCancelBtn() { + $('.saveanddeliverCanel').removeClass('d-none'); + } + + } + + let saveFormLoading = { + addSpinner(){ + $('.saveanddeliver').find('.spinner-border').removeClass('d-none'); + $('.saveanddeliver').find('span').addClass('d-none'); + }, + + removeSpinner(){ + $('.saveanddeliver').find('.spinner-border').addClass('d-none'); + $('.saveanddeliver').find('span').removeClass('d-none'); + }, + } + let paymentgatewaypageAction = { + addPaymentgatewaypage(){ + $('.paymentgatewaypage').removeClass('d-none'); + }, + + removePaymentgatewaypage(){ + $('.paymentgatewaypage').addClass('d-none'); + } + } + + let paymentContainerAction = { + paymentContainerAdd(){ + $('.orderslist').parent().removeClass('d-none'); + }, + + paymentContainerRemove(){ + $('.orderslist').parent().addClass('d-none'); + } + } + + const {phonenumber_errorhandler,addressdes_errorhandler,zipcode_errorhandler,state_errorhandler} = factoryErrorControl(); + + function init() { + getAddressRes(); + loadEvents(); + updateSummaryPriceAdd(); + // changeAddressBtnAction.removeChangeAddressBtn(); + + } + + function removeAllFormError(){ + phonenumber_errorhandler.removeError(); + addressdes_errorhandler.removeError(); + zipcode_errorhandler.removeError(); + state_errorhandler.removeError(); + + $('.errMsgFormEdit').addClass('d-none'); + $('.errMsgFormEdit').html(''); + + } + + async function getAddressRes() { + let cookieRes = COOKIE_HELPER_ACTIONS.getCookie(); + console.log(cookieRes); + const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`); + + let res = JSON.parse(response.result); + console.log(res, 'befores'); + res = res[res.length - 1]; + + //createBillingForm(); + + const {cityid, lobid,organizationname,addressline,cityname,phonenumber,zipcode,name } =res; + billingInfo = res; + debugger; + console.log(res); + if (cityid != 0) { + $('.addnewAddressContainer').addClass('d-none'); + $('.detailsAddressBg').removeClass('detailsAddressBg'); + $('.ordersummaryheader').addClass('detailsAddressBg'); + $('.displayadress').removeClass('d-none') + // $('.addresslist').removeClass('d-none'); + loadShippingProducts(); + userName = organizationname; + + setAddressHeader({name:organizationname,phonenumber,addressline,cityname,zipcode}); + debugger; + + editMode = true; + + + // adding values + + $('#phonenumber').val(phonenumber); + $('#addressdes').val(addressline); + $('#zipcode').val(zipcode); + debugger; + $('.userNamelogin').html(`${userName}`); + changeAddressBtnAction.addChangeAddressBtn() + getCountryStateCurrency(); + }else{ + $('.userNamelogin').html(`${organizationname}`); + loadShippingProducts(); + paymentContainerAction.paymentContainerRemove(); + getCountryStateCurrency(); + orderBtnAction.removeOrdernowBtn(); + $('.detailsAddressBg').removeClass('detailsAddressBg'); + $('.selectAddress').addClass('detailsAddressBg'); + } + } + + function setAddressHeader({name,phonenumber,addressline,cityname,zipcode}){ + $('.innerDisplayAddress').html(`${name}-${phonenumber}, ${addressline}, ${cityname} - `); + $('.zipcodeAddress').html(`${zipcode}`); + + } + + function checkForm(){ + + let number = $('#phonenumber').val(); + let zipcode = $('#zipcode').val(); + let state = $('#state').val(); + let address = $('#addressdes').val(); + + let isTrue = false; + if(!number || number.length!=10){ + isTrue = true; + phonenumber_errorhandler.addError(); + } + + if(zipcode.length<6 || zipcode.length>6){ + isTrue = true; + zipcode_errorhandler.addError(); + } + + if(!state){ + isTrue = true; + state_errorhandler.addError(); + } + + if(!address){ + isTrue = true; + addressdes_errorhandler.addError(); + } + + return isTrue; + + + } + + async function createBillingForm(){ + debugger; + let cookieRes = COOKIE_HELPER_ACTIONS.getCookie(); + let { userId, name } = cookieRes; + const ctyId = await getCountryId(); + + let stateId = parseInt($('#state').val()); + let payload = { + "cityid": stateId, + "CityName":$(`[data-id="${stateId}"`).html(), + "addressline1": $('#addressdes').val(), + + "OrganizationType": 2, + "organizationname": name, + //"OrganizationId":, + "ContactName": name, + "ContactId": userId, + "countryname": 'india', + "countryid": ctyId, + "statename":$(`[data-id="${stateId}"`).html(), + "phonenumber": $('#phonenumber').val(), + + "OrganizationId": userId, + "currencyid": 2, + "taxno": '0', + "BillingInfoExists": false, + "lobid": 0, + "lobname": "IT Products", + "gstindetailid": 0, + zipcode:$('#zipcode').val() + } + const res = await API_SERVICES_ACTIONS.postAPIService('apis/v4/bizgaze/crm/address/savebillinginfo', payload); + // http://localhost:3088/apis/v4/bizgaze/crm/address/savebillinginfo + + + setAddressHeader({name,phonenumber:$('#phonenumber').val(),addressline: $('#addressdes').val(),cityname:$(`[data-id="${stateId}"`).html(),zipcode:$('#zipcode').val()}); + + return new Promise((reslove,reject) => { + reslove(res); + }) + console.log(res); + } + + async function saveForm() { + + let cookieRes = COOKIE_HELPER_ACTIONS.getCookie(); + let { userId, name } = cookieRes; + const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`); + + let resAnwi = JSON.parse(response.result); + console.log(resAnwi, 'befores'); + resAnwi = resAnwi[resAnwi.length - 1]; + + let stateId = parseInt($('#state').val()); + let payload = { + ...resAnwi, + phonenumber:$('#phonenumber').val(), + addressline1:$('#addressdes').val(), + zipcode:$('#zipcode').val(), + cityid:stateId, + CityName:$(`[data-id="${stateId}"`).html(), + + } + + console.log(payload,"ertyuioghjkl"); + + + + // + const res = await API_SERVICES_ACTIONS.postAPIService('apis/v4/bizgaze/crm/address/savebillinginfo', payload); + + return new Promise((reslove,reject) => { + reslove(res); + }) + } + + async function loadEvents() { + $('.addnewAddressContainer').off('click').click(function (e) { + $('.addnewAddressContainer').addClass('d-none'); + $('.addresslist').removeClass('d-none'); + changeAddressBtnAction.removeChangeAddressBtn(); + changesaveCancelBtnAction.addChangeCancelBtn(); + + }); + + $('.saveanddeliverCanel').off('click').click(function (){ + if(!editMode){ + $('.addnewAddressContainer').removeClass('d-none'); + $('.addresslist').addClass('d-none'); + changeAddressBtnAction.removeChangeAddressBtn(); + changesaveCancelBtnAction.removeChangeCancelBtn(); + }else{ + loadShippingProducts(); + addresslistAction.removeAddressContainer() + changeAddressBtnAction.addChangeAddressBtn(); + paymentContainerAction.paymentContainerAdd(); + $('.displayadress').removeClass('d-none'); + } + }); + + + $('.saveanddeliver').off('click').click(async function (e) { + + saveFormLoading.addSpinner() + let isErrorForm = checkForm(); + + if(isErrorForm){ + saveFormLoading.removeSpinner(); + return; + } + let res; + if(editMode){ + res = await saveForm(); + }else{ + res = createBillingForm(); + } + saveFormLoading.removeSpinner(); + + + const {isError,errorMsg,response} = res; + console.log(errorMsg); + if(isError){ + + $('.errMsgFormEdit').removeClass('d-none'); + $('.errMsgFormEdit').html(`${errorMsg.message}`); + + + + return; + } + debugger; + editMode = true; + let {name} = COOKIE_HELPER.getCookie(); + // phonenumber:$('#phonenumber').val(), + // addressline1:$('#addressdes').val(), + // zipcode:$('#zipcode').val(), + // cityid:stateId, + // CityName:$(`[data-id="${stateId}"`).html(), + let stateId = parseInt($('#state').val()); + setAddressHeader({name,addressline:$('#addressdes').val(),cityname:$(`[data-id="${stateId}"`).html(),phonenumber:$('#phonenumber').val(),zipcode:$('#zipcode').val()}); + + + $('.errMsgFormEdit').html(''); + loadShippingProducts(); + addresslistAction.removeAddressContainer() + changeAddressBtnAction.addChangeAddressBtn(); + paymentContainerAction.paymentContainerAdd(); + $('.displayadress').removeClass('d-none'); + + + }); + $('.changeAddressBtn').off('click').click(function (e){ + console.log(e.target); + removeOrderSummary(); + changeAddressBtnAction.removeChangeAddressBtn(); + $('.displayadress').addClass('d-none') + }) + + $('.ordernowbtn').off().click(async function (e){ + let cookieRes = COOKIE_HELPER_ACTIONS.getCookie(); + let { userId, name } = cookieRes; + + paymentgatewaypageAction.addPaymentgatewaypage(); + let payload = { + "OrganizationName": name, + "BranchId": 106632280000001, + "OrderItems": [ + { + "UnitPrice": 20, + "Quantity": 1, + "SKU": "11", + "DiscountValue": 0, + "DiscountPercent": 0 + } + ] + } + $('.paymentgatewaypage').removeClass('d-none'); + const data = getCartData(); + + let orderItems = []; + for(let i in data){ + const {price,quantity,sku} = data[i]; + let payload = { + "UnitPrice": price, + "Quantity": quantity, + "SKU": sku, + "DiscountValue": 0, + "DiscountPercent": 0 + } + orderItems.push(payload) + } + + payload['OrderItems'] = orderItems; + + debugger; + try { + const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/integrations/salesorder/save`,payload); + console.log(res.response.result);; + + if(!res.response.result){ + paymentgatewaypageAction.removePaymentgatewaypage(); + } + + + + // `http://localhost:3088/apis/v4/bizgaze/transact/orders/getpaymentgatewaytransaction/refid/106633780000069` + + let response = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/transact/orders/getpaymentgatewaytransaction/refid/${res.response.result}`); + let {PaymentLink} = JSON.parse(response.response.result); + window.location.href = PaymentLink; + } catch (error) { + paymentgatewaypageAction.removePaymentgatewaypage(); + } + }); + } + + function getItemProductHTML(item) { + const { img, name, price, quantity, sku, id } = item; + + return `
+
+ +
+
+
+
${name}
+
+
+ ${getCurrencySymbol(price)} x ${quantity} +
+
+
`; + return `
+
+
+
+
+
+ +
+
+
+ - +
+
+ +
+
+ + +
+
+
+
+
+
+
+
+
+
${name}
+
+ $ ${price} 56% Off 2 offers applied +
+
+ Save for later + Remove +
+
+
+
+
+
+
`; + } + + async function getCountryId(){ + const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcountry');; + + if (countryRes.isError) { + alert("something went wrong"); + console.log(countryRes); + return; + } + + let ctyId = 0 + let countryData = JSON.parse(countryRes.response.result); + + console.log(countryData); + + for (let i = 0; i < countryData.length; i++) { + if (countryData[i].countryname.toLowerCase() === 'india') { + countryId = countryData[i].countryid; + ctyId = countryId + countrynameData = countryData[i].countryname; + break; + } + } + + return ctyId; + + } + + async function getCountryStateCurrency() { + const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcountry');; + + if (countryRes.isError) { + alert("something went wrong"); + console.log(countryRes); + return; + } + + + let countryData = JSON.parse(countryRes.response.result); + + console.log(countryData); + + for (let i = 0; i < countryData.length; i++) { + if (countryData[i].countryname.toLowerCase() === 'india') { + countryID = countryData[i].countryid; + countrynameData = countryData[i].countryname; + break; + } + } + + const stateRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getcities/countryid/${countryID}`); + + if (stateRes.isError) { + alert("something went wrong"); + console.log(stateRes); + return; + } + + let stateData = JSON.parse(stateRes.response.result); + + console.log(stateData, 'state'); + + + $('#state').html(''); + console.log("start") + let html = ''; + statesList = stateData; + for (let i = 0; i < stateData.length; i++) { + html += `` + + } + + $('#state').append(html); + + $("#state").select2({ + placeholder: "Select a City", + allowClear: true + }); + + const currencyRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcurrencies'); + + if(currencyRes.isError){ + alert("something went wrong"); + console.log(currencyRes); + return; + } + + let currencyData = JSON.parse(currencyRes.response.result); + + console.log(currencyData,'currencyDatacurrencyDatacurrencyData'); + + for(let i=0;i + Online + + + `); + + $('.paymentbtn').off().click(function (e){ + const data = $(e.target).data('op'); + if(data == 'online'){ + orderBtnAction.addOrdernowBtn(); + }else{ + orderBtnAction.removeOrdernowBtn(); + } + }) + $('.btnminus').each(function (i, el) { + $(el).off().click(function (elm) { + let id = $(elm.target).parents('.item-product-add').data('id'); + let val = parseInt($(elm.target).parents('.item-product-add').find('.qtyshowinput').val()); + if (val <= 1) return; + val--; + updateCartQuantity(id, val) + $(elm.target).parents('.item-product-add').find('.qtyshowinput').val(val) + }); + }) + $('.btnplus').each(function (i, el) { + $(el).off().click(function (elm) { + let id = $(elm.target).parents('.item-product-add').data('id'); + let val = parseInt($(elm.target).parents('.item-product-add').find('.qtyshowinput').val()); + if (val >= 11) return; + val++; + updateCartQuantity(id, val) + $(elm.target).parents('.item-product-add').find('.qtyshowinput').val(val); + }); + }) + $('.removecartItem').each(function (i, el) { + $(el).click(function (elm) { + let id = $(elm.target).parents('.item-product-add').data('id'); + + let len = removeCartItem(id); + $(`.item-product-add[data-id="${id}"]`).remove(); + if (!len) { + orderBtnAction.removeOrdernowBtn(); + } + }); + + + }) + } + + function removeOrderSummary(){ + $('.detailsAddressBg').removeClass('detailsAddressBg'); + $('.selectAddress').addClass('detailsAddressBg'); + $('.orderslist').html(''); + orderBtnAction.removeOrdernowBtn(); + + // $('.detailsAddressBtn').addClass('d-none'); + addresslistAction.addAddressContainer(); + $('.saveanddeliver').removeClass('d-none'); + $('.saveanddeliverCanel').removeClass('d-none') + } + + function factoryErrorControl(){ + let inputsArr = ['phonenumber','addressdes','zipcode','state']; + + let controls = {}; + for(let i=0;i +
+ + +
+ +
+ + +
+ + ` + } + + function shoppingCartDesktopHTML({ id, img, name, price, description, quantity, total }) { + const [currencySymbol,amt] = getCurrencySymbol(price); + return ` +
+
${name}
+
+ + ${name} + ${description||''} + 8 Offers > +
+
+

${currencySymbol} ${amt}

+
+
+ + ${getQuantityHTML(quantity, id)} +
+
+
+

+ + ${total}

+ x +
+
+
+
+
+

shopping-cart-item-img Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more

+
+
+

₹3,200 (2 year) +

+
+
+
+
+

shopping-cart-item-img Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more

+
+
+

₹2,900 (2 year) +

+
+
+
+
+ +
+
+
+
+ + +
+ +
+
+ `; + } +} \ No newline at end of file diff --git a/dist/Js/utils/cookiehelper.js b/dist/Js/utils/cookiehelper.js new file mode 100644 index 0000000..e69de29 diff --git a/dist/Js/utils/helpers.js b/dist/Js/utils/helpers.js new file mode 100644 index 0000000..abec900 --- /dev/null +++ b/dist/Js/utils/helpers.js @@ -0,0 +1,44 @@ + +const uid = function(){ + return Date.now().toString(36) + Math.random().toString(36).substr(2); +} + +function getCurrencySymbol(value=0) { + let type = 'INR' + if (type) { + const ans = new Intl.NumberFormat('en-US', { style: 'currency', currency: type }).format(value);; + const res = ans.split(/(\D+)/); + const currencySymbol = res[1]; + const amount = res.slice(2,res.length).join('') + + + return [currencySymbol,amount] + } else { + console.log("errrrrrrrrrrrrrrrrrrrrrrrrr",type); + return ['',0]; + } +} + +function toasterHelper(type,message){ + // toasterOpts() +Command: toastr[type](message); +function toasterOpts(){ + toastr.options = { + "closeButton": true, + "debug": false, + "newestOnTop": true, + "progressBar": true, + "positionClass": "toast-top-center", + "preventDuplicates": true, + "onclick": null, + "showDuration": "300", + "hideDuration": "1000", + "timeOut": "5000", + "extendedTimeOut": "1000", + "showEasing": "swing", + "hideEasing": "linear", + "showMethod": "fadeIn", + "hideMethod": "fadeOut" + } + } +} \ No newline at end of file diff --git a/dist/css/pages/orderconfirmation.css b/dist/css/pages/orderconfirmation.css new file mode 100644 index 0000000..79de705 --- /dev/null +++ b/dist/css/pages/orderconfirmation.css @@ -0,0 +1,21 @@ +/* html,body{ + height: 100%; +} */ +.orderconfirmationMain{ + /* height: 100%; */ + + padding-top: 5rem; + + display: flex; + + justify-content: center; +} + +.ordercontainerconfirm{ + max-width: 800px; + height: max-content; +} + +.summaryconfirmdetails{ + width: 250px; +} \ No newline at end of file diff --git a/dist/css/pages/productdetails.css b/dist/css/pages/productdetails.css index 7dfb128..5af2d05 100644 --- a/dist/css/pages/productdetails.css +++ b/dist/css/pages/productdetails.css @@ -1,6 +1,3 @@ -*{ - font-family:"Satoshi", sans-serif; -} .font-w600{ font-weight: 600; } @@ -59,9 +56,9 @@ } -/* .productDetailsShadow{ +.productDetailsShadow{ -} */ +} .learnMoreA{ text-decoration: none; @@ -80,9 +77,9 @@ font-size: 1rem; } -/* .bgproductDGen{ +.bgproductDGen{ -} */ +} .product-item-gallery{ background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%); @@ -101,4 +98,31 @@ .product-item-gallery.active-gallery-img{ border: 3px solid; +} + +.disable-item{ + pointer-events: none; + background: #f3f3f3; +} + +.tabsContainer{ + margin-top: 100px !important; + transition: none !important; +} + + +.no-transition{ + transition: none !important; +} + + +.productdetailstabs .active{ + transition: none !important; + border-bottom: 3px solid; + font-weight: 600; + +} + +.tabsContainer .wrap-content-product-tabs{ + margin-top: 40px !important; } \ No newline at end of file diff --git a/dist/css/pages/selectdelivery.css b/dist/css/pages/selectdelivery.css new file mode 100644 index 0000000..6c68f12 --- /dev/null +++ b/dist/css/pages/selectdelivery.css @@ -0,0 +1,133 @@ +html,body{ + height: 100%; +} + +:root{ + --info-header-color: blue; +} + +h5{ + margin: 0; + padding: 0; +} + +.mianselectdelivery{ + min-height: 100vh; +} + +.info-numberbox{ + width: 20px; + /* height: 20px; */ + background-color: white; + color: var(--info-header-color); + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 700; +} + +.info-numberbox.selectdonefiled{ + background-color: #f3f3f3; +} + +.addresslabel{ + position: relative; +} + +.addressedit{ + position: absolute; + top: 0; + right: 0; + cursor: pointer; + text-transform: uppercase; + font-weight: 500; + font-size: 14px; +} + +.addresscontrol input{ + width: 50px; +} + +.rounded-contain{ + width: 25px; + height: 25px; + border: 1px solid #c2c2c2; + border-radius: 25px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} + +.selectaddressimgshow{ + width: 130px; +} + +.displayadress{ + +} + +.changeaddressbtn{ + position: absolute; + top:50%; + right: 0; + + width: max-content; + + + transform: translateY(-50%); +} + +.detailsAddressBg{ + background: #2E1835; + color: white; +} + +.detailsAddressBtn{ + background-color: #F89C1F; + border: none; + padding: 0.5rem; + border-radius: 5px; + cursor: pointer; + color: white; +} + +.paymentgatewaypage{ + width: 100vw; + height: 100vh; + + position: fixed; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.378); + color: white; + font-weight: 800; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + z-index: 9999; +} + +.select2-container--default{ + width: 100% !important; +} + +.select2-selection__clear span{ + display: none !important; +} + +.select2-selection__rendered { + line-height: 50px !important; +} +.select2-container .select2-selection--single { + height: 60px !important; +} +.select2-selection__arrow { + height: 50px !important; +} + +[name="payment"]:checked ~ label{ + border: 1px solid blue ; +} \ No newline at end of file diff --git a/orderconfirmation.html b/orderconfirmation.html new file mode 100644 index 0000000..111b3b8 --- /dev/null +++ b/orderconfirmation.html @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + Anwi + + + + + + + + + +
+
+
+
+
+ +
+
+ +

Payment Failed

+
+
Please try a different payment method
+
+
+
+
+

Thank You!

+
Hi, User
+
Your order has been confirmed and will be shipping right away!
+
+
+
+
+ Details +
+
+
+
Date
+
Nov-03-2021
+
+
+
Order Number
+
123456789
+
+
+
Payment Method
+
Visa 24-BLK
+
+
+
+
+
+
+
+
+ Order Summary +
+
+ Unit Price +
+
+ Qty +
+
+ Total +
+
+
+ +
+
+
+
+
+
+
+
Shipping
+
0 Rs
+
+
+
Tax
+
50 Rs
+
+
+
Total
+
1050 Rs
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/productdetails.html b/productdetails.html index 0886b18..00ba4ea 100644 --- a/productdetails.html +++ b/productdetails.html @@ -5,14 +5,22 @@ - + - + + + + + + + + + @@ -29,7 +37,9 @@ - Products | Anwi + + + Anwi @@ -38,22 +48,16 @@ - -
-
-
-
-
-
-
+
-
+
-
-
-
+
+ +
+
-
+
- +
@@ -89,33 +94,30 @@
-
ORA3, M.2 NVMe SSD
+ +
ORA3, M.2 NVMe SSD
-
Elevate your laptop's capabilities with DDR5 - Laptop Memory, featuring 4800 MHz speed - in 8, 16, and 32 GB capacities. Benefit from - unparalleled thermal performance, extended - component lifespan, and consistently fast - speeds thanks to our cutting-edge graphene - sticker technology.
-
₹ - 3000
+
Improve your system's responsiveness, run apps faster and multitask + with ease. Compatibility assurance when using the Crucial System Scanner or Crucial + Advisor Tool
+
₹3000
+
Product out of stock
-
+
Colors
-
+ + + +
@@ -211,14 +220,16 @@ +
-
+ @@ -247,8 +258,8 @@
- -
+
+
  • No Cost EMI Available Learn More
    • @@ -262,9 +273,9 @@
-
+
Quantity : - @@ -275,7 +286,7 @@ -
@@ -285,109 +296,102 @@
-
-
-

The Advantages of - Graphene-Based Insulation

-

Introducing the all-new ORA memory - series powered by Anwi Systems, specially craÿed for high-performance Laptops, PCs, and - All-in-ones with graphene-based insulation to provide an exceptional - heat dissipation effect.

-

ORA memory series featured by Anwi - Systems with graphene-based insulation to provide a more effective - heat dissipation effect. The graphene cooling module allows natural convection or forced air - cooling for - fully enhanced heat dissipation. ORA memory series is the first on the market built specifically - for high-

+ + +
+ +
+
+ Description + + Specification + +
+
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.

+
+
+
+
+ + + + + + + + + + + + +
Data Transfer RateAnwi Ram
Memory Speed3200
+
+
+ +
+
- -
- - - + - - - - - - - + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - - - // $(".product_desc").html(data.description); - // $(".productDetailsMain").find("img").attr("src",data.image) - \ No newline at end of file diff --git a/ramproducts.html b/ramproducts.html index a93c5f6..e660bb7 100644 --- a/ramproducts.html +++ b/ramproducts.html @@ -51,15 +51,13 @@ - -
+
-
@@ -68,438 +66,42 @@

-->
-
-
-
-
- -
-
-
-

Discover the revolution of ORA

-

- ORA Memory Series, harnessing cutting-edge
- Graphene technology for blazing-fast heat absorption in NVMe SSDs.
- Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance. -

-
-
-
- Join the future with Anwi Systems -
- -
-
-
-
- ... -
-
ORA 8GB DDR4 3200MHz Desktop RAM
-
-
    -
  • - 8GB DDR4 -
    • -
  • - 3200 Mhz -
    • -
-
- Details - -
-
-
-
-
- ... -
-
- ORA 16GB DDR4 3200MHz Desktop RAM -
-
-
    -
  • - 16GB DDR5 -
    • -
  • - 3200 Mhz -
    • -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 32GB DDR4 3200MHz Desktop RAM -
-
-
    -
  • - 32GB DDR4 -
    • -
  • - 3200 Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 8GB DDR4 3200MHz Laptop RAM -
- -
-
    -
  • - 8GB DDR4 -
    • -
  • - 3200 Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
- ... -
-
- ORA 16GB DDR4 3200MHz Laptop RAM -
-
-
    -
  • - - 16GB DDR4 -
    • -
  • - - 3200 Mhz -
    • - -
-
- Details - -
-
-
-
-
- ... -
-
- ORA 32GB DDR4 3200MHz Laptop RAM -
-
-
    -
  • - - 32GB DDR4 -
    • -
  • - - 3200 Mhz -
    • -
-
- Details - -
-
-
-
-
- ... -
-
- ORA 8GB DDR5 4800MHz Desktop RAM -
-
-
    -
  • - - 8GB DDR5 -
    • -
  • - - 4800 Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 16GB DDR5 4800MHz Desktop RAM -
-
-
    -
  • - 16GB DDR5 -
    • -
  • - 4800 Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 32GB DDR5 4800MHz Desktop RAM -
-
-
    -
  • - 32GB DDR5 -
    • -
  • - 3200 Mhz -
    • - -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 8GB DDR5 4800MHz Laptop RAM -
-
-
    -
  • - 8GB DDR5 -
    • -
  • - 4800 Mhz -
    • -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 16GB DDR5 4800MHz Laptop RAM -
-
-
    -
  • - 16GB DDR5 -
    • -
  • - 4800 Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
- - ... - -
- -
- ORA 32GB DDR5 4800MHz Laptop RAM -
-
-
    -
  • - 32GB DDR5 -
    • -
  • - 4800Mhz -
    • -
-
- -
-
- Details - -
-
-
-
-
-
-
+
+
+
+

Discover the revolution of ORA

+

+ ORA Memory Series, harnessing cutting-edge
+ Graphene technology for blazing-fast heat absorption in NVMe SSDs.
+ Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance. +

+
+
+ Join the future with Anwi Systems +
+
+ +
+
+
+
+ +
+
+
+

ORA 8GB DDR4 3200MHz Desktop RAM

+
+
8GB DDR4
3200 Mhz
+
+ Details
-
+ +
+
+
@@ -507,53 +109,27 @@ - - - - - + - - - - - - - - - - - + + + + + + + + + + + + + \ No newline at end of file diff --git a/selectdelivery.html b/selectdelivery.html new file mode 100644 index 0000000..d673082 --- /dev/null +++ b/selectdelivery.html @@ -0,0 +1,309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Anwi + + + + + + + +
+
+
+
+
+ +
+
+
1
+
+ +
Login
+
+
+ + +
+ XXXXXX +
+
+ XX@XX.com +
+ +
+ +
+
+
+
+
+
+ +
2
+
+ +
Delivery Address
+
+
+ 1234567890, admin,Telengana - + +
+ +
+
+
+ + +
+ + +
+
+ + +
+ + +
+
+ + Add a new address +
+
+ +
+
+
+
3
+
Payment Method
+ + +
+
+
+
+ + + + +
+
+
+ +
+
+
+
+
+
+
Your Order
+
+
+
+ +
+
+
+
Jeans with sequins
+
+
+ 7000 x 02 +
+
+
+
+
+ +
+
+
+
Jeans with sequins
+
+
+ 7000 x 02 +
+
+
+
+
+
+
+ price (3 items) +
+
+ ₹ 0 +
+
+
+
+ Delivery Charges +
+
+ Free +
+
+
+
+
+ Total Payable + ₹ 0 +
+ +
+
+
+
+
+
+
+ + +
+
+ Your been redirected to payment gatway page +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/shopping-cart.html b/shopping-cart.html index 3e614de..9c29089 100644 --- a/shopping-cart.html +++ b/shopping-cart.html @@ -5,7 +5,7 @@ - + @@ -28,7 +28,7 @@ - Cart | Anwi + Anwi @@ -37,12 +37,8 @@
- - - - -
-
+
+
@@ -63,7 +59,7 @@
-
+
All
@@ -80,7 +76,24 @@
Total
-
+
+ + +
+
+
+ + Your Card is Empty + +
+
+
+
Check out
+
+ + + +
+
shopping-cart-item-img @@ -184,7 +199,7 @@
-
+
-
+
Buy Together @@ -290,8 +305,7 @@ 1999 - - +

@@ -306,7 +320,8 @@
-
+ +
@@ -322,7 +337,7 @@
-
+
@@ -340,34 +355,6 @@
- -
-
-
-
-
-

○○○

-
-
-
-

Cart

-
-
-
-

Your shopping cart is empty - -.

-

Go Shopping

-
-
-
-
-
-
-
- - - @@ -375,9 +362,9 @@ - + - + @@ -395,7 +382,11 @@ + + + + + - - - - - - + + - - - - - - - - - - - + + - - + + + + + + + + + \ No newline at end of file