Advertisement
Guest User

Untitled

a guest
Aug 16th, 2022
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.97 KB | None | 0 0
  1. <form method="post" action="">
  2. <div _ngcontent-wnc-c85="" class="row basket-detail-formpadding">
  3. <div _ngcontent-wnc-c85="" class="col-lg-8 col-xg-8 col-sm-12 col-md-12">
  4. <!---->
  5. <!---->
  6. <!---->
  7. <div _ngcontent-wnc-c85="" tabindex="1">
  8. <div _ngcontent-wnc-c85="" class="shadow-box pb-4" id="parcelid-UIFeiBAmRLgtETBDdNO5">
  9. <div _ngcontent-wnc-c85="" class="row mx-0 cursor-pointer">
  10. <div _ngcontent-wnc-c85="" class="w-100">
  11. <input _ngcontent-wnc-c85="" class="d-none" id="up-parcel1">
  12. <div _ngcontent-wnc-c85="" class="float-left p-0 fixed-width-heading-basket">
  13. <label _ngcontent-wnc-c85="" class="recipient-name-basket"> test de test </label>
  14. <!---->
  15. <label _ngcontent-wnc-c85="" class="recipient-address-basket">
  16. <span _ngcontent-wnc-c85="" class="diplay-bar-in-small-device">|</span> België <span _ngcontent-wnc-c85=""> (Adres)</span><!----><!----></label><!----></div><div _ngcontent-wnc-c85="" class="float-right p-0"><h5 _ngcontent-wnc-c85="" class="total-price-basket"> €6,90 </h5></div></div></div><!----><div _ngcontent-wnc-c85="" id="basket-item" class="collapse show"><div _ngcontent-wnc-c85="" class="basket-divider"></div><div _ngcontent-wnc-c85="" class="row m-0"><div _ngcontent-wnc-c85="" class="basket-reciever-sender"><div _ngcontent-wnc-c85="" class="form-group pb-3 basket-vertical-grey-line"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Ontvanger</label><a _ngcontent-wnc-c85="" href="/nl/recipient-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><p _ngcontent-wnc-c85="" class="word-break">test de test</p><!----><!----><p _ngcontent-wnc-c85="" class="word-break"> KETSSTRAAT 12<br _ngcontent-wnc-c85=""><!----><!----> 2018 ANTWERPEN </p><!----><!----><p _ngcontent-wnc-c85="" style="word-break: break-all;">lol2@gmail.com</p><!----><!----><!----></div><!----><!----><!----></div></div><div _ngcontent-wnc-c85="" class="basket-reciever-sender"><div _ngcontent-wnc-c85="" class="form-group pb-3 basket-vertical-grey-line"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Verzender</label><a _ngcontent-wnc-c85="" href="/nl/sender-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><p _ngcontent-wnc-c85="" class="word-break">de rikie </p><!----><!----><!----><p _ngcontent-wnc-c85="" class="word-break"> LANGE KIEVITSTRAAT 23<br _ngcontent-wnc-c85=""> 2018 ANTWERPEN </p><!----><p _ngcontent-wnc-c85="" style="word-break: break-all;">lol2@gmail.com</p><!----><!----></div></div></div><div _ngcontent-wnc-c85="" class="basket-parcel-summary-main"><div _ngcontent-wnc-c85="" class="form-group basket-summay-main-margin-mobile"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Overzicht pakje</label><a _ngcontent-wnc-c85="" href="/nl/parcel-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><div _ngcontent-wnc-c85="" class="row m-0"><p _ngcontent-wnc-c85="" class="basket-data-title-width float-left word-break"><!----><span _ngcontent-wnc-c85=""> België <span _ngcontent-wnc-c85=""> (Adres)</span><!----><!----></span><!----></p><label _ngcontent-wnc-c85="" class="basket-data-cost float-right">€5,70</label></div><div _ngcontent-wnc-c85="" class="row m-0"><p _ngcontent-wnc-c85="" class="basket-data-title-width float-left"> Gewicht: 5-10 kg</p><label _ngcontent-wnc-c85="" class="basket-data-cost float-right">€1,20</label></div><!----><!----><!----><div _ngcontent-wnc-c85="" class="row m-0 mobile-basket-total-margin"><label _ngcontent-wnc-c85="" class="basket-items-total basket-data-title-width float-left">Totaal</label><label _ngcontent-wnc-c85="" class="basket-items-total-cost float-right">€6,90</label></div></div></div></div></div><div _ngcontent-wnc-c85="" class="row weight-block mt-3"><span _ngcontent-wnc-c85="" class="up_arrow_icon cursor-pointer"></span></div><input _ngcontent-wnc-c85="" class="d-none" id="bottom-parcel1"></div><!----></div></div><!----><!----></div><div _ngcontent-wnc-c85="" class="col-lg-4 col-sm-12 col-md-12 margin-basket-match"><div _ngcontent-wnc-c85="" class="row basket-information">
  17. <span _ngcontent-wnc-c85="" class="basket-additiona-button-text">Kies uw bank:</span>
  18. <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding-basket custom-width-basket">
  19. <div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box" style="cursor: pointer;" tabindex="0">
  20. <div _ngcontent-wnc-c85="" class="w-100">
  21. <div _ngcontent-wnc-c85="" class="float-left basket-data-title-width">
  22. <p _ngcontent-wnc-c85="" class="basket-additional-title float-left">Argenta</p></div>
  23. <div _ngcontent-wnc-c85="" class="float-right">
  24. <span _ngcontent-wnc-c85="" class="right_arrow_basket float-right">
  25. </span>
  26. </div>
  27. </div>
  28. </div>
  29. <div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box" style="cursor: pointer;" tabindex="0">
  30. <div _ngcontent-wnc-c85="" class="w-100">
  31. <div _ngcontent-wnc-c85="" class="selectiediv" data-target="https://google.com">
  32. <p _ngcontent-wnc-c85="" class="basket-additional-title float-left">KBC</p></div>
  33. <div _ngcontent-wnc-c85="" class="float-right">
  34. <span _ngcontent-wnc-c85="" class="right_arrow_basket float-right"></span></div>
  35. </div>
  36. </div>
  37.  
  38. <!---->
  39. <!---->
  40. <!---->
  41. <!---->
  42. <div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box">
  43. <div _ngcontent-wnc-c85="" class="w-100">
  44. <div _ngcontent-wnc-c85="" class="custom-padding-horizontal-align float-left basket-data-title-width">
  45. <label _ngcontent-wnc-c85="" class="w-100 basket-additional-title float-left"> Graag een betalingsbewijs / factuur <span _ngcontent-wnc-c85="" data-toggle="modal" data-target="#ProofOdPaymentModal" class="weight-tooltip"></span></label>
  46. </div>
  47. <div _ngcontent-wnc-c85="" class="float-right">
  48. <label _ngcontent-wnc-c85="" for="proofOfPaymentOrInvoice" class="checkbox basket-checkbox-padding">
  49. <span _ngcontent-wnc-c85="" class="basket-checkbox-unchecked"></span>
  50. <input _ngcontent-wnc-c85="" id="proofOfPaymentOrInvoice" type="checkbox" formcontrolname="proofOfPaymentOrInvoice" name="proofOfPaymentOrInvoice" class="select ng-untouched ng-pristine ng-valid"></label>
  51. </div>
  52. </div>
  53. <!---->
  54. </div>
  55. <!---->
  56. </div>
  57. </div>
  58. <div _ngcontent-wnc-c85="" class="row order-summary my-3">
  59. <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
  60. <p _ngcontent-wnc-c85="" class="summary-label">Overzicht bestelling</p>
  61. <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left">
  62. <span _ngcontent-wnc-c85="" class="float-left" style="width: 80%;"> België (x1) </span>
  63. <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price"> €6,90 </span>
  64. </p>
  65. <!---->
  66. <!---->
  67. <!---->
  68. <!---->
  69. <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left"> btw <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price">€0,00</span>
  70. </p>
  71. <!---->
  72. <p _ngcontent-wnc-c85="" class="summary-padding summary-total w-100 float-left"> Totaal <span _ngcontent-wnc-c85="" class="order-total float-right">€6,90</span>
  73. </p>
  74. </div>
  75. <!---->
  76. <div _ngcontent-wnc-c85="" class="order-confirm-box col-lg-12 padding-order-confirm">
  77. <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
  78. <div _ngcontent-wnc-c85="" class="row m-0">
  79. <div _ngcontent-wnc-c85="" class="confirm-basket-check-width">
  80. <label _ngcontent-wnc-c85="" for="confirm_check_pay" class="checkbox">
  81. <span _ngcontent-wnc-c85="" class="basket-confirm-checked"></span>
  82. <input _ngcontent-wnc-c85="" id="confirm_check_pay" type="checkbox" formcontrolname="acceptedTermsAndConditions" name="acceptedTermsAndConditions" class="select ng-untouched ng-pristine ng-invalid"></label>
  83. </div>
  84. <div _ngcontent-wnc-c85="" class="confirm-basket-message-width">
  85. <label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Ik aanvaard de <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket">algemene voorwaarden voor</a> pakjes en werd geïnformeerd over de verwerking van mijn persoonsgevens zoals beschreven in de <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket"> privacy beleid</a> , zoals het gebruik ervan door bpost om mij te informeren over gelijkaardige diensten en acties van bpost (door sociale medien inbegrepen). Je kan je op elk moment via elke e-mail uitschrijven. </label><label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Eenmaal aangemaakt kan een verzendetiket niet meer worden aangepast, geannuleerd of terugbetaald. Door uw bestelling te bevestigen, gaat u hiermee akkoord en ziet u af van uw <a _ngcontent-wnc-c85="" data-toggle="modal" data-target="#RighttoWithdraw" class="confirm-message-redtext-basket-withdraw"> herroepingsrecht. </a></label>
  86. </div>
  87. </div>
  88. <!---->
  89. </div>
  90. </div>
  91. <!---->
  92. <!---->
  93. <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
  94. <button _ngcontent-wnc-c85="" id="debutton" type="submit" class="btn btn-large btn-block submit-button button-enabled bastet-pay-button-width">Betaal</button>
  95. </div>
  96. </div>
  97. </div>
  98. </form>
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  100. <script>
  101. $('.selectiediv').on('click', function() {
  102. // eerst geen selectie:
  103. $('.selectiediv').removeClass('selected');
  104. // geklikte element WEL selected:
  105. $(this).addClass('selected');
  106. });
  107.  
  108. $('#debutton').on('click', function(){
  109. var keuze = $('.selectiediv.selected');
  110. if(keuze.length == 1) {
  111. var target = $(keuze[0].data('target');
  112.  
  113. window.location = target;
  114.  
  115. }
  116. else {
  117. // doe niets of zeg dat ze 1 keuze moeten maken
  118. }
  119.  
  120. });
  121. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement