django-cfg 1.2.27__py3-none-any.whl → 1.2.29__py3-none-any.whl

django_cfg/apps/payments/templates/payments/dashboard.html

@@ -0,0 +1,346 @@
+{% extends 'payments/base.html' %}
+{% load payments_tags %}
+{% load static %}
+
+{% block title %}Payment Dashboard - Django CFG{% endblock %}
+
+{% block header_title %}Payment Dashboard{% endblock %}
+{% block header_subtitle %}Monitor and manage payment transactions in real-time{% endblock %}
+
+{% block extra_head %}
+<!-- Dashboard-specific styles -->
+<style>
+    .dashboard-grid {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 1.5rem;
+    }
+    
+    @media (min-width: 1024px) {
+        .dashboard-grid {
+            grid-template-columns: 2fr 1fr;
+        }
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="payment-dashboard">
+    <!-- Status Overview -->
+    {% include 'payments/components/status_overview.html' %}
+    
+    <!-- Main Dashboard Grid -->
+    <div class="dashboard-grid">
+        <!-- Left Column: Recent Payments -->
+        <div class="space-y-6">
+            <!-- Filter Controls -->
+            <div class="payment-filters">
+                <div class="flex items-center justify-between mb-4">
+                    <h3 class="text-lg font-medium text-gray-900 dark:text-white">Recent Payments</h3>
+                    <div class="flex items-center space-x-2">
+                        <select class="filter-select" id="status-filter" onchange="filterPayments()">
+                            <option value="">All Statuses</option>
+                            <option value="pending">Pending</option>
+                            <option value="confirming">Confirming</option>
+                            <option value="completed">Completed</option>
+                            <option value="failed">Failed</option>
+                        </select>
+                        <select class="filter-select" id="provider-filter" onchange="filterPayments()">
+                            <option value="">All Providers</option>
+                            <option value="nowpayments">NowPayments</option>
+                            <option value="cryptapi">CryptAPI</option>
+                            <option value="cryptomus">Cryptomus</option>
+                            <option value="stripe">Stripe</option>
+                        </select>
+                    </div>
+                </div>
+                
+                <div class="filter-group">
+                    <input type="text" 
+                           class="filter-input" 
+                           placeholder="Search by payment ID or amount..." 
+                           id="search-input"
+                           onkeyup="searchPayments(event)">
+                    <input type="date" 
+                           class="filter-input" 
+                           id="date-filter"
+                           onchange="filterPayments()">
+                    <button class="btn btn-outline btn-sm" onclick="clearFilters()">
+                        <span class="material-icons text-sm mr-1">clear</span>
+                        Clear
+                    </button>
+                </div>
+            </div>
+            
+            <!-- Payment Cards Grid -->
+            <div id="payments-grid" class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                {% if payments %}
+                    {% for payment in payments %}
+                        {% payment_card payment %}
+                    {% endfor %}
+                {% else %}
+                    <!-- Empty State -->
+                    <div class="col-span-full">
+                        <div class="text-center py-12">
+                            <span class="material-icons text-gray-400 text-6xl mb-4">payment</span>
+                            <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">No payments found</h3>
+                            <p class="text-gray-500 dark:text-gray-400 mb-4">Get started by creating your first payment.</p>
+                            <button class="btn btn-primary" onclick="createNewPayment()">
+                                <span class="material-icons text-sm mr-2">add</span>
+                                Create Payment
+                            </button>
+                        </div>
+                    </div>
+                {% endif %}
+            </div>
+            
+            <!-- Load More Button -->
+            {% if has_more_payments %}
+            <div class="text-center">
+                <button class="btn btn-outline" id="load-more-btn" onclick="loadMorePayments()">
+                    <span class="material-icons text-sm mr-2">expand_more</span>
+                    Load More Payments
+                </button>
+            </div>
+            {% endif %}
+        </div>
+        
+        <!-- Right Column: Analytics & Quick Info -->
+        <div class="space-y-6">
+            <!-- Provider Statistics -->
+            <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6">
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">Provider Performance</h3>
+                {% provider_statistics %}
+            </div>
+            
+            <!-- Recent Activity -->
+            <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6">
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">Recent Activity</h3>
+                <div class="space-y-3">
+                    {% for event in recent_events|slice:":5" %}
+                    <div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700">
+                        <div class="flex-shrink-0">
+                            {% if event.event_type == 'created' %}
+                                <span class="material-icons text-blue-500">add_circle</span>
+                            {% elif event.event_type == 'completed' %}
+                                <span class="material-icons text-green-500">check_circle</span>
+                            {% elif event.event_type == 'failed' %}
+                                <span class="material-icons text-red-500">error</span>
+                            {% else %}
+                                <span class="material-icons text-gray-500">circle</span>
+                            {% endif %}
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="text-sm font-medium text-gray-900 dark:text-white">
+                                Payment {{ event.event_type }}
+                            </p>
+                            <p class="text-xs text-gray-500 dark:text-gray-400">
+                                #{{ event.payment.internal_payment_id|default:event.payment.id|truncatechars:8 }} 
+                                • {{ event.created_at|timesince }} ago
+                            </p>
+                        </div>
+                        <div class="text-sm font-medium text-gray-900 dark:text-white">
+                            ${{ event.payment.amount_usd|floatformat:2 }}
+                        </div>
+                    </div>
+                    {% empty %}
+                    <p class="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
+                        No recent activity
+                    </p>
+                    {% endfor %}
+                </div>
+            </div>
+            
+            <!-- System Status -->
+            <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6">
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">System Status</h3>
+                <div class="space-y-3">
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm text-gray-500 dark:text-gray-400">API Status</span>
+                        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                            <span class="w-2 h-2 bg-green-500 rounded-full mr-1"></span>
+                            Online
+                        </span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm text-gray-500 dark:text-gray-400">Webhook Queue</span>
+                        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                            Processing
+                        </span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm text-gray-500 dark:text-gray-400">Database</span>
+                        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                            Connected
+                        </span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm text-gray-500 dark:text-gray-400">Redis Cache</span>
+                        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                            Active
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+// Dashboard JavaScript functionality
+let currentFilters = {
+    status: '',
+    provider: '',
+    search: '',
+    date: ''
+};
+
+let currentPage = 1;
+const PAYMENTS_PER_PAGE = 10;
+
+// Filter functions
+function filterPayments() {
+    currentFilters.status = document.getElementById('status-filter').value;
+    currentFilters.provider = document.getElementById('provider-filter').value;
+    currentFilters.date = document.getElementById('date-filter').value;
+    
+    currentPage = 1;
+    loadPayments();
+}
+
+function searchPayments(event) {
+    // Debounce search input
+    clearTimeout(window.searchTimeout);
+    window.searchTimeout = setTimeout(() => {
+        currentFilters.search = event.target.value;
+        currentPage = 1;
+        loadPayments();
+    }, 500);
+}
+
+function clearFilters() {
+    document.getElementById('status-filter').value = '';
+    document.getElementById('provider-filter').value = '';
+    document.getElementById('search-input').value = '';
+    document.getElementById('date-filter').value = '';
+    
+    currentFilters = { status: '', provider: '', search: '', date: '' };
+    currentPage = 1;
+    loadPayments();
+}
+
+function loadPayments() {
+    const grid = document.getElementById('payments-grid');
+    
+    // Show loading state
+    if (currentPage === 1) {
+        grid.innerHTML = '<div class="col-span-full text-center py-8"><div class="skeleton h-32 w-full"></div></div>';
+    }
+    
+    // Build query parameters
+    const params = new URLSearchParams({
+        page: currentPage,
+        page_size: PAYMENTS_PER_PAGE,
+        ...currentFilters
+    });
+    
+    // Remove empty parameters
+    for (const [key, value] of params.entries()) {
+        if (!value) {
+            params.delete(key);
+        }
+    }
+    
+    fetch(`/api/payments/list/?${params}`)
+        .then(response => response.json())
+        .then(data => {
+            if (currentPage === 1) {
+                grid.innerHTML = '';
+            }
+            
+            if (data.results && data.results.length > 0) {
+                data.results.forEach(payment => {
+                    const cardHtml = renderPaymentCard(payment);
+                    grid.insertAdjacentHTML('beforeend', cardHtml);
+                });
+                
+                // Update load more button
+                const loadMoreBtn = document.getElementById('load-more-btn');
+                if (loadMoreBtn) {
+                    loadMoreBtn.style.display = data.has_next ? 'block' : 'none';
+                }
+            } else if (currentPage === 1) {
+                // Show empty state
+                grid.innerHTML = `
+                    <div class="col-span-full text-center py-12">
+                        <span class="material-icons text-gray-400 text-6xl mb-4">search_off</span>
+                        <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">No payments found</h3>
+                        <p class="text-gray-500 dark:text-gray-400">Try adjusting your filters.</p>
+                    </div>
+                `;
+            }
+        })
+        .catch(error => {
+            console.error('Failed to load payments:', error);
+            if (window.notificationManager) {
+                window.notificationManager.error('Failed to load payments');
+            }
+        });
+}
+
+function loadMorePayments() {
+    currentPage++;
+    loadPayments();
+}
+
+function renderPaymentCard(payment) {
+    // This would be a simplified version of the payment card template
+    // In a real implementation, you'd want to render this server-side or use a template engine
+    return `
+        <div class="payment-card" data-payment-id="${payment.id}">
+            <!-- Simplified payment card HTML -->
+            <div class="p-4 bg-white dark:bg-gray-800 rounded-lg border">
+                <div class="flex justify-between items-start mb-2">
+                    <span class="font-medium">#${payment.internal_payment_id || payment.id.substring(0, 8)}</span>
+                    <span class="px-2 py-1 text-xs rounded-full payment-status-${payment.status}">
+                        ${payment.status}
+                    </span>
+                </div>
+                <div class="text-xl font-bold mb-2">$${parseFloat(payment.amount_usd).toFixed(2)}</div>
+                <div class="text-sm text-gray-500">${payment.provider} • ${new Date(payment.created_at).toLocaleDateString()}</div>
+            </div>
+        </div>
+    `;
+}
+
+// Auto-refresh dashboard every 30 seconds
+setInterval(() => {
+    if (document.visibilityState === 'visible') {
+        loadPayments();
+    }
+}, 30000);
+
+// Initialize dashboard
+document.addEventListener('DOMContentLoaded', () => {
+    // Update URL parameters on filter change
+    window.addEventListener('popstate', () => {
+        // Handle browser back/forward
+        const urlParams = new URLSearchParams(window.location.search);
+        currentFilters.status = urlParams.get('status') || '';
+        currentFilters.provider = urlParams.get('provider') || '';
+        currentFilters.search = urlParams.get('search') || '';
+        currentFilters.date = urlParams.get('date') || '';
+        
+        // Update form values
+        document.getElementById('status-filter').value = currentFilters.status;
+        document.getElementById('provider-filter').value = currentFilters.provider;
+        document.getElementById('search-input').value = currentFilters.search;
+        document.getElementById('date-filter').value = currentFilters.date;
+        
+        loadPayments();
+    });
+});
+</script>
+{% endblock %}

django_cfg/apps/payments/templatetags/__init__.py

@@ -0,0 +1 @@
+# Template tags package for payments app

django_cfg/apps/payments/templatetags/payments_tags.py

@@ -0,0 +1,315 @@
+"""
+Payment Template Tags
+
+Custom template tags for payment functionality, status badges, progress bars,
+and real-time payment tracking components.
+"""
+
+from django import template
+from django.utils.safestring import mark_safe
+from django.utils.html import format_html
+from django.db.models import Count, Sum, Q
+from decimal import Decimal
+import json
+
+register = template.Library()
+
+
+@register.simple_tag
+def payment_status_badge(payment):
+    """Render payment status badge with icon and color."""
+    status_config = {
+        'pending': {'color': 'yellow', 'icon': 'pending', 'animate': True},
+        'confirming': {'color': 'blue', 'icon': 'sync', 'animate': True},
+        'confirmed': {'color': 'green', 'icon': 'check_circle', 'animate': False},
+        'completed': {'color': 'green', 'icon': 'verified', 'animate': False},
+        'failed': {'color': 'red', 'icon': 'error', 'animate': False},
+        'expired': {'color': 'gray', 'icon': 'schedule', 'animate': False},
+        'cancelled': {'color': 'gray', 'icon': 'cancel', 'animate': False},
+        'refunded': {'color': 'purple', 'icon': 'undo', 'animate': False},
+    }
+    
+    config = status_config.get(payment.status, {'color': 'gray', 'icon': 'help', 'animate': False})
+    animate_class = 'animate-pulse' if config['animate'] else ''
+    
+    return format_html(
+        '<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-{}-100 text-{}-800 dark:bg-{}-900 dark:text-{}-200">'
+        '<span class="material-icons text-sm mr-1 {}">{}</span>'
+        '<span class="status-text">{}</span>'
+        '</span>',
+        config['color'], config['color'], config['color'], config['color'],
+        animate_class,
+        config['icon'],
+        payment.get_status_display()
+    )
+
+
+@register.filter
+def payment_progress_percentage(payment):
+    """Calculate payment progress percentage."""
+    progress_map = {
+        'pending': 10,
+        'confirming': 40,
+        'confirmed': 70,
+        'completed': 100,
+        'failed': 0,
+        'expired': 0,
+        'cancelled': 0,
+        'refunded': 50,  # Partial progress for refunds
+    }
+    return progress_map.get(payment.status, 0)
+
+
+@register.filter
+def payment_progress_steps(payment):
+    """Get payment progress steps with status."""
+    steps = [
+        {'label': 'Created', 'key': 'created'},
+        {'label': 'Processing', 'key': 'processing'},
+        {'label': 'Confirming', 'key': 'confirming'},
+        {'label': 'Completed', 'key': 'completed'},
+    ]
+    
+    status_order = ['pending', 'confirming', 'confirmed', 'completed']
+    current_index = status_order.index(payment.status) if payment.status in status_order else -1
+    
+    for i, step in enumerate(steps):
+        step['completed'] = i < current_index
+        step['active'] = i == current_index
+    
+    return steps
+
+
+@register.inclusion_tag('payments/components/payment_card.html')
+def payment_card(payment, show_actions=True, compact=False):
+    """Render payment card component."""
+    return {
+        'payment': payment,
+        'show_actions': show_actions,
+        'compact': compact
+    }
+
+
+@register.inclusion_tag('payments/components/status_badge.html')
+def render_payment_status(payment):
+    """Render payment status badge component."""
+    return {'payment': payment}
+
+
+@register.inclusion_tag('payments/components/progress_bar.html')
+def payment_progress_bar(payment):
+    """Render payment progress bar component."""
+    return {
+        'payment': payment,
+        'percentage': payment_progress_percentage(payment),
+        'steps': payment_progress_steps(payment)
+    }
+
+
+@register.inclusion_tag('payments/components/payment_tracker.html', takes_context=True)
+def payment_tracker(context, payment_id):
+    """Render real-time payment tracker."""
+    try:
+        from ..models import UniversalPayment
+        payment = UniversalPayment.objects.get(id=payment_id)
+        return {
+            'payment': payment,
+            'request': context.get('request'),
+            'user': context.get('user'),
+            'websocket_url': f"/ws/payments/{payment_id}/"
+        }
+    except UniversalPayment.DoesNotExist:
+        return {'payment': None}
+
+
+@register.simple_tag
+def payment_websocket_url(payment_id):
+    """Get WebSocket URL for real-time payment updates."""
+    return f"/ws/payments/{payment_id}/"
+
+
+@register.filter
+def format_crypto_amount(amount, currency_code):
+    """Format cryptocurrency amount with proper decimals."""
+    if not amount:
+        return "0"
+    
+    # Different currencies have different decimal places
+    decimal_places = {
+        'BTC': 8,
+        'ETH': 6,
+        'LTC': 8,
+        'USDT': 6,
+        'USDC': 6,
+        'USD': 2,
+        'EUR': 2,
+    }
+    
+    places = decimal_places.get(currency_code.upper(), 6)
+    formatted = f"{float(amount):.{places}f}".rstrip('0').rstrip('.')
+    return formatted if formatted else "0"
+
+
+@register.simple_tag
+def get_payment_stats():
+    """Get payment statistics for dashboard."""
+    try:
+        from ..models import UniversalPayment
+        
+        stats = UniversalPayment.objects.aggregate(
+            total_count=Count('id'),
+            pending_count=Count('id', filter=Q(status='pending')),
+            confirming_count=Count('id', filter=Q(status='confirming')),
+            completed_count=Count('id', filter=Q(status='completed')),
+            failed_count=Count('id', filter=Q(status='failed')),
+            total_volume=Sum('amount_usd')
+        )
+        
+        return {
+            'total_payments_count': stats['total_count'] or 0,
+            'pending_payments_count': stats['pending_count'] or 0,
+            'confirming_payments_count': stats['confirming_count'] or 0,
+            'completed_payments_count': stats['completed_count'] or 0,
+            'failed_payments_count': stats['failed_count'] or 0,
+            'total_volume': float(stats['total_volume'] or 0),
+        }
+    except Exception:
+        # Return default values if there's any error
+        return {
+            'total_payments_count': 0,
+            'pending_payments_count': 0,
+            'confirming_payments_count': 0,
+            'completed_payments_count': 0,
+            'failed_payments_count': 0,
+            'total_volume': 0.0,
+        }
+
+
+@register.inclusion_tag('payments/components/provider_stats.html')
+def provider_statistics():
+    """Render provider statistics."""
+    try:
+        from ..models import UniversalPayment
+        from django.db.models import Avg
+        
+        stats = UniversalPayment.objects.values('provider').annotate(
+            count=Count('id'),
+            volume=Sum('amount_usd'),
+            avg_amount=Avg('amount_usd'),
+            completed_count=Count('id', filter=Q(status='completed')),
+        ).order_by('-volume')
+        
+        # Calculate success rate
+        for stat in stats:
+            if stat['count'] > 0:
+                stat['success_rate'] = (stat['completed_count'] / stat['count']) * 100
+            else:
+                stat['success_rate'] = 0
+        
+        return {'provider_stats': stats}
+    except Exception:
+        return {'provider_stats': []}
+
+
+@register.simple_tag
+def payment_status_distribution():
+    """Get payment status distribution for charts."""
+    try:
+        from ..models import UniversalPayment
+        
+        distribution = UniversalPayment.objects.values('status').annotate(
+            count=Count('id')
+        ).order_by('-count')
+        
+        return {item['status']: item['count'] for item in distribution}
+    except Exception:
+        return {}
+
+
+@register.filter
+def provider_display_name(provider_key):
+    """Get display name for provider."""
+    provider_names = {
+        'nowpayments': 'NowPayments',
+        'cryptapi': 'CryptAPI',
+        'cryptomus': 'Cryptomus',
+        'stripe': 'Stripe',
+        'internal': 'Internal',
+    }
+    return provider_names.get(provider_key, provider_key.title())
+
+
+@register.filter
+def payment_method_icon(provider):
+    """Get icon for payment method."""
+    icons = {
+        'nowpayments': 'currency_bitcoin',
+        'cryptapi': 'currency_bitcoin',
+        'cryptomus': 'currency_bitcoin',
+        'stripe': 'credit_card',
+        'internal': 'account_balance',
+    }
+    return icons.get(provider, 'payment')
+
+
+@register.simple_tag
+def payment_json_data(payment):
+    """Convert payment to JSON for JavaScript use."""
+    try:
+        data = {
+            'id': str(payment.id),
+            'status': payment.status,
+            'amount_usd': float(payment.amount_usd),
+            'currency_code': payment.currency_code,
+            'provider': payment.provider,
+            'created_at': payment.created_at.isoformat(),
+            'progress_percentage': payment_progress_percentage(payment),
+        }
+        return mark_safe(json.dumps(data))
+    except Exception:
+        return mark_safe('{}')
+
+
+@register.filter
+def time_since_created(payment):
+    """Get human-readable time since payment was created."""
+    from django.utils import timezone
+    from django.utils.timesince import timesince
+    
+    if payment.created_at:
+        return timesince(payment.created_at, timezone.now())
+    return "Unknown"
+
+
+@register.filter
+def is_crypto_payment(payment):
+    """Check if payment is cryptocurrency-based."""
+    crypto_providers = ['nowpayments', 'cryptapi', 'cryptomus']
+    return payment.provider in crypto_providers
+
+
+@register.filter
+def can_cancel_payment(payment):
+    """Check if payment can be cancelled."""
+    cancellable_statuses = ['pending', 'confirming']
+    return payment.status in cancellable_statuses
+
+
+@register.filter
+def payment_qr_code_data(payment):
+    """Get QR code data for payment."""
+    if hasattr(payment, 'pay_address') and payment.pay_address:
+        # For crypto payments, use address:amount format
+        if payment.pay_amount:
+            return f"{payment.pay_address}?amount={payment.pay_amount}"
+        return payment.pay_address
+    return None
+
+
+@register.inclusion_tag('payments/components/payment_qr_code.html')
+def payment_qr_code(payment):
+    """Render QR code for payment."""
+    return {
+        'payment': payment,
+        'qr_data': payment_qr_code_data(payment)
+    }