django-cfg 1.3.7__py3-none-any.whl → 1.3.11__py3-none-any.whl

django_cfg/apps/payments/admin_interface/templates/payments/components/payment_qr_code.html

@@ -0,0 +1,95 @@
+{% load payment_tags %}
+
+<!-- Payment QR Code Component -->
+<div class="flex flex-col items-center space-y-4 p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
+    {% if payment.pay_address %}
+        <!-- QR Code Image -->
+        <div class="w-48 h-48 bg-gray-100 dark:bg-gray-700 rounded flex items-center justify-center">
+            {% if payment.get_qr_code_url %}
+                    <img src="{{ payment.get_qr_code_url }}"
+                     alt="QR Code for {{ payment.pay_address }}" 
+                     class="w-48 h-48 rounded"
+                     onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                <div class="hidden w-48 h-48 items-center justify-center">
+                    <span class="material-icons text-gray-400 text-4xl">qr_code_off</span>
+                </div>
+            {% else %}
+                <span class="material-icons text-gray-400 text-4xl">qr_code_off</span>
+            {% endif %}
+        </div>
+        
+        <!-- Payment Details -->
+        <div class="text-center space-y-2">
+            <p class="text-sm font-medium text-gray-900 dark:text-white">
+                Payment Address
+            </p>
+            <p class="text-xs font-mono text-gray-600 dark:text-gray-400 break-all max-w-xs">
+                {{ payment.pay_address }}
+            </p>
+            {% if payment.pay_amount %}
+            <p class="text-xs text-gray-500 dark:text-gray-500">
+                Amount: {{ payment.formatted_pay_amount }} {{ payment.currency.code }}
+            </p>
+            {% endif %}
+            
+            <!-- QR Data Preview -->
+            {% if payment.qr_data != payment.pay_address %}
+            <p class="text-xs text-blue-600 dark:text-blue-400">
+                QR contains: {{ payment.qr_data|truncatechars:50 }}
+            </p>
+            {% endif %}
+        </div>
+        
+        <!-- Action Buttons -->
+        <div class="flex space-x-2 pt-2">
+            <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
+                    onclick="copyToClipboard('{{ payment.pay_address }}', 'Address copied!')">
+                <span class="material-icons text-sm mr-1">content_copy</span>
+                Copy Address
+            </button>
+            {% if payment.pay_amount %}
+            <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
+                    onclick="copyToClipboard('{{ payment.pay_amount }}', 'Amount copied!')">
+                <span class="material-icons text-sm mr-1">content_copy</span>
+                Copy Amount
+            </button>
+            {% endif %}
+            {% if payment.qr_data %}
+            <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
+                    onclick="copyToClipboard('{{ payment.qr_data }}', 'QR data copied!')">
+                <span class="material-icons text-sm mr-1">qr_code</span>
+                Copy QR Data
+            </button>
+            {% endif %}
+        </div>
+        
+        
+    {% else %}
+        <div class="text-center py-8">
+            <span class="material-icons text-gray-400 text-4xl mb-2">qr_code_off</span>
+            <p class="text-sm text-gray-500 dark:text-gray-400">
+                QR code not available for this payment
+            </p>
+        </div>
+    {% endif %}
+</div>
+
+<!-- Copy to clipboard utility -->
+<script>
+function copyToClipboard(text, message) {
+    navigator.clipboard.writeText(text).then(function() {
+        // Show success message (you can customize this)
+        const toast = document.createElement('div');
+        toast.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded shadow-lg z-50';
+        toast.textContent = message || 'Copied to clipboard!';
+        document.body.appendChild(toast);
+        
+        setTimeout(() => {
+            document.body.removeChild(toast);
+        }, 2000);
+    }).catch(function(err) {
+        console.error('Failed to copy: ', err);
+        alert('Failed to copy to clipboard');
+    });
+}
+</script>

django_cfg/apps/payments/admin_interface/templates/payments/components/progress_bar.html

@@ -0,0 +1,37 @@
+{% comment %}
+Payment Progress Bar Component
+
+Usage:
+{% include 'payments/components/progress_bar.html' with payment=payment %}
+
+Parameters:
+- payment: UniversalPayment object
+{% endcomment %}
+
+<div class="payment-progress">
+    <!-- Progress Bar -->
+    <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2">
+        <div class="h-2 rounded-full transition-all duration-500 ease-out
+            {% if payment.status == 'completed' %}bg-green-600
+            {% elif payment.status == 'failed' %}bg-red-600
+            {% elif payment.status == 'pending' %}bg-yellow-600
+            {% elif payment.status == 'confirming' %}bg-blue-600
+            {% elif payment.status == 'cancelled' %}bg-gray-600
+            {% else %}bg-blue-600{% endif %}" 
+             style="width: {% if payment.status == 'completed' %}100{% elif payment.status == 'failed' or payment.status == 'cancelled' %}100{% elif payment.status == 'confirming' %}75{% elif payment.status == 'pending' %}25{% else %}0{% endif %}%">
+        </div>
+    </div>
+    
+    <!-- Progress Text -->
+    <div class="flex justify-between items-center mt-2 text-xs text-gray-500 dark:text-gray-400">
+        <span>
+            {% if payment.status == 'completed' %}100% Complete
+            {% elif payment.status == 'failed' %}Failed
+            {% elif payment.status == 'cancelled' %}Cancelled
+            {% elif payment.status == 'confirming' %}75% Confirming
+            {% elif payment.status == 'pending' %}25% Pending
+            {% else %}0% Initiated{% endif %}
+        </span>
+        <span>{{ payment.get_status_display }}</span>
+    </div>
+</div>

django_cfg/apps/payments/admin_interface/templates/payments/components/provider_stats.html

@@ -0,0 +1,60 @@
+{% comment %}
+Provider Statistics Component
+
+Usage:
+{% include 'payments/components/provider_stats.html' with provider_stats=provider_stats %}
+
+Parameters:
+- provider_stats: List of provider statistics objects
+{% endcomment %}
+
+<div class="space-y-4">
+    {% for stat in provider_stats %}
+    <div class="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600">
+        <div class="flex items-center space-x-3">
+            <!-- Provider Icon -->
+            <div class="w-8 h-8 rounded-full flex items-center justify-center
+                {% if stat.provider == 'cryptapi' %}bg-orange-500
+                {% elif stat.provider == 'cryptomus' %}bg-blue-500
+                {% elif stat.provider == 'stripe' %}bg-purple-500
+                {% elif stat.provider == 'nowpayments' %}bg-green-500
+                {% else %}bg-gray-500{% endif %}">
+                <span class="material-icons-outlined text-white text-sm">payment</span>
+            </div>
+            
+            <!-- Provider Info -->
+            <div>
+                <p class="text-sm font-medium text-gray-900 dark:text-white capitalize">
+                    {{ stat.provider }}
+                </p>
+                <p class="text-xs text-gray-500 dark:text-gray-400">
+                    {{ stat.count }} payment{{ stat.count|pluralize }}
+                </p>
+            </div>
+        </div>
+        
+        <!-- Statistics -->
+        <div class="text-right">
+            <p class="text-sm font-medium text-gray-900 dark:text-white">
+                ${{ stat.volume|floatformat:2|default:"0.00" }}
+            </p>
+            <div class="flex items-center space-x-2 mt-1">
+                <!-- Success Rate Bar -->
+                <div class="w-16 bg-gray-200 dark:bg-gray-600 rounded-full h-1.5">
+                    <div class="bg-green-600 h-1.5 rounded-full transition-all duration-300" 
+                         style="width: {{ stat.success_rate|floatformat:0 }}%"></div>
+                </div>
+                <span class="text-xs text-gray-500 dark:text-gray-400">
+                    {{ stat.success_rate|floatformat:0 }}%
+                </span>
+            </div>
+        </div>
+    </div>
+    {% empty %}
+    <div class="text-center py-8">
+        <span class="material-icons-outlined text-gray-400 text-4xl mb-2">bar_chart</span>
+        <p class="text-sm font-medium text-gray-900 dark:text-white mb-1">No Provider Data</p>
+        <p class="text-xs text-gray-500 dark:text-gray-400">Provider statistics will appear here once payments are processed</p>
+    </div>
+    {% endfor %}
+</div>

django_cfg/apps/payments/admin_interface/templates/payments/components/status_badge.html

@@ -0,0 +1,41 @@
+{% comment %}
+Payment Status Badge Component
+
+Usage:
+{% include 'payments/components/status_badge.html' with payment=payment %}
+
+Parameters:
+- payment: UniversalPayment object
+{% endcomment %}
+
+<span class="payment-status-badge inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
+    {% if payment.status == 'pending' %}bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400
+    {% elif payment.status == 'confirming' %}bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400
+    {% elif payment.status == 'confirmed' or payment.status == 'completed' %}bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400
+    {% elif payment.status == 'failed' %}bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400
+    {% elif payment.status == 'expired' or payment.status == 'cancelled' %}bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400
+    {% elif payment.status == 'refunded' %}bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400
+    {% else %}bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400{% endif %}"
+      data-status="{{ payment.status }}">
+    {% if payment.status == 'pending' %}
+        <span class="material-icons-outlined text-sm mr-1 animate-pulse">pending</span>
+    {% elif payment.status == 'confirming' %}
+        <span class="material-icons-outlined text-sm mr-1 animate-spin">sync</span>
+    {% elif payment.status == 'confirmed' %}
+        <span class="material-icons-outlined text-sm mr-1">check_circle</span>
+    {% elif payment.status == 'completed' %}
+        <span class="material-icons-outlined text-sm mr-1">verified</span>
+    {% elif payment.status == 'failed' %}
+        <span class="material-icons-outlined text-sm mr-1">error</span>
+    {% elif payment.status == 'expired' %}
+        <span class="material-icons-outlined text-sm mr-1">schedule</span>
+    {% elif payment.status == 'cancelled' %}
+        <span class="material-icons-outlined text-sm mr-1">cancel</span>
+    {% elif payment.status == 'refunded' %}
+        <span class="material-icons-outlined text-sm mr-1">undo</span>
+    {% else %}
+        <span class="material-icons-outlined text-sm mr-1">help</span>
+    {% endif %}
+    
+    <span class="status-text">{{ payment.get_status_display }}</span>
+</span>

django_cfg/apps/payments/admin_interface/templates/payments/components/status_overview.html

@@ -0,0 +1,83 @@
+{% comment %}
+Status Overview Component
+
+Usage:
+{% include 'payments/components/status_overview.html' with payment_stats=payment_stats %}
+
+Parameters:
+- payment_stats: Payment statistics object with counts and totals
+{% endcomment %}
+
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+    <!-- Total Payments -->
+    {% include 'payments/components/status_card.html' with title="Total Payments" value=payment_stats.total_payments_count|default:0 icon="payments" status="info" %}
+    
+    <!-- Pending Payments -->
+    {% include 'payments/components/status_card.html' with title="Pending" value=payment_stats.pending_payments_count|default:0 icon="pending" status="warning" description=payment_stats.confirming_payments_count|add:" confirming"|default:"" %}
+    
+    <!-- Completed Payments -->
+    {% include 'payments/components/status_card.html' with title="Completed" value=payment_stats.completed_payments_count|default:0 icon="check_circle" status="success" description=payment_stats.success_rate|floatformat:1|add:"% success rate"|default:"" %}
+    
+    <!-- Total Volume -->
+    {% include 'payments/components/status_card.html' with title="Total Volume" value="$"|add:payment_stats.total_volume|floatformat:2|default:"0.00" icon="account_balance" status="info" description=payment_stats.failed_payments_count|add:" failed"|default:"" %}
+</div>
+
+<!-- Quick Actions Bar -->
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700 p-4 mt-6">
+    <div class="flex items-center justify-between">
+        <div class="flex items-center space-x-4">
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Quick Actions:</span>
+            <div class="flex space-x-2">
+                <a href="{% url 'cfg_payments_admin:payment-form' %}" 
+                   class="inline-flex items-center px-3 py-1.5 text-xs bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-md transition-colors">
+                    <span class="material-icons-outlined text-sm mr-1">add</span>
+                    New Payment
+                </a>
+                <button onclick="window.location.reload()" 
+                        class="inline-flex items-center px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors">
+                    <span class="material-icons-outlined text-sm mr-1">refresh</span>
+                    Refresh
+                </button>
+                <button onclick="exportPayments()" 
+                        class="inline-flex items-center px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors">
+                    <span class="material-icons-outlined text-sm mr-1">download</span>
+                    Export
+                </button>
+            </div>
+        </div>
+        
+        <!-- Live Status Indicator -->
+        <div class="flex items-center space-x-2">
+            <div class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400">
+                <div class="w-2 h-2 bg-green-500 rounded-full mr-2 animate-pulse"></div>
+                Live Updates
+            </div>
+            <span class="text-xs text-gray-500 dark:text-gray-400">
+                Last update: <span id="stats-last-update">{% now "H:i:s" %}</span>
+            </span>
+        </div>
+    </div>
+</div>
+
+<script>
+// Export payments functionality
+function exportPayments() {
+    // TODO: Implement export functionality
+    alert('Export functionality not implemented yet');
+}
+
+// Update timestamp every minute
+setInterval(function() {
+    const now = new Date();
+    const timeString = now.toLocaleTimeString('en-US', { 
+        hour12: false, 
+        hour: '2-digit', 
+        minute: '2-digit', 
+        second: '2-digit' 
+    });
+    const element = document.getElementById('stats-last-update');
+    if (element) {
+        element.textContent = timeString;
+    }
+}, 60000);
+</script>