|
8 | 8 | class="radio"
|
9 | 9 | data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
|
10 | 10 | <label class="label" data-bind="attr: {'for': getCode()}" >
|
11 |
| - <!-- ko text: getTitle() --><!-- /ko --> |
12 |
| - <!-- ko if: subtext !== null && subtext.length > 0 --> |
13 |
| - <p class="bk-description" data-bind="text: subtext, style: subTextStyle"></p> |
14 |
| - <!-- /ko --> |
| 11 | + <!-- ko text: getTitle() --><!-- /ko --> |
| 12 | + <!-- ko if: subtext !== null && subtext.length > 0 --> |
| 13 | + <p class="bk-description" data-bind="text: subtext, style: subTextStyle"></p> |
| 14 | + <!-- /ko --> |
15 | 15 | </label>
|
16 | 16 | </div>
|
17 | 17 | <div class="bk-img-wrap">
|
|
66 | 66 |
|
67 | 67 | <!-- ko ifnot: isGiftcardsRedirectMode() -->
|
68 | 68 |
|
69 |
| - <div class="buckaroo_magento2_all_giftcards" data-bind="foreach: { data: allgiftcards, as: 'giftcard', noChildContext: false }"> |
| 69 | +<div class="buckaroo_magento2_all_giftcards" data-bind="foreach: { data: allgiftcards, as: 'giftcard', noChildContext: false }"> |
70 | 70 | <div data-bind="attr: { 'class': 'buckaroo_magento2_all_giftcard payment-method buckaroo_magento2_' + code }, css: {'_active': ($parent.getCode() == $parent.isChecked() && $parent.getGiftcardType() == code)}">
|
71 | 71 |
|
72 |
| - <div class="payment-method-title field choice bk-payment"> |
73 |
| - <div class="bk-payment-wrap"> |
74 |
| - <div class="bk-radio-wrap"> |
75 |
| - <input type="radio" |
76 |
| - name="payment[method]" |
77 |
| - class="radio" |
78 |
| - data-bind="attr: {'id': code, 'data-method': 'buckaroo_magento2_giftcards'}, value: code, click: $parent.selectGiftCardPaymentMethod.bind($parent, code), checked: $parent.isCheckedGiftCardPaymentMethod.bind($parent, code), visible: $parent.isRadioButtonVisible()"/> |
79 |
| - <label class="label" data-bind="attr: {'for': code}" > |
80 |
| - <!-- ko text: title --><!-- /ko --> |
81 |
| - </label> |
82 |
| - </div> |
83 |
| - <div class="bk-img-wrap"> |
84 |
| - <img data-bind="attr: { src: logo }" /> |
| 72 | + <div class="payment-method-title field choice bk-payment"> |
| 73 | + <div class="bk-payment-wrap"> |
| 74 | + <div class="bk-radio-wrap"> |
| 75 | + <input type="radio" |
| 76 | + name="payment[method]" |
| 77 | + class="radio" |
| 78 | + data-bind="attr: {'id': code, 'data-method': 'buckaroo_magento2_giftcards'}, value: code, click: $parent.selectGiftCardPaymentMethod.bind($parent, code), checked: $parent.isCheckedGiftCardPaymentMethod.bind($parent, code), visible: $parent.isRadioButtonVisible()"/> |
| 79 | + <label class="label" data-bind="attr: {'for': code}" > |
| 80 | + <!-- ko text: title --><!-- /ko --> |
| 81 | + </label> |
| 82 | + </div> |
| 83 | + <div class="bk-img-wrap"> |
| 84 | + <img data-bind="attr: { src: logo }" /> |
| 85 | + </div> |
85 | 86 | </div>
|
86 | 87 | </div>
|
87 |
| - </div> |
88 | 88 |
|
89 | 89 | <div class="payment-method-content">
|
90 | 90 | <!-- ko foreach: $parent.getRegion('messages') -->
|
|
93 | 93 |
|
94 | 94 | <div class="payment-method-billing-address">
|
95 | 95 | <!-- ko foreach: $parent.getRegion($parent.getBillingAddressFormName()) -->
|
96 |
| - <!-- ko template: getTemplate()--><!-- /ko --> |
| 96 | + <!-- ko template: getTemplate()--><!-- /ko --> |
97 | 97 | <!--/ko-->
|
98 | 98 | </div>
|
99 | 99 |
|
100 |
| - <div class="payment-method-second-col billing-address-form"> |
101 |
| - <form method="post" |
102 |
| - data-role="$parent.save" |
103 |
| - data-bind="$parent.submit:$parent.save, |
| 100 | + <div class="payment-method-second-col billing-address-form"> |
| 101 | + <form method="post" |
| 102 | + data-role="$parent.save" |
| 103 | + data-bind="$parent.submit:$parent.save, |
104 | 104 | mageInit: { 'validation': [] },
|
105 | 105 | attr: {'data-hasrequired': $t('* Required Fields')}">
|
106 |
| - <fieldset class="fieldset payment styled"> |
| 106 | + <fieldset class="fieldset payment styled"> |
107 | 107 |
|
108 |
| - <div class="fieldset card_front width-100"> |
| 108 | + <div class="fieldset card_front width-100"> |
109 | 109 |
|
110 |
| - <div class="field required width-100" > |
111 |
| - <label class="label" for="buckaroo_magento2_giftcards_cardnumber"> <span data-bind="i18n: 'Card number:'"> </span> </label> |
112 |
| - <div class="control"> |
113 |
| - <input type="text" |
114 |
| - class="input-text field buckaroo_magento2_giftcards_input" |
115 |
| - name="payment[buckaroo_magento2_giftcards][cardnumber]" |
116 |
| - data-bind=" |
| 110 | + <div class="field required width-100" > |
| 111 | + <label class="label" for="buckaroo_magento2_giftcards_cardnumber"> <span data-bind="i18n: 'Card number:'"> </span> </label> |
| 112 | + <div class="control"> |
| 113 | + <input type="text" |
| 114 | + class="input-text field buckaroo_magento2_giftcards_input" |
| 115 | + name="payment[buckaroo_magento2_giftcards][cardnumber]" |
| 116 | + data-bind=" |
117 | 117 | valueUpdate: 'blur',
|
118 | 118 | value: $parent.CardNumber,
|
119 | 119 | textInput: $parent.CardNumber(),
|
120 | 120 | attr: { 'data-card': code, 'id': 'buckaroo_magento2_giftcards_cardnumber_' + code, 'data-validate': JSON.stringify({ 'required': true, '$parent.validateCardNumber': true }) },
|
121 | 121 | event: { blur: $parent.checkValidness }">
|
| 122 | + </div> |
122 | 123 | </div>
|
123 |
| - </div> |
124 | 124 |
|
125 |
| - <div class="fieldset width-100"> |
| 125 | + <div class="fieldset width-100"> |
126 | 126 |
|
127 |
| - <div class="magnet_stripe width-100"></div> |
| 127 | + <div class="magnet_stripe width-100"></div> |
128 | 128 |
|
129 |
| - <div class="field required card_security width-100" > |
130 |
| - <label class="label width-65-l" for="buckaroo_magento2_giftcards_pin"> <span data-bind="i18n: 'PIN / Security code:'"> </span> </label> |
131 |
| - <div class="control card-info-input width-25-l"> |
132 |
| - <input type="text" |
133 |
| - class="input-text field buckaroo_magento2_giftcards_input" |
134 |
| - name="payment[buckaroo_magento2_giftcards][pin]" |
135 |
| - data-bind=" |
| 129 | + <div class="field required card_security width-100" > |
| 130 | + <label class="label width-65-l" for="buckaroo_magento2_giftcards_pin"> <span data-bind="i18n: 'PIN / Security code:'"> </span> </label> |
| 131 | + <div class="control card-info-input width-25-l"> |
| 132 | + <input type="text" |
| 133 | + class="input-text field buckaroo_magento2_giftcards_input" |
| 134 | + name="payment[buckaroo_magento2_giftcards][pin]" |
| 135 | + data-bind=" |
136 | 136 | valueUpdate: 'blur',
|
137 | 137 | value: $parent.Pin,
|
138 | 138 | textInput: $parent.Pin(),
|
139 | 139 | attr: { 'id': 'buckaroo_magento2_giftcards_pin_' + code, 'data-validate': JSON.stringify({ 'required': true, '$parent.validatePin': true }) },
|
140 | 140 | event: { blur: $parent.checkValidness }">
|
141 |
| - </div> |
142 |
| - <div class="card_info width-10"> |
143 |
| - <div class="popup"> |
| 141 | + </div> |
| 142 | + <div class="card_info width-10"> |
| 143 | + <div class="popup"> |
| 144 | + </div> |
| 145 | + </div> |
144 | 146 | </div>
|
145 | 147 | </div>
|
146 |
| - </div> |
147 |
| - </div> |
148 | 148 |
|
149 |
| - <div class="field width-100"> |
150 |
| - <span data-bind="i18n: 'Please make sure all fields are filled in correctly before proceeding.' "></span> |
151 |
| - <span class="apply-gift-card action primary" data-bind=" |
| 149 | + <div class="field width-100"> |
| 150 | + <span data-bind="i18n: 'Please make sure all fields are filled in correctly before proceeding.' "></span> |
| 151 | + <span class="apply-gift-card action primary" data-bind=" |
152 | 152 | click: $parent.applyGiftcard.bind($parent),
|
153 | 153 | i18n: 'Apply Gift Card',
|
154 | 154 | attr: { 'id': 'buckaroo_magento2_giftcards_submit_' + code }
|
155 | 155 | css: {disabled: $parent.buttoncheck()}">
|
156 | 156 | </span>
|
157 |
| - </div> |
| 157 | + </div> |
158 | 158 |
|
159 |
| - </div> |
160 |
| - </fieldset> |
161 |
| - </form> |
162 |
| - </div> |
| 159 | + </div> |
| 160 | + </fieldset> |
| 161 | + </form> |
| 162 | + </div> |
163 | 163 |
|
164 | 164 | <div class="checkout-agreements-block">
|
165 | 165 | <!-- ko foreach: $parents[1].getRegion('before-place-order') -->
|
166 |
| - <!-- ko template: getTemplate() --><!-- /ko --> |
| 166 | + <!-- ko template: getTemplate() --><!-- /ko --> |
167 | 167 | <!--/ko-->
|
168 | 168 | </div>
|
169 | 169 |
|
|
191 | 191 | <!--/ko-->
|
192 | 192 | </div>
|
193 | 193 | </div>
|
194 |
| - </div> |
| 194 | +</div> |
195 | 195 |
|
| 196 | +<div data-bind='afterRender: checkForPayments'> </div> |
196 | 197 | <!-- /ko -->
|
197 | 198 |
|
198 |
| -<div data-bind='afterRender: checkForPayments'> </div> |
0 commit comments