sachin.ganesh/anwi_website
1
0
Fork 0
Código Incidencias Pull Requests Lanzamientos Wiki Actividad

changes in orderdetails and warranty and order summary pages

Explorar el Código
Este commit está contenido en:
ananthvijay
2023-04-24 11:10:08 +05:30
padre 32bb01f2e1
commit 810cfdb096
Se han modificado 6 ficheros con 197 adiciones y 228 borrados
Descargar archivo de parche Descargar archivo de diferencias Expandir todos los archivos Contraer todos los archivos
dist/Js/myaccount/orderdetails.js
vendido
+3 -28
Ver fichero
@@ -1,6 +1,5 @@
async function bindOrderDetails() {
let user_number =$('.User_phoneum').text();
debugger
// validatesession()
let port = "https://anwi.bizgaze.app";
// let port = "http://localhost:3088";
@@ -21,11 +20,6 @@ let port = "https://anwi.bizgaze.app";
console.log(new_arrr);
$(".user_order_details").html(``)
console.log('hello')
// $.each(new_arrr, function (key, value) {
// console.log("a", value);
// $(".user_order_details").append(user_order_details);
// });
let user_order_details =``;
let order_itemTotal = '';
let order_netTotal = '' ;
@@ -38,33 +32,14 @@ let port = "https://anwi.bizgaze.app";
order_netTotal = current.nettotal;
order_quantity =current.Quantity;
order_taxAmount =current.taxamount;
user_order_details+= `<div class=" border-3 mb-3"> <a href="#" class="text-dark order_details_main_container"><div class="d-none hi"><span class="order_itemTotal">${order_itemTotal}</span><span class="order_netTotal">${order_netTotal}</span><span class="order_tax">${order_taxAmount}</span> <span class="order_qty">${order_quantity}</span></div> <div class="bg-gray-4 p-2 row g-0"> <div class="col-md-6 "> <div class="d-flex justify-content-between align-items-center"> <div> <p class="mb-1">ORDER PLACED</p><p class="mb-1 order_date">${current.OrderDate}</p></div><div> <p class="mb-1"> TOTAL</p><p class="mb-1 Current_netTotal"> ₹${updatedCurent_total}</p></div><div> <p class="mb-1">Delivered TO </p><p class="mb-1">${current.OrganizationName}</p></div></div></div><div class="col-md-4 ms-auto"> <div> <p class="mb-1 text-end">ORDER NO: <span class="text-secondary fs-9 serial_no">${current.OrderNo}</span> </p></div><div class="d-flex justify-content-between"> <p class="mb-1 text-info"> View order details </p><p class="mb-0 text-info">Invoice</p></div></div></div><div class="border-0 card rounded-0 order-cards py-2"> <div class="row align-items-center"> <div class="col-md-3"> <img src="https://appassets.bizgaze.app/${current.imageurl}" class="img-fluid w-75 order_item_name"/> </div><div class="col-md-9"> <div class="row align-items-center"> <div class="col-md-8"> <div class="order_item_name">${current.itemname}</div></div><div class="col-md-4"> <button type="button" class="btn btn-sm btn-warning rounded order_details_btn py-0 mb-3" onClick="event.preventDefault();">Track Package</button> <button type="button" class="btn btn-sm btn-light rounded order_details_btn py-0 mb-3 shadow-sm" onClick="event.preventDefault();">Cancel Item</button> </div></div></div></div></div></div>`;
user_order_details+= `<a href="" class="order_details_main_container"><div class="border-3 mb-3 card"> <div class="text-dark card-body px-0 pt-0"><div class="d-none"><span class="order_itemTotal">${order_itemTotal}</span><span class="order_netTotal">${order_netTotal}</span><span class="order_tax">${order_taxAmount}</span> <span class="order_qty">${order_quantity}</span></div> <div class="bg-gray-4 p-2 row g-0"> <div class="col-md-6 "> <div class="d-flex justify-content-between align-items-center"> <div> <p class="mb-1">ORDER PLACED</p><p class="mb-1 order_date">${current.OrderDate}</p></div><div> <p class="mb-1"> TOTAL</p><p class="mb-1 Current_netTotal"> ₹${updatedCurent_total}</p></div><div> <p class="mb-1">Delivered TO </p><p class="mb-1">${current.OrganizationName}</p></div></div></div><div class="col-md-4 ms-auto"> <div> <p class="mb-1 text-end">ORDER NO: <span class="text-secondary fs-9 serial_no">${current.OrderNo}</span> </p></div><div class="d-flex justify-content-between"> <p class="mb-1 text-info"> View order details </p><p class="mb-0 text-info">Invoice</p></div></div></div><div class="border-0 card rounded-0 order-cards py-3"> <div class="row align-items-center text-center"> <div class="col-md-3"> <img src="https://appassets.bizgaze.app/${current.imageurl}" class="img-fluid w-75 order_item_name"/> </div><div class="col-md-9"> <div class="row align-items-center"> <div class="col-md-8"> <div class="order_item_name">${current.itemname}</div></div><div class="col-md-4"> <button type="button" class="btn btn-sm rounded order_details_btn primary_btn py-0 mb-3" onClick="event.preventDefault();">Track Package</button> <button type="button" class="btn btn-sm btn-light rounded order_details_btn py-0 mb-3 shadow-sm" onClick="event.preventDefault();">Cancel Item</button> </div></div></div></div></div></div></div></a>`;
}
$(".user_order_details").append(user_order_details);
// $('.order_details_main_container').click(function(){
// window.localStorage.setItem("orderNumber", current.OrderNo);
// window.localStorage.setItem("orderDate", current.OrderNo);
// });
$('.order_details_main_container').click(function(){
let current_order_date= $(this).find('.order_date').text();
let current_serial_no= $(this).find('.serial_no').text();
let current_item_name= $(this).find('.order_item_name').text();
let current_order_itemTotal =$(this).find('.order_itemTotal').text();
let current_order_netTotal =$(this).find('.order_netTotal').text();
let current_order_tax =$(this).find('.order_tax').text();
let current_order_qty =$(this).find('.order_qty').text();
let order_item_img= $('.order_item_name').attr('src');
window.localStorage.setItem('orderDate',current_order_date);
// window.localStorage.setItem('orderDate',current_order_date);
window.localStorage.setItem('orderSerialno',current_serial_no);
window.localStorage.setItem('orderItemname',current_item_name);
window.localStorage.setItem('orderitemTotal',current_order_itemTotal);
window.localStorage.setItem('netTotal',current_order_netTotal)
window.localStorage.setItem('Qty',current_order_qty)
window.localStorage.setItem('tax',current_order_tax)
window.localStorage.setItem('imgsrc',order_item_img)
debugger;
// console.log(get_local_orderDate,get_local_orderSerialno)
window.localStorage.setItem('Userphonenumber',user_number);
$(this).attr('href','./orderdetails.html')
})
}
dist/Js/orderDetails/order_summary.js
vendido
+45 -54
Ver fichero
@@ -1,62 +1,53 @@
let current_orderDate =window.localStorage.getItem('orderDate')
let current_orderSerialDate =window.localStorage.getItem('orderSerialno')
let order_itemname =window.localStorage.getItem('orderItemname');
let order_itemtotal =window.localStorage.getItem('orderitemTotal');
let order_nettotal =window.localStorage.getItem('netTotal');
let order_qty = window.localStorage.getItem('Qty')
let order_tax = window.localStorage.getItem('tax')
let order_img_src =window.localStorage.getItem('imgsrc')
let Local_keys_update =['tax','Qty','netTotal','orderitemTotal']
let summary =` <div class="card-body">
<div>
<p class="mb-0 fs-6 fw-500">Order<span>${current_orderSerialDate}</span></span><span class="text-secondary fs-9"> (${order_qty} items)</p>
<p class="mb-0 fs-6">Order placed on ${current_orderDate}</p>
<p class="mb-0 fs-9">Paid by Credit Card</p>
</div>`;
async function order_summary(){
let current_orderSerialDate =window.localStorage.getItem('orderSerialno');
let user_number =window.localStorage.getItem('Userphonenumber');
let port = "https://anwi.bizgaze.app";
// let port = "http://localhost:3088";
let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
const config = {
url,
method: "get",
headers: {
'Authorization': `stat 05b2f2ca510344968c65e1ebf49a5595 `,
'Content-Type': 'application/json'
}
};
let res = await axios(config);
const orderDetailsres = JSON.parse(res.data.result);
console.log(orderDetailsres);
let new_arrr = orderDetailsres;
console.log(new_arrr)
let orderNumber = localStorage.getItem("orderSerialno");
let filteredOrders = new_arrr.filter(function(order) {
return order.OrderNo === orderNumber;
});
let deliverdCard=`<div class="card-body">
<div class="row align-items-center mb-md-4">
<div class="col-md-6">
<div class="d-flex">
<img src="" class="img-fluid"/>
<div>
<span class="fs-5">Delivered</span>
<span class="text-secondary fs-9">Shipment 1 / 5-1 item (1 Delivered)</span>
</div>
</div>
<div> <span class="text-secondary fs-9">Delivered on Sunday, 9 March <span class="text-a-color">Invoice</span></span></div>
</div>
<div class="col-md-6 text-end">
<button class="btn btn-order-text bg-return">SUPPPORT</button>
</div>
</div>
<div>
<span class="text-secondary fs-9 d-none">Shipping to</span>
<p class="fs-5 fw-600 user_name">Ashok Kumar</p>
</div>
<div class="row pb-md-0 pb-4">
<div class="col-md-4 text-center">
<img src="${order_img_src}" class="img-fluid order_img"/>
</div>
<div class="col-md-8 position-relative">
<p class="mb-0 fs-6 order_itemname">${order_itemname}</p>
<p class="mb-3 fs-6 fw-600 d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
</svg><span class="order_price">${order_itemtotal}</span>
</p>
<p class="mb-0 fs-6 position-absolute close_exchange">Return/Exchange window closed on Friday,24 March <a href="#" class="text-primary">Why?</a></p>
</div>
</div>
</div>`
$.each(filteredOrders, function(index, order) {
console.log(order.OrderNo)
let Delivery_status =order.stageshortcode
let deliverdCard=`<div class="card rounded-0 border-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div>Delivery Status :</div><div class="text-secondary delivery_status" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button class="bg-return btn ">Claim warranty</button> <button class="bg-return btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To</small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname">${order.itemname} (${order.Quantity} items)<small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
$('.deliverd-card').append(deliverdCard)
$('.order_tax').html(order_tax)
$('.Order_total').html(order_nettotal)
$('.order-summary').html(summary);
if(Delivery_status == 'CMD'){
$('.delivery_status').html('Deliverd')
}
if(Delivery_status == 'APL'){
$('.delivery_status').html('Approval')
}
});
console.log(filteredOrders)
let summary =`<div class=card-body><div><p class="mb-0 fw-500">Order<span>${orderNumber}</span><span class=" text-secondary"> (${filteredOrders.length} items)<p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
$('.order_tax').html(filteredOrders[0].taxamount)
$('.Order_total').html(filteredOrders[0].nettotal)
$('.order_price').html(filteredOrders[0].itemtotal)
$('.order-summary').html(summary);
$('.back_to_orders').click(function(){
let Local_keys_update =['Userphonenumber','orderSerialno']
debugger
for (key of Local_keys_update) {
window.localStorage.removeItem(key);
}
$(this).attr('href','./myaccount.html')
})
})
}
order_summary()
dist/Js/warranty.js
vendido
+85 -106
Ver fichero
@@ -1,13 +1,12 @@
function wattantyFunction() {
debugger;
let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number should not be empty</label></div><div class=mb-3><label class="form-label d-none Add_phonenumber_inp_label" for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class="form-control d-none "id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class="form-label d-none Add_Contact_inp_label" for=Add_contactname_inp>Enter Your Contactname</label> <input class="form-control d-none" id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_check" type="button">Submit</button><button class="btn btn-dark warranty_serialNumber_submit d-none" type="button">Submit</button></div></div></div>`;
$(".user_orders").append(order_card);
$(".add_serialNum").click(function () {
$(".warranty_productform").removeClass("d-none");
$(this).addClass("d-none");
});
$(".warranty_serialNumber_submit").click(async function () {
debugger
let serial_no_inp = $("#Add_serial_number_inp").val();
let phonenumber_inp = $("#Add_phonenumber_inp").val();
let contactname_inp = $("#Add_contactname_inp").val();
@@ -32,63 +31,37 @@ function wattantyFunction() {
debugger;
console.log(response);
let product_res = response.data.result;
debugger;
if (product_res != null) {
let warrenty_res = JSON.parse(product_res);
let new_arr = [warrenty_res];
$.each(new_arr, function (key, value) {
console.log(value);
if (response.data.result == "[]") {
// Command: toastr["error"]("Serial number not found !")
// toasterOpts();
// $('#Add_serial_number_inp').addClass('border-danger');
// $('.error_serial_num').removeClass('d-none')
$(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>`
);
setTimeout(function(){
$('.bg-dangerLite').hide()
}, 1000)
// $('.warranty_productform').addClass('d-none');
// $('.add_serialNum').removeClass('d-none');
setTimeout(function () {
$(".bg-dangerLite").hide();
}, 1000);
return;
} else {
const warrantyEnabled = value[0].warrantyenabled;
$('.warranty_status_main_container').addClass('d-none')
if (warrantyEnabled == false) {
let phonenumber_updated = Number(phonenumber_inp);
$(".user_Warranty_details").removeClass("d-none");
// let strDate = new Date(value[0].purchasedate).toISOString().slice(0, 10);
let Warrentypayload = {
sku: value[0].sku,
serialno: serial_no_inp,
phonenumber: phonenumber_updated,
contactname: contactname_inp,
warrantyfromdate: value[0].purchasedate,
};
warrentyService(Warrentypayload);
} else {
$('.backtoform').removeClass('d-none')
// let warrantySerialnumber =$('.serial_no_warrantynumber').text()
let warrenty_date = value[0].warrantytodate;
// let userwarrenty_product = `<div class="border-3 border-start my-3 order-cards ps-4 rounded-0" id='order-cards'> <div class="col-md-12 "><b>Warranty For :</b> ${value[0].itemname}</div><div class="row align-items-center"> <div class=col-md-12> <div class="col-md-6 my-2"><span>Serail NO :</span> <span class="fs-9 text-secondary serial_no_warrantynumber">${value[0].serialno}</span> </div><div class="col-md-6 my-2"><span> Warrenty Expiry Date :</span> <span class=" fs-9 text-secondary rounded-2 warrenty_date">${value[0].warrantytodate}</span> </div><div class="my-2 col-md-6"><span> Warranty Start Date :</span> <span class="fs-9 text-secondary purchase_date">${value[0].warrantyfromdate}</span> </div><div class="col-md-6 my-2"> <span> Warranty Status : </span><span class="bg-success btn fs-9 is_warranty_enable py-0 text-white"> ${value[0].warrantyenabled}</span> </div></div></div></div>`;
let userwarrenty_product = `<div class="p-3 bg-white my-3 rounded warranty-card"id=warranty-card><div class="mb-3 card rounded-3 text-white"><div class="row align-items-center g-0 justify-content-between"><div class="col-md-3 text-center"><img alt=guarantee src=../dist/assets/imgs/guarantee.png class="h-50p img-fluid w-50p"></div><div class=col-md-9><div class=card-body><h5 class=card-title>Congratulations,</h5><p class=card-text><small>Thanks for registering with <span class=fw-bold>anwi systems </span>.You have successfully availed your warranty.</small></div></div></div></div><div class=col-md-12><h4>Here is your warranty Details</h4></div><div class="p-3 border rounded-3"><div class=row><div class=col-6><img alt=Warranty-product src="../dist/assets/imgs/anwi-logo-1.png" class="w-50"></div><div class=col-6><p class="mb-0 text-secondary"><small>Serail No</small><p class="mb-0 fs-9 serial_no_warrantynumber"><p class="fw-500">${value[0].serialno}</p><p class="mb-0 text-secondary"><small>Warranty will be applicable till</small><p class="mb-0 fs-9 rounded-2 warrenty_date"><small class="fw-500">${value[0].warrantytodate}</small></div></div><h6>Order details</h6><div class="row mb-3"><div class=col-6><p class="mb-0 text-secondary"><small>Sku</small><p class="mb-0 fs-9 rounded-2 warranty_sku"><small class="fw-500">${value[0].sku}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Itemname</small><p class="mb-0 fs-9 rounded-2 warranty_item_name"><small class="fw-500">${value[0].itemname}</small></div></div><h6>Warranty details</h6><div class=row><div class=col-6><p class="mb-0 text-secondary"><small>Warranty Start</small><p class="mb-0 fs-9 rounded-2"><small class="purchase_date fw-500" >${value[0].warrantyfromdate}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Warranty status</small><p class="mb-0 fs-9 text-secondary rounded-2"><small class="text-white bg-success is_warranty_enable p-1 rounded-pill">{value[0].warrantyenabled}</small></div></div></div><div class=guide-lines><p class=mb-0><small>Follow Below steps to request your warranty claim.</small><ol><small class=text-secondary><li class=text-secondary>Go to My account</small><small class=text-secondary><li class=text-secondary>Tap on request claim</small><small class=text-secondary><li class=text-secondary>Enter information and send claim request</small></ol></div></div>`;
let is_warranty_enable = value[0].warrantyenabled;
debugger;
$(".user_Warranty_details").html(userwarrenty_product);
if (is_warranty_enable == true) {
$(".is_warranty_enable").text("Activated");
} else {
$(".is_warranty_enable").text("Not Activated");
}
if (warrenty_date == "") {
$(".warrenty_date").addClass("d-none");
} else {
$(".warrenty_date").removeClass("d-none");
}
$("#Add_serial_number_inp").addClass("border-success");
$(".error_serial_num").addClass("d-none");
$(".add_serialNum").removeClass("d-none");
}
const warrantyEnabled = value[0].warrantyenabled;
$(".warranty_status_main_container").addClass("d-none");
if (warrantyEnabled == false) {
let phonenumber_updated = Number(phonenumber_inp);
$(".user_Warranty_details").removeClass("d-none");
let Warrentypayload = {
sku: value[0].sku,
serialno: serial_no_inp,
phonenumber: phonenumber_updated,
contactname: contactname_inp,
warrantyfromdate: value[0].purchasedate,
};
warrentyService(Warrentypayload);
} else {
alert('warranty enabled')
}
}
});
}
@@ -102,7 +75,7 @@ function wattantyFunction() {
}
}
});
$('.warranty_serialNumber_check').click(async function(){
$(".warranty_serialNumber_check").click(async function () {
let serial_no_inp = $("#Add_serial_number_inp").val();
if (serial_no_inp != "") {
$(".error_serial_num").addClass("d-none");
@@ -124,29 +97,61 @@ function wattantyFunction() {
debugger;
console.log(response);
let product_res = response.data.result;
debugger;
let warrenty_res = JSON.parse(product_res);
if (product_res != null) {
if (response.data.result == "[]") {
$('.bg-dangerLite').removeClass('d-none')
$(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>`
);
// );
setTimeout(function(){
$('.bg-dangerLite').hide()
}, 1000)
return;
if (response.data.result == "[]") {
$(".bg-dangerLite").removeClass("d-none");
$(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">Serial Number Not Found</div></div>`
);
// );
setTimeout(function () {
$(".bg-dangerLite").hide();
}, 1000);
return;
}
else {
if (warrenty_res[0].warrantyenabled == true) {
$(".backtoform").removeClass("d-none");
let new_arr = [warrenty_res];
$.each(new_arr, function (key, value) {
console.log(value);
let warrenty_date = value[0].warrantytodate;
let userwarrenty_product = `<div class="p-3 bg-white my-3 rounded warranty-card"id=warranty-card><div class="mb-3 card rounded-3 text-white"><div class="row align-items-center g-0 justify-content-between"><div class="col-md-3 text-center"><img alt=guarantee src=../dist/assets/imgs/guarantee.png class="h-50p img-fluid w-50p"></div><div class=col-md-9><div class=card-body><h5 class=card-title>Congratulations,</h5><p class=card-text><small>Thanks for registering with <span class=fw-bold>anwi systems </span>.You have successfully availed your warranty.</small></div></div></div></div><div class=col-md-12><h4>Here is your warranty Details</h4></div><div class="p-3 border rounded-3"><div class=row><div class=col-6><img alt=Warranty-product src="../dist/assets/imgs/anwi-logo-1.png" class="w-50"></div><div class=col-6><p class="mb-0 text-secondary"><small>Serail No</small><p class="mb-0 fs-9 serial_no_warrantynumber"><p class="fw-500">${value[0].serialno}</p><p class="mb-0 text-secondary"><small>Warranty will be applicable till</small><p class="mb-0 fs-9 rounded-2 warrenty_date"><small class="fw-500">${value[0].warrantytodate}</small></div></div><h6>Order details</h6><div class="row mb-3"><div class=col-6><p class="mb-0 text-secondary"><small>Sku</small><p class="mb-0 fs-9 rounded-2 warranty_sku"><small class="fw-500">${value[0].sku}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Itemname</small><p class="mb-0 fs-9 rounded-2 warranty_item_name"><small class="fw-500">${value[0].itemname}</small></div></div><h6>Warranty details</h6><div class=row><div class=col-6><p class="mb-0 text-secondary"><small>Warranty Start</small><p class="mb-0 fs-9 rounded-2"><small class="purchase_date fw-500" >${value[0].warrantyfromdate}</small></div><div class=col-6><p class="mb-0 text-secondary"><small>Warranty status</small><p class="mb-0 fs-9 text-secondary rounded-2"><small class="text-white bg-success is_warranty_enable p-1 rounded-pill">{value[0].warrantyenabled}</small></div></div></div><div class=guide-lines><p class=mb-0><small>Follow Below steps to request your warranty claim.</small><ol><small class=text-secondary><li class=text-secondary>Go to My account</small><small class=text-secondary><li class=text-secondary>Tap on request claim</small><small class=text-secondary><li class=text-secondary>Enter information and send claim request</small></ol></div></div>`;
let is_warranty_enable = value[0].warrantyenabled;
debugger;
$(".user_Warranty_details").html(userwarrenty_product);
$(".warranty_status_main_container").addClass("d-none");
if (is_warranty_enable == true) {
$(".is_warranty_enable").text("Activated");
} else {
$(".is_warranty_enable").text("Not Activated");
}
if (warrenty_date == "") {
$(".warrenty_date").addClass("d-none");
} else {
$(".warrenty_date").removeClass("d-none");
}
$("#Add_serial_number_inp").addClass("border-success");
$(".error_serial_num").addClass("d-none");
$(".add_serialNum").removeClass("d-none");
return
});
}
else{
$('.bg-dangerLite').addClass('d-none')
$(".Add_phonenumber_inp_label").removeClass('d-none')
$("#Add_phonenumber_inp").removeClass('d-none')
$(".Add_Contact_inp_label").removeClass('d-none')
$("#Add_contactname_inp").removeClass('d-none')
$(".warranty_serialNumber_submit").removeClass('d-none')
$(this).addClass('d-none')
$(".Serial_numb_notfound").addClass('d-none')
}
else {
$(".bg-dangerLite").addClass("d-none");
$(".Add_phonenumber_inp_label").removeClass("d-none");
$("#Add_phonenumber_inp").removeClass("d-none");
$(".Add_Contact_inp_label").removeClass("d-none");
$("#Add_contactname_inp").removeClass("d-none");
$(".warranty_serialNumber_submit").removeClass("d-none");
$(this).addClass("d-none");
$(".Serial_numb_notfound").addClass("d-none");
}
}
}
} else {
if (serial_no_inp == "") {
@@ -154,54 +159,28 @@ function wattantyFunction() {
$(".error_serial_num").removeClass("d-none");
}
}
})
});
async function warrentyService(Warrentypayload) {
// let d = new Date();
// // let strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
// let strDate = new Date().toISOString().slice(0, 10)
// console.log(strDate)
debugger;
const res = await postAPIServiceWarranty(
`apis/v4/bizgaze/transact/items/savewarrantyasync`,
Warrentypayload
);
debugger;
console.log(res);
if (res.data.status == 2) {
// $('.warranty_productform').addClass('d-none');
// $('.add_serialNum').removeClass('d-none');
// Command: toastr["warning"](res.data.message)
// toasterOpts();
$('.warranty_status_main_container').removeClass('d-none')
$('.bg-dangerLite').removeClass('d-none');
$(".warranty_status_main_container").removeClass("d-none");
$(".bg-dangerLite").removeClass("d-none");
$(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">No Serial number found / Product not Delivered</div></div>`
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color: #ffe2e0!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg></div><div class="d-flex justify-content-center align-items-center font-12">No Serial number found / Product not Delivered</div></div>`
);
setTimeout(function(){
$('.bg-dangerLite').hide()
}, 1000)
setTimeout(function () {
$(".bg-dangerLite").hide();
}, 1000);
} else if (res.data.status == "0") {
$(".user_Warranty_details").html(`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color:#fff!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px" baseProfile="basic"><circle cx="24" cy="24" r="20" fill="#6be3a2"/><path fill="#324561" d="M22.5,33c-0.226,0-0.446-0.076-0.625-0.219l-7.5-6c-0.431-0.345-0.501-0.974-0.156-1.405 c0.347-0.431,0.975-0.501,1.406-0.156l6.667,5.334l9.889-14.126c0.316-0.454,0.94-0.562,1.393-0.246 c0.453,0.317,0.562,0.94,0.246,1.393l-10.5,15c-0.158,0.227-0.403,0.377-0.677,0.417C22.595,32.997,22.547,33,22.5,33z"/></svg></div><div class="d-flex justify-content-center align-items-center font-12">${res.data.message}</div></div>`);
$(".user_Warranty_details").html(
`<div class="text-danger d-flex align-items-center bg-dangerLite text-dark p-2 rounded-4 mb-3" style="background-color:#fff!important;display:block"><div class="mr-1 d-flex justify-content-center align-items-center" style="width: 30px; height: 10px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px" baseProfile="basic"><circle cx="24" cy="24" r="20" fill="#6be3a2"/><path fill="#324561" d="M22.5,33c-0.226,0-0.446-0.076-0.625-0.219l-7.5-6c-0.431-0.345-0.501-0.974-0.156-1.405 c0.347-0.431,0.975-0.501,1.406-0.156l6.667,5.334l9.889-14.126c0.316-0.454,0.94-0.562,1.393-0.246 c0.453,0.317,0.562,0.94,0.246,1.393l-10.5,15c-0.158,0.227-0.403,0.377-0.677,0.417C22.595,32.997,22.547,33,22.5,33z"/></svg></div><div class="d-flex justify-content-center align-items-center font-12">${res.data.message}</div></div>`
);
}
}
// function toasterOpts() {
// toastr.options = {
// "closeButton": true,
// "debug": false,
// "newestOnTop": true,
// "progressBar": true,
// "positionClass": "toast-top-center",
// "preventDuplicates": true,
// "showDuration": "300",
// "hideDuration": "1000",
// "timeOut": "3000",
// "extendedTimeOut": "1000",
// "showEasing": "swing",
// "hideEasing": "linear",
// "showMethod": "fadeIn",
// "hideMethod": "fadeOut"
// }
// }
}
wattantyFunction();
dist/css/main.css
vendido
+10 -2
Ver fichero
@@ -1091,7 +1091,7 @@ html,body{
/* ORDER DETAILS */
.bg-return{
background-color: #f7f0e1 !important;
background-color: #d0f5ff !important;
}
.close_exchange{
bottom:10px;
@@ -1106,7 +1106,7 @@ html,body{
font-size: 1rem !important;
}
.order-summary{
background-color:#f3e2be !important;
background-color:#c8ebff !important;
}
.fs-7{
font-size: 0.7rem;
@@ -1603,4 +1603,12 @@ background: linear-gradient(75deg, rgb(56 89 118) 51%, rgb(107 18 111) 89%)
.fs-60 {
font-size: 60px !important;
padding: 40px 0px !important;
}
.Order_details_section{
position: sticky;
top: 120px;
}
.primary_btn{
background: #0A1039 !important;
color: #fff !important;
}
myaccount.html
+1 -1
Ver fichero
@@ -229,7 +229,7 @@
<div class="tab-pane fade active show" id="orders" role="tabpanel">
<div class="myaccount-content">
<h3>Order Details</h3>
<div class="user_order_details border rounded mb-3">
<div class="user_order_details rounded mb-3">
</div>
</div>
orderdetails.html
+53 -37
Ver fichero
@@ -35,41 +35,42 @@
<!-- end-navbar -->
<!-- main-body -->
<main class="main-body home-main-container pt-5">
<section class="bg-gray-7 pt-md-5 pt-5">
<div class="container pb-5">
<div class="row pb-4">
<div class="col-6">
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
</div>
<div class="col-6 text-end">
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="card rounded-0 border-0 bg-white mb-3 deliverd-card">
<section class="bg-gray-7 pt-md-5 pt-5">
<div class="container pb-5">
<div class="row pb-4">
<div class="col-6">
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
</div>
<div class="col-6 text-end">
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
</div>
</div>
<div class="col-md-4">
<div class="Order_details_section mb-2">
<div class="card rounded-0 border-0 order-summary">
</div>
</div>
<div class="card rounded-0 border-top-0">
<div class="row">
<div class="col-md-8 deliverd-card">
</div>
<div class="col-md-4">
<div class="Order_details_section mb-2">
<div class="card rounded-0 border-0 order-summary">
</div>
<div class="card rounded-0 border-top-0">
<div class="card-body">
<div class="payement details">
<p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
<div class="border-bottom py-1">
<div class="py-1">
<div class="row align-items-center">
<div class="col-6">
<p class="fs-9 mb-0">Order Amount</p>
<p class="fs-9 mb-0">Order Amount</p>
</div>
<div class="col-6 text-end">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
</svg><span class="order_price fs-7">32,000</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
fill="currentColor" class="bi bi-currency-rupee"
viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg><span class="order_price fs-7">32,000</span>
</div>
</div>
<div class="row align-items-center">
@@ -77,12 +78,20 @@
<p class="fs-9 mb-0">Tax</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p>
<!-- <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> -->
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
fill="currentColor" class="bi bi-currency-rupee text-order-brown"
viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg>
<span class="fs-7 mb-0 text-order-brown order_tax"></span>
</div>
</div>
<div class="row align-items-center">
<div class="col-6">
<p class="fs-9 mb-0">Convenience Fee</p>
<p class="fs-9 mb-0">Shipping Fee</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown">Free</p>
@@ -93,19 +102,23 @@
<p class="fs-9 mb-1 fw-500">Order Total</p>
</div>
<div class="col-6 text-end">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
fill="currentColor" class="bi bi-currency-rupee"
viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
</path>
</svg>
<span class="fs-7 mb-1 fw-500 Order_total"></span>
</div>
</div>
</div>
<div class="py-1">
<div class="py-1 d-none">
<p class="fs-9 mb-1 fw-600">Payment Method</p>
<div class="row align-items-center">
<div class="col-6">
<p class="fs-7 fw-500 mb-0">Coupons</p>
<p class="fs-7 fw-500 mb-0">Coupons</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0">₹100</p>
@@ -129,7 +142,9 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div class="Order_delivered_address">
<div class="card rounded-0">
@@ -139,7 +154,8 @@
</div>
<div class="address_body">
<p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p>
<p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri colony,Miyapur,</p>
<p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri
colony,Miyapur,</p>
<p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p>
<p class="mb-0 fs-7 fw-500 user_name">India - 500101</p>
<p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p>
@@ -149,8 +165,8 @@
</div>
</div>
</div>
</div>
</section>
</div>
</section>
</main>
<!-- footer -->
<div id="footer-head" class=""></div>
@@ -159,9 +175,9 @@
<script src="./dist/js/jquery.min.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
<script src="./dist/js/navbar.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./dist/js/footer.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./dist/js/fontawesome.all.js"></script>
<script src="./dist/js/fontawesome.min.js"></script>
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>