paypal.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!--
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. -->
  7. <div class="payment-method" data-bind="css: {'_active': isActive()}">
  8. <div class="payment-method-title field choice">
  9. <input type="radio"
  10. name="payment[method]"
  11. class="radio"
  12. data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()" />
  13. <label class="label" data-bind="attr: {'for': getCode()}">
  14. <!-- PayPal Logo -->
  15. <img data-bind="attr: {src: getPaymentAcceptanceMarkSrc(), alt: $t('Acceptance Mark'), title: $t('Acceptance Mark')}"
  16. class="payment-icon"/>
  17. <!-- PayPal Logo -->
  18. <span text="getTitle()"></span>
  19. </label>
  20. </div>
  21. <div class="payment-method-content">
  22. <each args="getRegion('messages')" render=""></each>
  23. <fieldset class="braintree-paypal-fieldset" data-bind='attr: {id: "payment_form_" + getCode()}'>
  24. <div id="paypal-container"></div>
  25. </fieldset>
  26. <div class="checkout-agreements-block">
  27. <each args="$parent.getRegion('before-place-order')" render=""></each>
  28. </div>
  29. <!-- ko if: (vaultEnabler.isVaultEnabled())-->
  30. <div class="field choice" data-bind="visible: !isReviewRequired()">
  31. <input type="checkbox"
  32. name="vault[is_enabled]"
  33. class="checkbox"
  34. data-bind="attr: {'id': getCode() + '_enable_vault'}, checked: vaultEnabler.isActivePaymentTokenEnabler"/>
  35. <label class="label" data-bind="attr: {'for': getCode() + '_enable_vault'}">
  36. <span><!-- ko i18n: 'Save for later use.'--><!-- /ko --></span>
  37. </label>
  38. <div class="field-tooltip toggle">
  39. <span class="field-tooltip-action action-vault"
  40. tabindex="0"
  41. data-toggle="dropdown"
  42. data-bind="attr: {title: $t('What is this?')}, mageInit: {'dropdown':{'activeClass': '_active'}}">
  43. <span translate="'What is this?'"></span>
  44. </span>
  45. <div class="field-tooltip-content"
  46. data-target="dropdown"
  47. translate="'We store your payment information securely on Braintree servers via SSL.'"></div>
  48. </div>
  49. </div>
  50. <!-- /ko -->
  51. <div class="actions-toolbar braintree-paypal-actions" data-bind="visible: isReviewRequired()">
  52. <div class="payment-method-item braintree-paypal-account">
  53. <span class="payment-method-type">PayPal</span>
  54. <span class="payment-method-description" text="customerEmail()"></span>
  55. </div>
  56. <div class="primary">
  57. <button data-button="paypal-place" data-role="review-save"
  58. type="submit"
  59. data-bind="attr: {id: getCode() + '_place_order', title: $t('Place Order')}, enable: (isActive()), click: placeOrder"
  60. class="action primary checkout"
  61. disabled>
  62. <span translate="'Place Order'"></span>
  63. </button>
  64. </div>
  65. </div>
  66. <div class="actions-toolbar" data-bind="visible: !isReviewRequired()">
  67. <div class="primary">
  68. <button data-button="place" data-role="review-save"
  69. type="submit"
  70. data-bind="attr: {id: getButtonId(), title: $t(getButtonTitle())}, enable: (isActive()), click: payWithPayPal"
  71. class="action primary checkout"
  72. disabled>
  73. <span translate="getButtonTitle()"></span>
  74. </button>
  75. </div>
  76. </div>
  77. </div>
  78. </div>