Update admin/view/template/payment/hutko_order_info_panel.twig

This commit is contained in:
2025-12-14 12:05:50 +02:00
parent e8750a0c29
commit 03bd9d1302

View File

@@ -3,6 +3,12 @@
<i class="fa-solid fa-credit-card"></i> {{ text_payment_information }} (Hutko)
</div>
<div class="card-body">
<div class="mb-3 text-end border-bottom pb-3">
<span class="text-muted me-2 small">{{ text_create_link_info }}</span>
<button type="button" id="button-create-link" class="btn btn-primary"><i class="fa-solid fa-plus-circle"></i> {{ button_create_link }}</button>
<div id="create-link-response" class="mt-2 text-start"></div>
</div>
{% if transactions %}
<div class="table-responsive">
<table class="table table-bordered table-hover">
@@ -33,11 +39,11 @@
</td>
<td>{{ t.amount }}</td>
<td class="text-end">
<button type="button" class="btn btn-info btn-sm" data-bs-toggle="collapse" data-bs-target="#payload-{{ loop.index }}"><i class="fa-solid fa-code"></i></button>
<button type="button" class="btn btn-info btn-sm" data-bs-toggle="collapse" data-bs-target="#payload-{{ loop.index }}" title="Show Payload"><i class="fa-solid fa-code"></i></button>
{% if t.can_refund %}
<button type="button" class="btn btn-warning btn-sm btn-refund-modal" data-ref="{{ t.ref }}" data-amount="{{ t.amount }}"><i class="fa-solid fa-undo"></i></button>
<button type="button" class="btn btn-warning btn-sm btn-refund-modal" data-ref="{{ t.ref }}" data-amount="{{ t.amount }}" title="{{ button_hutko_refund }}"><i class="fa-solid fa-undo"></i></button>
{% endif %}
<button type="button" class="btn btn-primary btn-sm btn-check-status" data-ref="{{ t.ref }}"><i class="fa-solid fa-sync"></i></button>
<button type="button" class="btn btn-primary btn-sm btn-check-status" data-ref="{{ t.ref }}" title="{{ button_hutko_status_check }}"><i class="fa-solid fa-sync"></i></button>
</td>
</tr>
<tr id="payload-{{ loop.index }}" class="collapse">
@@ -50,7 +56,7 @@
</table>
</div>
<!-- Refund Form Section (Hidden by default, shown when Refund clicked) -->
<!-- Refund Form Section -->
<div id="refund-section" class="border p-3 bg-light mt-3" style="display:none;">
<h5>{{ text_hutko_refund_title }} <span id="refund-ref-display" class="badge bg-dark"></span></h5>
<div class="row g-2 align-items-center">
@@ -78,13 +84,49 @@
</div>
<script type="text/javascript">
// CREATE NEW LINK
$('#button-create-link').on('click', function() {
var btn = $(this);
$.ajax({
url: '{{ create_link_url|raw }}',
type: 'post',
dataType: 'json',
beforeSend: function () {
btn.prop('disabled', true).html('<i class="fa-solid fa-spinner fa-spin"></i> {{ text_loading }}');
$('#create-link-response').html('');
},
complete: function () {
btn.prop('disabled', false).html('<i class="fa-solid fa-plus-circle"></i> {{ button_create_link }}');
},
success: function (json) {
if (json['error']) {
$('#create-link-response').html('<div class="alert alert-danger">' + json['error'] + '</div>');
}
if (json['success']) {
var html = '<div class="alert alert-success">';
html += json['success'] + '<br>';
html += '<strong>URL:</strong> <a href="' + json['url'] + '" target="_blank">' + json['url'] + '</a>';
html += ' <button class="btn btn-sm btn-light ms-2" onclick="navigator.clipboard.writeText(\'' + json['url'] + '\')"><i class="fa-solid fa-copy"></i> Copy</button>';
html += '</div>';
$('#create-link-response').html(html);
// Optional: reload page to see it in the table list after a delay
setTimeout(function(){ location.reload(); }, 3000);
}
},
error: function (xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
// Show Refund Section
$('.btn-refund-modal').on('click', function() {
var ref = $(this).data('ref');
var amt = parseFloat($(this).data('amount')); // simplistic parsing
var amt = parseFloat($(this).data('amount'));
$('#refund-ref-display').text(ref);
$('#input-refund-ref').val(ref);
$('#input-refund-amount').val(amt); // Pre-fill amount
$('#input-refund-amount').val(amt);
$('#refund-section').slideDown();
$('#hutko-refund-response').html('');
});
@@ -92,7 +134,6 @@ $('.btn-refund-modal').on('click', function() {
// Execute Refund
$('#button-execute-refund').on('click', function () {
if (!confirm('{{ text_confirm_refund }}')) return;
var btn = $(this);
$.ajax({
url: '{{ refund_url|raw }}',
@@ -130,7 +171,6 @@ $('#button-execute-refund').on('click', function () {
$('.btn-check-status').on('click', function () {
var btn = $(this);
var ref = $(this).data('ref');
$.ajax({
url: '{{ status_url|raw }}',
type: 'post',