My Account page UI
This commit is contained in:
+59
-1
@@ -32,7 +32,65 @@ let port = "https://anwi.bizgaze.app";
|
||||
order_netTotal = current.nettotal;
|
||||
order_quantity =current.Quantity;
|
||||
order_taxAmount =current.taxamount;
|
||||
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+= `<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 m-0 border-bottom">
|
||||
<p class="m-0 fw-600 text-secondary">ORDER NO: <span class="text-blue fs-9 serial_no ">${current.OrderNo}</span>
|
||||
</p>
|
||||
</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 fw-500 order_date">${current.OrderDate}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-1"> TOTAL</p>
|
||||
<p class="mb-1 fw-500 Current_netTotal"> ₹${updatedCurent_total}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-1">Delivered TO </p>
|
||||
<p class="mb-1 fw-500">${current.OrganizationName}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ms-auto">
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<p class="mb-1 text-info fw-500"> View order details </p>
|
||||
<p class="mb-0 text-info fw-500">Invoice</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-0 card rounded-0 order-cards py-3">
|
||||
<div class="d-flex flex-wrap px-2 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 bg-gradient-anwi-outline 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(){
|
||||
|
||||
Fai riferimento in un nuovo problema
Block a user