Няма описание
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

order_summary.js 2.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. let current_orderDate =window.localStorage.getItem('orderDate')
  2. let current_orderSerialDate =window.localStorage.getItem('orderSerialno')
  3. let order_itemname =window.localStorage.getItem('orderItemname');
  4. let order_itemtotal =window.localStorage.getItem('orderitemTotal');
  5. let order_nettotal =window.localStorage.getItem('netTotal');
  6. let order_qty = window.localStorage.getItem('Qty')
  7. let order_tax = window.localStorage.getItem('tax')
  8. let order_img_src =window.localStorage.getItem('imgsrc')
  9. let Local_keys_update =['tax','Qty','netTotal','orderitemTotal']
  10. let summary =` <div class="card-body">
  11. <div>
  12. <p class="mb-0 fs-6 fw-500">Order<span>${current_orderSerialDate}</span></span><span class="text-secondary fs-9"> (${order_qty} items)</p>
  13. <p class="mb-0 fs-6">Order placed on ${current_orderDate}</p>
  14. <p class="mb-0 fs-9">Paid by Credit Card</p>
  15. </div>`;
  16. let deliverdCard=`<div class="card-body">
  17. <div class="row align-items-center mb-md-4">
  18. <div class="col-md-6">
  19. <div class="d-flex">
  20. <img src="" class="img-fluid"/>
  21. <div>
  22. <span class="fs-5">Delivered</span>
  23. <span class="text-secondary fs-9">Shipment 1 / 5-1 item (1 Delivered)</span>
  24. </div>
  25. </div>
  26. <div> <span class="text-secondary fs-9">Delivered on Sunday, 9 March <span class="text-a-color">Invoice</span></span></div>
  27. </div>
  28. <div class="col-md-6 text-end">
  29. <button class="btn btn-order-text bg-return">SUPPPORT</button>
  30. </div>
  31. </div>
  32. <div>
  33. <span class="text-secondary fs-9 d-none">Shipping to</span>
  34. <p class="fs-5 fw-600 user_name">Ashok Kumar</p>
  35. </div>
  36. <div class="row pb-md-0 pb-4">
  37. <div class="col-md-4 text-center">
  38. <img src="${order_img_src}" class="img-fluid order_img"/>
  39. </div>
  40. <div class="col-md-8 position-relative">
  41. <p class="mb-0 fs-6 order_itemname">${order_itemname}</p>
  42. <p class="mb-3 fs-6 fw-600 d-flex align-items-center">
  43. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
  44. <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>
  45. </svg><span class="order_price">${order_itemtotal}</span>
  46. </p>
  47. <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>
  48. </div>
  49. </div>
  50. </div>`
  51. $('.deliverd-card').append(deliverdCard)
  52. $('.order_tax').html(order_tax)
  53. $('.Order_total').html(order_nettotal)
  54. $('.order-summary').html(summary);
  55. $('.back_to_orders').click(function(){
  56. debugger
  57. for (key of Local_keys_update) {
  58. window.localStorage.removeItem(key);
  59. }
  60. $(this).attr('href','./myaccount.html')
  61. })