django-cfg 1.4.21__py3-none-any.whl → 1.4.23__py3-none-any.whl

django_cfg/apps/payments/admin_interface/templates/payments/payment_detail.html

@@ -8,24 +8,53 @@
 {% block page_subtitle %}Payment {{ payment.internal_payment_id|default:payment.id|truncatechars:8 }}{% endblock %}
 
 {% block content %}
-<div x-data="paymentDetail()" x-init="init('{{ payment.id }}')" class="space-y-6">
+<div x-data="paymentDetailComponent('{{ payment.id }}')" class="space-y-6">
     
-    <!-- Back Navigation -->
-    <div class="flex items-center space-x-4 mb-6">
-        <a href="{% url 'cfg_payments_admin:payment-list' %}" 
-           class="inline-flex items-center px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-md text-sm font-medium transition-colors">
-            <span class="material-icons-outlined mr-2">arrow_back</span>
-            Back to Payments
-        </a>
-        
-        <!-- Status Refresh Button -->
-        <button @click="refreshPaymentStatus()" 
-                :disabled="loading"
-                class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white rounded-md text-sm font-medium transition-colors">
-            <span class="material-icons-outlined mr-2" :class="{ 'animate-spin': loading }">refresh</span>
-            <span x-show="!loading">Refresh Status</span>
-            <span x-show="loading">Refreshing...</span>
-        </button>
+    <!-- Back Navigation and Actions -->
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center space-x-4">
+            <a href="{% url 'cfg_payments_admin:payment-list' %}"
+               class="inline-flex items-center px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-md text-sm font-medium transition-colors">
+                <span class="material-icons-outlined mr-2">arrow_back</span>
+                Back to Payments
+            </a>
+
+            <!-- Status Refresh Button -->
+            <button @click="refreshPaymentStatus()"
+                    :disabled="loading"
+                    class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white rounded-md text-sm font-medium transition-colors">
+                <span class="material-icons-outlined mr-2" :class="{ 'animate-spin': loading }">refresh</span>
+                <span x-show="!loading">Refresh Status</span>
+                <span x-show="loading">Refreshing...</span>
+            </button>
+        </div>
+
+        <!-- Action Buttons -->
+        <div class="flex items-center space-x-3">
+            {% if payment.status == 'pending' or payment.status == 'confirming' %}
+            <button @click="cancelPayment()"
+                    :disabled="loading"
+                    class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 disabled:bg-red-400 text-white rounded-md text-sm font-medium transition-colors">
+                <span class="material-icons-outlined mr-2">cancel</span>
+                Cancel Payment
+            </button>
+            {% endif %}
+
+            <button @click="exportDetails()"
+                    class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-medium transition-colors">
+                <span class="material-icons-outlined mr-2">file_download</span>
+                Export Details
+            </button>
+
+            {% if payment.callback_url %}
+            <a href="{{ payment.callback_url }}"
+               target="_blank"
+               class="inline-flex items-center px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-md text-sm font-medium transition-colors">
+                <span class="material-icons-outlined mr-2">open_in_new</span>
+                Callback URL
+            </a>
+            {% endif %}
+        </div>
     </div>
 
     <!-- Payment Overview Card -->
@@ -164,9 +193,25 @@
                     <dl class="space-y-3">
                         <div>
                             <dt class="text-sm text-gray-600 dark:text-gray-400 mb-1">Pay Address:</dt>
-                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all" data-field="pay_address">
-                                {{ payment.pay_address }}
+                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all flex items-center justify-between" data-field="pay_address">
+                                <span class="flex-1">{{ payment.pay_address }}</span>
+                                {% if payment.get_address_explorer_link %}
+                                <a href="{{ payment.get_address_explorer_link }}" target="_blank"
+                                   class="ml-2 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 flex-shrink-0">
+                                    <span class="material-icons-outlined text-sm">open_in_new</span>
+                                </a>
+                                {% endif %}
                             </dd>
+                            {% if payment.get_address_explorer_link %}
+                            <div class="mt-2">
+                                <a href="{{ payment.get_address_explorer_link }}"
+                                   target="_blank"
+                                   class="inline-flex items-center px-3 py-1.5 bg-cyan-600 hover:bg-cyan-700 text-white rounded-md text-xs font-medium transition-colors">
+                                    <span class="material-icons-outlined mr-1 text-sm">account_balance_wallet</span>
+                                    View Address on Explorer
+                                </a>
+                            </div>
+                            {% endif %}
                         </div>
                         {% if payment.sender_address %}
                         <div>
@@ -223,12 +268,22 @@
                             <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all" data-field="transaction_hash">
                                 {{ payment.transaction_hash }}
                                 {% if payment.get_payment_explorer_link %}
-                                <a href="{{ payment.get_payment_explorer_link }}" target="_blank" 
+                                <a href="{{ payment.get_payment_explorer_link }}" target="_blank"
                                    class="ml-2 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
                                     <span class="material-icons-outlined text-sm">open_in_new</span>
                                 </a>
                                 {% endif %}
                             </dd>
+                            {% if payment.get_payment_explorer_link %}
+                            <div class="mt-2">
+                                <a href="{{ payment.get_payment_explorer_link }}"
+                                   target="_blank"
+                                   class="inline-flex items-center px-3 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-md text-xs font-medium transition-colors">
+                                    <span class="material-icons-outlined mr-1 text-sm">receipt_long</span>
+                                    View Transaction on Explorer
+                                </a>
+                            </div>
+                            {% endif %}
                         </div>
                         {% endif %}
                     </dl>
@@ -320,33 +375,35 @@
     </div>
     {% endif %}
 
-    <!-- Actions -->
-    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
-        <div class="p-6">
-            <div class="flex flex-wrap gap-3">
-                {% if payment.status == 'pending' or payment.status == 'confirming' %}
-                <button @click="cancelPayment()" 
-                        :disabled="loading"
-                        class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 disabled:bg-red-400 text-white rounded-md text-sm font-medium transition-colors">
-                    <span class="material-icons-outlined mr-2">cancel</span>
-                    Cancel Payment
-                </button>
-                {% endif %}
-                
-                <button @click="exportDetails()" 
-                        class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-medium transition-colors">
-                    <span class="material-icons-outlined mr-2">file_download</span>
-                    Export Details
-                </button>
-                
-                {% if payment.callback_url %}
-                <a href="{{ payment.callback_url }}" 
-                   target="_blank"
-                   class="inline-flex items-center px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-md text-sm font-medium transition-colors">
-                    <span class="material-icons-outlined mr-2">open_in_new</span>
-                    Callback URL
-                </a>
-                {% endif %}
+    <!-- Actions (moved to top navigation) -->
+
+    <!-- Debug Panel -->
+    <div class="bg-gray-100 dark:bg-gray-800 shadow rounded-lg border-2 border-yellow-500">
+        <div class="px-6 py-3 border-b border-gray-200 dark:border-gray-700 bg-yellow-50 dark:bg-yellow-900/20">
+            <h3 class="text-sm font-semibold text-yellow-800 dark:text-yellow-400 flex items-center">
+                <span class="material-icons-outlined mr-2 text-sm">bug_report</span>
+                Debug Information
+            </h3>
+        </div>
+        <div class="p-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-xs font-mono">
+                <div>
+                    <div class="text-gray-600 dark:text-gray-400 mb-2 font-semibold">Payment Data:</div>
+                    <div class="space-y-1">
+                        <div><span class="text-gray-500">transaction_hash:</span> {{ payment.transaction_hash|default:"None" }}</div>
+                        <div><span class="text-gray-500">pay_address:</span> {{ payment.pay_address|default:"None" }}</div>
+                        <div><span class="text-gray-500">network:</span> {{ payment.network|default:"None" }}</div>
+                        <div><span class="text-gray-500">currency.code:</span> {{ payment.currency.code|default:"None" }}</div>
+                        <div><span class="text-gray-500">provider:</span> {{ payment.provider|default:"None" }}</div>
+                    </div>
+                </div>
+                <div>
+                    <div class="text-gray-600 dark:text-gray-400 mb-2 font-semibold">Explorer Links:</div>
+                    <div class="space-y-1">
+                        <div><span class="text-gray-500">get_payment_explorer_link():</span> <span class="break-all">{{ payment.get_payment_explorer_link|default:"None" }}</span></div>
+                        <div><span class="text-gray-500">get_address_explorer_link():</span> <span class="break-all">{{ payment.get_address_explorer_link|default:"None" }}</span></div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
@@ -354,8 +411,7 @@
 {% endblock %}
 
 {% block extra_js %}
-<!-- Payment API Client -->
-<script src="{% static 'payments/js/api-client.js' %}"></script>
+{{ block.super }}
 <!-- Payment Detail Page JavaScript -->
 <script src="{% static 'payments/js/payment-detail.js' %}"></script>
 <!-- QR Code Library -->

django_cfg/apps/payments/admin_interface/templates/payments/payment_form.html

@@ -7,7 +7,7 @@
 {% block page_subtitle %}Create a new payment request{% endblock %}
 
 {% block content %}
-<div x-data="paymentForm()" x-init="init()">
+<div x-data="paymentFormComponent">
     <div class="max-w-2xl mx-auto">
         <!-- Form Card -->
         <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
@@ -226,5 +226,8 @@
 {% endblock %}
 
 {% block extra_js %}
+{{ block.super }}
+
+<!-- Load payment form script -->
 <script src="{% static 'payments/js/payment-form.js' %}"></script>
 {% endblock %}

django_cfg/apps/payments/admin_interface/templates/payments/payment_list.html

@@ -7,7 +7,7 @@
 {% block page_subtitle %}Manage and monitor payment transactions{% endblock %}
 
 {% block content %}
-<div x-data="paymentList()" x-init="init()">
+<div x-data="paymentListComponent">
     <!-- Actions Bar -->
     <div class="mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between">
         <div class="flex items-center space-x-4">
@@ -26,17 +26,22 @@
         <!-- Search and Filters -->
         <div class="mt-4 sm:mt-0 flex items-center space-x-4">
             <div class="relative">
-                <input type="text" 
+                <input type="text"
+                       id="payment-search"
+                       name="search"
                        x-model="filters.search"
                        @input.debounce.300ms="applyFilters()"
                        placeholder="Search payments..."
+                       autocomplete="off"
                        class="block w-full pl-10 pr-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                 <div class="absolute inset-y-0 left-0 pl-3 flex items-center">
                     <span class="material-icons-outlined text-gray-400 text-sm">search</span>
                 </div>
             </div>
-            
-            <select x-model="filters.status" 
+
+            <select id="payment-status-filter"
+                    name="status"
+                    x-model="filters.status"
                     @change="applyFilters()"
                     class="block px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                 <option value="">All Status</option>
@@ -90,8 +95,8 @@
                                         <span class="material-icons-outlined text-blue-600 dark:text-blue-400">payment</span>
                                     </div>
                                     <div>
-                                        <div class="text-sm font-medium text-gray-900 dark:text-white" x-text="payment.id.substring(0, 8)"></div>
-                                        <div class="text-sm text-gray-500 dark:text-gray-400" x-text="payment.external_id || 'No external ID'"></div>
+                                        <div class="text-sm font-medium text-gray-900 dark:text-white" x-text="payment.internal_payment_id || payment.id.substring(0, 8)"></div>
+                                        <div class="text-sm text-gray-500 dark:text-gray-400" x-text="payment.user?.email || payment.user?.username || 'No user'"></div>
                                     </div>
                                 </div>
                             </td>
@@ -114,11 +119,11 @@
                             <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400" x-text="formatDate(payment.created_at)"></td>
                             <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                                 <div class="flex items-center justify-end space-x-2">
-                                    <a :href="`/cfg/admin/django_cfg_payments/admin/payments/${payment.id}/`" 
+                                    <a :href="`/cfg/payments/admin/payments/${payment.id}/`"
                                        class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                                         <span class="material-icons-outlined text-sm">visibility</span>
                                     </a>
-                                    <button @click="refreshPayment(payment.id)" 
+                                    <button @click="refreshPayment(payment.id)"
                                             class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200">
                                         <span class="material-icons-outlined text-sm">refresh</span>
                                     </button>
@@ -175,5 +180,8 @@
 {% endblock %}
 
 {% block extra_js %}
+{{ block.super }}
+
+<!-- Load payment list script -->
 <script src="{% static 'payments/js/payment-list.js' %}"></script>
 {% endblock %}

django_cfg/apps/payments/admin_interface/templates/payments/webhook_dashboard.html

@@ -7,7 +7,7 @@
 {% block page_subtitle %}Monitor and test webhook endpoints{% endblock %}
 
 {% block content %}
-<div x-data="webhookDashboard()" x-init="init()">
+<div x-data="webhookDashboardComponent">
     <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
         <!-- Main Content -->
         <div class="lg:col-span-2 space-y-8">
@@ -218,19 +218,24 @@
     </div>
 
     <!-- Event Detail Modal -->
-    <div x-show="showEventModal" 
+    <div x-show="showEventModal"
          x-cloak
          class="fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50"
-         @click.away="showEventModal = false">
-        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-96 overflow-y-auto">
-            <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+         @click.self="showEventModal = false">
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-96 overflow-y-auto"
+             @click.stop>
+            <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
                 <h3 class="text-lg font-medium text-gray-900 dark:text-white">Event Details</h3>
+                <button @click="showEventModal = false"
+                        class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200">
+                    <span class="material-icons-outlined">close</span>
+                </button>
             </div>
             <div class="p-6">
-                <pre class="text-sm bg-gray-100 dark:bg-gray-700 p-4 rounded-md overflow-x-auto" x-text="JSON.stringify(selectedEvent, null, 2)"></pre>
+                <pre class="text-sm text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-700 p-4 rounded-md overflow-x-auto" x-text="JSON.stringify(selectedEvent, null, 2)"></pre>
             </div>
             <div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 text-right">
-                <button @click="showEventModal = false" 
+                <button @click="showEventModal = false"
                         class="px-4 py-2 bg-gray-600 text-white text-sm rounded-md hover:bg-gray-700">
                     Close
                 </button>
@@ -241,5 +246,8 @@
 {% endblock %}
 
 {% block extra_js %}
-<script src="{% static 'payments/js/webhook-dashboard.js' %}"></script>
+{{ block.super }}
+
+<!-- Refactored webhook dashboard using MJS API -->
+<script src="{% static 'payments/js/webhook-dashboard-mjs.js' %}"></script>
 {% endblock %}

django_cfg/apps/payments/admin_interface/views/__init__.py

@@ -5,27 +5,26 @@ DRF ViewSets and template views for admin dashboard and management interfaces.
 """
 
 # Template Views
-from .dashboard import PaymentDashboardView, WebhookDashboardView
-from .forms import PaymentFormView, PaymentDetailView, PaymentListView
-
 # API ViewSets
 from .api import (
     AdminPaymentViewSet,
-    AdminWebhookViewSet,
-    AdminWebhookEventViewSet,
-    WebhookTestViewSet,
     AdminStatsViewSet,
     AdminUserViewSet,
+    AdminWebhookEventViewSet,
+    AdminWebhookViewSet,
+    WebhookTestViewSet,
 )
+from .dashboard import PaymentDashboardView, WebhookDashboardView
+from .forms import PaymentDetailView, PaymentFormView, PaymentListView
 
 __all__ = [
     # Template Views
     'PaymentDashboardView',
     'WebhookDashboardView',
-    'PaymentFormView', 
+    'PaymentFormView',
     'PaymentDetailView',
     'PaymentListView',
-    
+
     # API ViewSets
     'AdminPaymentViewSet',
     'AdminWebhookViewSet',
@@ -33,4 +32,4 @@ __all__ = [
     'WebhookTestViewSet',
     'AdminStatsViewSet',
     'AdminUserViewSet',
-]
+]

django_cfg/apps/payments/admin_interface/views/api/__init__.py

@@ -5,15 +5,15 @@ DRF ViewSets for admin dashboard with nested routing.
 """
 
 from .payments import AdminPaymentViewSet
-from .webhook_admin import AdminWebhookViewSet, AdminWebhookEventViewSet
-from .webhook_public import WebhookTestViewSet
 from .stats import AdminStatsViewSet
 from .users import AdminUserViewSet
+from .webhook_admin import AdminWebhookEventViewSet, AdminWebhookViewSet
+from .webhook_public import WebhookTestViewSet
 
 __all__ = [
     'AdminPaymentViewSet',
     'AdminWebhookViewSet',
-    'AdminWebhookEventViewSet', 
+    'AdminWebhookEventViewSet',
     'WebhookTestViewSet',
     'AdminStatsViewSet',
     'AdminUserViewSet',