kp.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!--
  2. /**
  3. * This file is part of the Klarna KP module
  4. *
  5. * (c) Klarna Bank AB (publ)
  6. *
  7. * For the full copyright and license information, please view the NOTICE
  8. * and LICENSE files that were distributed with this source code.
  9. */
  10. -->
  11. <div class="payment-method" data-bind="visible: isVisible, css: {'_active': (getCode() == isChecked())}">
  12. <div class="payment-method-title field choice">
  13. <input type="radio"
  14. name="payment[method]"
  15. class="radio"
  16. data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
  17. <label data-bind="attr: {'for': getCode()}" class="label">
  18. <span>
  19. <div style="float:right"><img width="55" data-bind="attr: {'src': getLogoUrl()}"></div><span data-bind="html: getTitle()"></span>
  20. </span>
  21. </label>
  22. </div>
  23. <div class="payment-method-content">
  24. <!-- ko foreach: getRegion('messages') -->
  25. <!-- ko template: getTemplate() --><!-- /ko -->
  26. <!--/ko-->
  27. <div class="payment-method-billing-address">
  28. <!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) -->
  29. <!-- ko template: getTemplate() --><!-- /ko -->
  30. <!--/ko-->
  31. </div>
  32. <div>
  33. <div data-bind="text: getMessage(), visible: hasMessage()"></div>
  34. <div data-bind="attr: {'id': getContainerId()}, afterRender: checkPreSelect()"></div>
  35. <fieldset class="fieldset items klarna_kp" data-bind="attr: {'id': 'payment_form_' + getCode()}"
  36. style="display: none">
  37. <input type="hidden"
  38. name="payment[authorization_token]"
  39. data-bind="attr: {'id': 'authorization_token_' + getCode()}, value: getAuthorizationToken()"
  40. />
  41. </fieldset>
  42. </div>
  43. <div class="checkout-agreements-block">
  44. <!-- ko foreach: $parent.getRegion('before-place-order') -->
  45. <!-- ko template: getTemplate() --><!-- /ko -->
  46. <!--/ko-->
  47. </div>
  48. <div class="actions-toolbar">
  49. <div class="primary">
  50. <button data-role="review-save"
  51. type="submit"
  52. data-bind="
  53. attr: {title: $t('Place Order')},
  54. enable: (getCode() == isChecked() && isPlaceOrderActionAllowed() && showButton()),
  55. click: authorize,
  56. css: {disabled: !isPlaceOrderActionAllowed()}"
  57. class="action primary checkout"
  58. disabled>
  59. <span data-bind="i18n: 'Place Order'"></span>
  60. </button>
  61. </div>
  62. </div>
  63. </div>
  64. </div>