Ei kuvausta
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.

orderconfirmation.js 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. function orderConfirmation(){
  2. init();
  3. function init(){
  4. addFullLoader();
  5. getOrderStatus();
  6. }
  7. function orderlistsummary({name,price,qty,total,img}){
  8. let priceAmt = '';
  9. let totalAmt = '';
  10. let defaultImg =img ? imgServerNameBuild(img): `./dist/assets/imgs/nophoto.png`;
  11. let [priceSysm,priceamt] = getCurrencySymbol(price)
  12. priceAmt = `${priceSysm}${priceamt}`
  13. let [qtySymb,qtyamt] = getCurrencySymbol(qty*price)
  14. totalAmt = `${qtySymb}${qtyamt}`
  15. return `<div class="col-sm-4">
  16. <div style="max-width:200px"> <img src="${defaultImg}" alt="" class="w-100 h-100"> </div>
  17. </div>
  18. <div class="col-sm-8 d-flex flex-column justify-content-center">
  19. <div class="itemname"><span class="font-weight-500">${name}</span></div>
  20. <div> <span>Unit Price :</span><span class="font-weight-500">${priceAmt}</span> </div>
  21. <div> <span>Quantity :</span><span class="font-weight-500">${qty}</span> </div>
  22. <div> <span>Total Amount :</span> <span class="font-weight-500">${totalAmt}</span></div>
  23. </div>`;
  24. return `
  25. <div class="row">
  26. <div class="col-4">
  27. <div class="row">
  28. <div class="col-6">
  29. <img class="w-100 h-100" src="http://127.0.0.1:5504/dist/assets/imgs/Navbar/Accessiories-2.png" alt="">
  30. </div>
  31. <div class="col-6 d-flex justify-content-center align-items-center">
  32. <div class="itemname">${name}</div>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="col-3 d-flex align-items-center justify-content-center">
  37. ${priceAmt}
  38. </div>
  39. <div class="col-2 d-flex align-items-center justify-content-center">
  40. ${qty}
  41. </div>
  42. <div class="col-3 text-end">
  43. ${totalAmt}
  44. </div>
  45. </div>`;
  46. }
  47. function addFullLoader(){
  48. document.querySelector('auth-loader').show();
  49. }
  50. function removeFullLoader(){
  51. document.querySelector('auth-loader').hide();
  52. }
  53. async function getOrderStatus(){
  54. const searchParams = window.location.search.split('&');
  55. let orderId = searchParams[0].split('=')[1];
  56. debugger;
  57. let orderRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/hyperfusionpaymentgateway/gethyperfusionpaymentdetails/orderid/${orderId}`);
  58. if(orderRes.isError){
  59. removeFullLoader();
  60. return;
  61. }
  62. console.log(orderRes);
  63. //payment_group
  64. orderRes = JSON.parse(orderRes.response.result)[0];
  65. $('.paymentmethodconfirm').html(orderRes.payment_group)
  66. if(orderRes.payment_status === 'FAILED'){
  67. $('.ordercontainerconfirmError').removeClass('d-none');
  68. $('.successorderconfirm').addClass('d-none');
  69. removeFullLoader();
  70. return;
  71. }
  72. const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/transact/orders/updatepaymenttransactionstatus/refid/${orderId}`,null);
  73. console.log(res,'ress');
  74. if(res.isError){
  75. console.log(res);
  76. $('.ordercontainerconfirmError').removeClass('d-none');
  77. $('.successorderconfirm').addClass('d-none');
  78. removeFullLoader();
  79. return;
  80. }
  81. if(!res.response.message.toLowerCase().includes('success')){
  82. console.log(res);
  83. $('.ordercontainerconfirmError').removeClass('d-none');
  84. $('.successorderconfirm').addClass('d-none');
  85. removeFullLoader();
  86. return;
  87. }
  88. let resData = JSON.parse(res.response.result);
  89. const {NetTotal,TaxAmount,OrderItems,CreatedDate,OrderNo
  90. } = resData;
  91. let [netcurrencySymbol,netamount] = getCurrencySymbol(NetTotal);
  92. $('.totalordersummary').html(`${netcurrencySymbol}${netamount}`);
  93. {
  94. let [ordercurrencySymbol,orderamount] = getCurrencySymbol(TaxAmount);
  95. $('.totaltaxsummary').html(`${ordercurrencySymbol}${orderamount}`);
  96. }
  97. let orderItemsListHTML = '';
  98. for(let i=0;i<OrderItems.length;i++){
  99. const {ItemName:name,UnitPrice:price,Quantity:qty,UnitPrice:total,ItemImage:img} = OrderItems[i];
  100. debugger;
  101. orderItemsListHTML += orderlistsummary({
  102. name,
  103. price,
  104. qty,
  105. total,
  106. img
  107. });
  108. }
  109. let userData = COOKIE_HELPER_ACTIONS.getCookie();
  110. let {name} = userData;
  111. $('.username').html(name);
  112. $('.orderlistconfirm').html(orderItemsListHTML);
  113. $('.createdDateConfirm').html(CreatedDate);
  114. $('.ordernumber').html(OrderNo);
  115. debugger;
  116. localStorage.removeItem(CART_DATA)
  117. setLengthCart();
  118. removeFullLoader();
  119. console.log(resData);
  120. }
  121. }
  122. checkValidAuth(orderConfirmation)