cardconnect_order.twig (11720B)
1 <h2>{{ text_payment_info }}</h2> 2 <table class="table table-striped table-bordered"> 3 <tr> 4 <td>{{ text_payment_method }}</td> 5 <td>{{ cardconnect_order.payment_method }}</td> 6 </tr> 7 <tr> 8 <td>{{ text_reference }}</td> 9 <td>{{ cardconnect_order.retref }}</td> 10 </tr> 11 <tr> 12 <td>{{ text_update }}</td> 13 <td><a class="button btn btn-primary btn-xs" id="button-inquire-all">{{ button_inquire_all }}</a> <span class="btn btn-primary btn-xs img_loading_inquire" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span></td> 14 </tr> 15 <tr> 16 <td>{{ text_order_total }}</td> 17 <td>{{ cardconnect_order.total_formatted }}</td> 18 </tr> 19 <tr> 20 <td>{{ text_total_captured }}</td> 21 <td id="cardconnect_total_captured">{{ cardconnect_order.total_captured_formatted }}</td> 22 </tr> 23 <tr> 24 <td>{{ text_capture_payment }}</td> 25 <td> 26 <input type="text" style="width:80px" id="capture_amount" value="{{ cardconnect_order.total }}"/> 27 <a class="button btn btn-primary btn-sm" id="button-capture">{{ button_capture }}</a> <span class="btn btn-primary btn-sm" id="img_loading_capture" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span> 28 </td> 29 </tr> 30 <tr> 31 <td>{{ text_refund_payment }}</td> 32 <td> 33 <input type="text" style="width:80px" id="refund_amount" {{ cardconnect_order.total_captured < 1 ? 'style="display:none"' : '' }} /> 34 <a class="button btn btn-primary btn-sm" id="button-refund" {{ cardconnect_order.total_captured < 1 ? 'style="display:none"' : '' }}>{{ button_refund }}</a> <span class="btn btn-primary btn-sm" id="img_loading_refund" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span> 35 </td> 36 </tr> 37 <tr> 38 <td>{{ text_void }}</td> 39 <td><a class="button btn btn-primary btn-xs" id="button-void-all">{{ button_void_all }}</a> <span class="btn btn-primary btn-xs" id="img_loading_void" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span></td> 40 </tr> 41 <tr> 42 <td>{{ text_transactions }}</td> 43 <td><table class="table table-striped table-bordered" id="cardconnect_transactions"> 44 <thead> 45 <tr> 46 <td class="text-left"><strong>{{ text_column_type }}</strong></td> 47 <td class="text-left"><strong>{{ text_column_reference }}</strong></td> 48 <td class="text-left"><strong>{{ text_column_amount }}</strong></td> 49 <td class="text-left"><strong>{{ text_column_status }}</strong></td> 50 <td class="text-left"><strong>{{ text_column_date_modified }}</strong></td> 51 <td class="text-left"><strong>{{ text_column_date_added }}</strong></td> 52 <td class="text-left"><strong>{{ text_column_update }}</strong></td> 53 <td class="text-left"><strong>{{ text_column_void }}</strong></td> 54 </tr> 55 </thead> 56 <tbody> 57 {% for transaction in cardconnect_order.transactions %} 58 <tr> 59 <td class="text-left">{{ transaction.type }}</td> 60 <td class="text-left">{{ transaction.retref }}</td> 61 <td class="text-left">{{ transaction.amount }}</td> 62 <td class="text-left">{{ transaction.status }}</td> 63 <td class="text-left">{{ transaction.date_modified }}</td> 64 <td class="text-left">{{ transaction.date_added }}</td> 65 <td class="text-left"><a class="button btn btn-primary button-inquire btn-xs" data-inquire-retref="{{ transaction.retref }}">{{ button_inquire }}</a> <span class="btn btn-primary btn-xs img_loading_inquire" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span></td> 66 <td class="text-left"><a class="button btn btn-primary button-void btn-xs" data-void-retref="{{ transaction.retref }}">{{ button_void }}</a> <span class="btn btn-primary btn-xs img_loading_void" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span></td> 67 </tr> 68 {% endfor %} 69 </tbody> 70 </table></td> 71 </tr> 72 </table> 73 <script type="text/javascript"><!-- 74 $('#button-inquire-all').click(function() { 75 $('.button-inquire').trigger('click'); 76 }); 77 78 $('#button-void-all').click(function() { 79 $('.button-void').trigger('click'); 80 }); 81 82 $('#button-capture').click(function() { 83 if (confirm('{{ text_confirm_capture }}')) { 84 $.ajax({ 85 type: 'POST', 86 dataType: 'json', 87 data: {'order_id': {{ order_id }}, 'amount': $('#capture_amount').val()}, 88 url: 'index.php?route=extension/payment/cardconnect/capture&user_token={{ user_token }}', 89 beforeSend: function() { 90 $('#button-capture, #capture_amount').hide(); 91 $('#img_loading_capture').show(); 92 $('.cardconnect_message').remove(); 93 }, 94 success: function(json) { 95 if (json['success']) { 96 html = ''; 97 html += '<tr>'; 98 html += '<td class="text-left">Payment</td>'; 99 html += '<td class="text-left">' + json['retref'] + '</td>'; 100 html += '<td class="text-left">' + json['amount'] + '</td>'; 101 html += '<td class="text-left">' + json['status'] + '</td>'; 102 html += '<td class="text-left">' + json['date_modified'] + '</td>'; 103 html += '<td class="text-left">' + json['date_added'] + '</td>'; 104 html += '<td class="text-left">' + '<a class="button btn btn-primary button-inquire btn-xs" data-inquire-retref="' + json['retref'] + '">{{ button_inquire }}</a> <span class="btn btn-primary btn-xs img_loading_inquire" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>' + '</td>'; 105 html += '<td class="text-left">' + '<a class="button btn btn-primary button-void btn-xs" data-void-retref="' + json['retref'] + '">{{ button_void }}</a> <span class="btn btn-primary btn-xs img_loading_void" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>' + '</td>'; 106 html += '</tr>'; 107 108 $('#cardconnect_transactions').append(html); 109 $('#cardconnect_total_captured').text(json['total_captured']); 110 111 $('h2').after('<div class="alert alert-success cardconnect_message" style="display:none"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>').fadeIn(); 112 113 $('#refund_amount, #button-refund').show(); 114 } 115 116 if (json['error']) { 117 $('h2').after('<div class="alert alert-danger cardconnect_message" style="display:none"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>').fadeIn(); 118 } 119 120 $('#capture_amount').val(0.00).show(); 121 $('#button-capture').show(); 122 $('#refund_amount').val(0.00); 123 124 $('.cardconnect_message').fadeIn(); 125 $('#img_loading_capture').hide(); 126 } 127 }); 128 } 129 }); 130 131 $('#button-refund').click(function() { 132 if (confirm('{{ text_confirm_refund }}')) { 133 $.ajax({ 134 type: 'POST', 135 dataType: 'json', 136 data: {'order_id': {{ order_id }}, 'amount': $('#refund_amount').val()}, 137 url: 'index.php?route=extension/payment/cardconnect/refund&user_token={{ user_token }}', 138 beforeSend: function() { 139 $('#button-refund, #refund_amount').hide(); 140 $('#img_loading_refund').show(); 141 $('.cardconnect_message').remove(); 142 }, 143 success: function(json) { 144 if (json['success']) { 145 html = ''; 146 html += '<tr>'; 147 html += '<td class="text-left">Refund</td>'; 148 html += '<td class="text-left">' + json['retref'] + '</td>'; 149 html += '<td class="text-left">' + json['amount'] + '</td>'; 150 html += '<td class="text-left">' + json['status'] + '</td>'; 151 html += '<td class="text-left">' + json['date_modified'] + '</td>'; 152 html += '<td class="text-left">' + json['date_added'] + '</td>'; 153 html += '<td class="text-left">' + '<a class="button btn btn-primary button-inquire btn-xs" data-inquire-retref="' + json['retref'] + '">{{ button_inquire }}</a> <span class="btn btn-primary btn-xs img_loading_inquire" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>' + '</td>'; 154 html += '<td class="text-left">' + '<a class="button btn btn-primary button-void btn-xs" data-void-retref="' + json['retref'] + '">{{ button_void }}</a> <span class="btn btn-primary btn-xs img_loading_void" style="display:none"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>' + '</td>'; 155 html += '</tr>'; 156 157 $('#cardconnect_transactions').append(html); 158 $('#cardconnect_total_captured').text(json['total_captured']); 159 160 $('h2').after('<div class="alert alert-success cardconnect_message" style="display:none"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>').fadeIn(); 161 } 162 163 if (json['error']) { 164 $('h2').after('<div class="alert alert-danger cardconnect_message" style="display:none"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>').fadeIn(); 165 } 166 167 $('#refund_amount').val(0.00).show(); 168 $('#button-refund').show(); 169 $('#capture_amount').val(0.00); 170 171 $('.cardconnect_message').fadeIn(); 172 $('#img_loading_refund').hide(); 173 } 174 }); 175 } 176 }); 177 178 $(document).on('click', '.button-inquire', function(e) { 179 var button = $(e.target); 180 181 $.ajax({ 182 type: 'POST', 183 dataType: 'json', 184 data: {'order_id': {{ order_id }}, 'retref': $(this).data('inquire-retref')}, 185 url: 'index.php?route=extension/payment/cardconnect/inquire&user_token={{ user_token }}', 186 beforeSend: function() { 187 button.hide(); 188 button.next().show(); 189 $('.cardconnect_message').remove(); 190 }, 191 success: function(json) { 192 if (json['success']) { 193 $('*[data-inquire-retref="' + button.data('inquire-retref') + '"]').parent().prev().prev().prev().text(json['status']); 194 195 $('*[data-inquire-retref="' + button.data('inquire-retref') + '"]').parent().prev().prev().text(json['date_modified']); 196 197 $('h2').after('<div class="alert alert-success cardconnect_message" style="display:none"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); 198 } 199 200 if (json['error']) { 201 $('h2').after('<div class="alert alert-danger cardconnect_message" style="display:none"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); 202 } 203 204 $('.button-inquire').show(); 205 206 $('.cardconnect_message').fadeIn(); 207 $('.img_loading_inquire').hide(); 208 } 209 }); 210 }); 211 212 $(document).on('click', '.button-void', function(e) { 213 var button = $(e.target); 214 215 $.ajax({ 216 type: 'POST', 217 dataType: 'json', 218 data: {'order_id': {{ order_id }}, 'retref': $(this).data('void-retref')}, 219 url: 'index.php?route=extension/payment/cardconnect/void&user_token={{ user_token }}', 220 beforeSend: function() { 221 button.hide(); 222 button.next().show(); 223 $('.cardconnect_message').remove(); 224 }, 225 success: function(json) { 226 if (json['success']) { 227 $('*[data-void-retref="' + button.data('void-retref') + '"]').parent().prev().prev().prev().prev().text(json['status']); 228 229 $('*[data-void-retref="' + button.data('void-retref') + '"]').parent().prev().prev().prev().text(json['date_modified']); 230 231 $('h2').after('<div class="alert alert-success cardconnect_message" style="display:none"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); 232 } 233 234 if (json['error']) { 235 $('h2').after('<div class="alert alert-danger cardconnect_message" style="display:none"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); 236 } 237 238 $('.button-void').show(); 239 240 $('.cardconnect_message').fadeIn(); 241 $('.img_loading_void').hide(); 242 } 243 }); 244 }); 245 //--></script>