django-cfg 1.3.3__py3-none-any.whl → 1.3.5__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. django_cfg/__init__.py +1 -1
  2. django_cfg/apps/payments/admin_interface/old/payments/base.html +175 -0
  3. django_cfg/apps/payments/admin_interface/old/payments/components/dev_tool_card.html +125 -0
  4. django_cfg/apps/payments/admin_interface/old/payments/components/ngrok_status_card.html +113 -0
  5. django_cfg/apps/payments/admin_interface/old/payments/components/status_card.html +35 -0
  6. django_cfg/apps/payments/admin_interface/old/payments/payment_dashboard.html +309 -0
  7. django_cfg/apps/payments/admin_interface/old/payments/payment_form.html +303 -0
  8. django_cfg/apps/payments/admin_interface/old/payments/payment_list.html +382 -0
  9. django_cfg/apps/payments/admin_interface/old/payments/webhook_dashboard.html +518 -0
  10. django_cfg/apps/payments/{static → admin_interface/old/static}/payments/css/components.css +248 -9
  11. django_cfg/apps/payments/admin_interface/old/static/payments/js/ngrok-status.js +163 -0
  12. django_cfg/apps/payments/admin_interface/serializers/__init__.py +39 -0
  13. django_cfg/apps/payments/admin_interface/serializers/payment_serializers.py +149 -0
  14. django_cfg/apps/payments/admin_interface/serializers/webhook_serializers.py +114 -0
  15. django_cfg/apps/payments/admin_interface/templates/payments/base.html +55 -90
  16. django_cfg/apps/payments/admin_interface/templates/payments/components/dialog.html +81 -0
  17. django_cfg/apps/payments/admin_interface/templates/payments/components/ngrok_help_dialog.html +112 -0
  18. django_cfg/apps/payments/admin_interface/templates/payments/components/ngrok_status.html +175 -0
  19. django_cfg/apps/payments/admin_interface/templates/payments/components/status_card.html +21 -17
  20. django_cfg/apps/payments/admin_interface/templates/payments/payment_dashboard.html +123 -250
  21. django_cfg/apps/payments/admin_interface/templates/payments/payment_form.html +170 -269
  22. django_cfg/apps/payments/admin_interface/templates/payments/payment_list.html +152 -355
  23. django_cfg/apps/payments/admin_interface/templates/payments/webhook_dashboard.html +202 -551
  24. django_cfg/apps/payments/admin_interface/views/__init__.py +25 -14
  25. django_cfg/apps/payments/admin_interface/views/api/__init__.py +20 -0
  26. django_cfg/apps/payments/admin_interface/views/api/payments.py +191 -0
  27. django_cfg/apps/payments/admin_interface/views/api/stats.py +206 -0
  28. django_cfg/apps/payments/admin_interface/views/api/users.py +60 -0
  29. django_cfg/apps/payments/admin_interface/views/api/webhook_admin.py +257 -0
  30. django_cfg/apps/payments/admin_interface/views/api/webhook_public.py +70 -0
  31. django_cfg/apps/payments/admin_interface/views/base.py +114 -0
  32. django_cfg/apps/payments/admin_interface/views/dashboard.py +60 -0
  33. django_cfg/apps/payments/admin_interface/views/forms.py +94 -0
  34. django_cfg/apps/payments/config/helpers.py +2 -2
  35. django_cfg/apps/payments/management/commands/cleanup_expired_data.py +16 -6
  36. django_cfg/apps/payments/management/commands/currency_stats.py +72 -5
  37. django_cfg/apps/payments/management/commands/manage_currencies.py +9 -20
  38. django_cfg/apps/payments/management/commands/manage_providers.py +5 -5
  39. django_cfg/apps/payments/middleware/api_access.py +35 -34
  40. django_cfg/apps/payments/migrations/0001_initial.py +1 -1
  41. django_cfg/apps/payments/models/managers/api_key_managers.py +4 -0
  42. django_cfg/apps/payments/models/managers/payment_managers.py +5 -0
  43. django_cfg/apps/payments/models/subscriptions.py +0 -24
  44. django_cfg/apps/payments/services/cache/__init__.py +1 -1
  45. django_cfg/apps/payments/services/core/balance_service.py +13 -2
  46. django_cfg/apps/payments/services/integrations/ngrok_service.py +3 -3
  47. django_cfg/apps/payments/services/providers/registry.py +20 -0
  48. django_cfg/apps/payments/signals/balance_signals.py +7 -4
  49. django_cfg/apps/payments/static/payments/js/api-client.js +385 -0
  50. django_cfg/apps/payments/static/payments/js/ngrok-status.js +58 -0
  51. django_cfg/apps/payments/static/payments/js/payment-dashboard.js +50 -0
  52. django_cfg/apps/payments/static/payments/js/payment-form.js +175 -0
  53. django_cfg/apps/payments/static/payments/js/payment-list.js +95 -0
  54. django_cfg/apps/payments/static/payments/js/webhook-dashboard.js +154 -0
  55. django_cfg/apps/payments/urls.py +4 -0
  56. django_cfg/apps/payments/urls_admin.py +37 -18
  57. django_cfg/apps/payments/views/api/api_keys.py +14 -0
  58. django_cfg/apps/payments/views/api/base.py +1 -0
  59. django_cfg/apps/payments/views/api/currencies.py +2 -2
  60. django_cfg/apps/payments/views/api/payments.py +11 -5
  61. django_cfg/apps/payments/views/api/subscriptions.py +36 -31
  62. django_cfg/apps/payments/views/overview/__init__.py +40 -0
  63. django_cfg/apps/payments/views/overview/serializers.py +205 -0
  64. django_cfg/apps/payments/views/overview/services.py +439 -0
  65. django_cfg/apps/payments/views/overview/urls.py +27 -0
  66. django_cfg/apps/payments/views/overview/views.py +231 -0
  67. django_cfg/apps/payments/views/serializers/api_keys.py +20 -6
  68. django_cfg/apps/payments/views/serializers/balances.py +5 -8
  69. django_cfg/apps/payments/views/serializers/currencies.py +2 -6
  70. django_cfg/apps/payments/views/serializers/payments.py +37 -32
  71. django_cfg/apps/payments/views/serializers/subscriptions.py +4 -26
  72. django_cfg/apps/urls.py +2 -1
  73. django_cfg/core/config.py +25 -15
  74. django_cfg/core/generation.py +12 -12
  75. django_cfg/core/integration/display/startup.py +1 -1
  76. django_cfg/core/validation.py +4 -4
  77. django_cfg/management/commands/show_config.py +2 -2
  78. django_cfg/management/commands/tree.py +1 -3
  79. django_cfg/middleware/__init__.py +2 -0
  80. django_cfg/middleware/static_nocache.py +55 -0
  81. django_cfg/models/payments.py +13 -15
  82. django_cfg/models/security.py +15 -0
  83. django_cfg/modules/django_ngrok.py +6 -0
  84. django_cfg/modules/django_unfold/dashboard.py +1 -3
  85. django_cfg/utils/smart_defaults.py +41 -1
  86. {django_cfg-1.3.3.dist-info → django_cfg-1.3.5.dist-info}/METADATA +1 -1
  87. {django_cfg-1.3.3.dist-info → django_cfg-1.3.5.dist-info}/RECORD +98 -65
  88. django_cfg/apps/payments/admin_interface/templates/payments/components/dev_tool_card.html +0 -38
  89. django_cfg/apps/payments/admin_interface/views/payment_views.py +0 -259
  90. django_cfg/apps/payments/admin_interface/views/webhook_dashboard.py +0 -37
  91. /django_cfg/apps/payments/admin_interface/{templates → old}/payments/components/loading_spinner.html +0 -0
  92. /django_cfg/apps/payments/admin_interface/{templates → old}/payments/components/notification.html +0 -0
  93. /django_cfg/apps/payments/admin_interface/{templates → old}/payments/components/provider_card.html +0 -0
  94. /django_cfg/apps/payments/admin_interface/{templates → old}/payments/currency_converter.html +0 -0
  95. /django_cfg/apps/payments/admin_interface/{templates → old}/payments/payment_status.html +0 -0
  96. /django_cfg/apps/payments/{static → admin_interface/old/static}/payments/css/dashboard.css +0 -0
  97. /django_cfg/apps/payments/{static → admin_interface/old/static}/payments/js/components.js +0 -0
  98. /django_cfg/apps/payments/{static → admin_interface/old/static}/payments/js/utils.js +0 -0
  99. {django_cfg-1.3.3.dist-info → django_cfg-1.3.5.dist-info}/WHEEL +0 -0
  100. {django_cfg-1.3.3.dist-info → django_cfg-1.3.5.dist-info}/entry_points.txt +0 -0
  101. {django_cfg-1.3.3.dist-info → django_cfg-1.3.5.dist-info}/licenses/LICENSE +0 -0
django_cfg/__init__.py CHANGED
@@ -32,7 +32,7 @@ Example:
32
32
  default_app_config = "django_cfg.apps.DjangoCfgConfig"
33
33
 
34
34
  # Version information
35
- __version__ = "1.3.3"
35
+ __version__ = "1.3.5"
36
36
  __license__ = "MIT"
37
37
 
38
38
  # Import registry for organized lazy loading
@@ -0,0 +1,175 @@
1
+ {% load static %}
2
+ <!DOCTYPE html>
3
+ <html lang="en" class="h-full">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>{% block title %}Universal Payment System v2.0{% endblock %}</title>
8
+
9
+ <!-- Material Icons -->
10
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
11
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
12
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
13
+
14
+ <!-- Tailwind CSS -->
15
+ <script src="https://cdn.tailwindcss.com"></script>
16
+
17
+
18
+ <!-- Chart.js for statistics -->
19
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
20
+
21
+ <!-- Custom CSS -->
22
+ <link rel="stylesheet" href="{% static 'payments/css/dashboard.css' %}">
23
+ <link rel="stylesheet" href="{% static 'payments/css/components.css' %}">
24
+
25
+ <!-- Custom styles -->
26
+ <style>
27
+ [x-cloak] { display: none !important; }
28
+
29
+ /* Custom scrollbar */
30
+ .custom-scrollbar::-webkit-scrollbar {
31
+ width: 6px;
32
+ }
33
+ .custom-scrollbar::-webkit-scrollbar-track {
34
+ background: #f1f5f9;
35
+ }
36
+ .custom-scrollbar::-webkit-scrollbar-thumb {
37
+ background: #cbd5e1;
38
+ border-radius: 3px;
39
+ }
40
+ .custom-scrollbar::-webkit-scrollbar-thumb:hover {
41
+ background: #94a3b8;
42
+ }
43
+
44
+ /* Dark mode scrollbar */
45
+ .dark .custom-scrollbar::-webkit-scrollbar-track {
46
+ background: #1e293b;
47
+ }
48
+ .dark .custom-scrollbar::-webkit-scrollbar-thumb {
49
+ background: #475569;
50
+ }
51
+ .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
52
+ background: #64748b;
53
+ }
54
+ </style>
55
+
56
+ {% block extra_head %}{% endblock %}
57
+ </head>
58
+ <body class="h-full bg-gray-50 dark:bg-gray-900" x-data="{ darkMode: localStorage.getItem('darkMode') === 'true', mobileMenuOpen: false }"
59
+ x-init="$watch('darkMode', val => localStorage.setItem('darkMode', val))"
60
+ :class="{ 'dark': darkMode }"
61
+ @click.away="mobileMenuOpen = false">
62
+
63
+ <!-- Navigation -->
64
+ <nav class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
65
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
66
+ <div class="flex justify-between items-center h-16">
67
+ <!-- Logo and title -->
68
+ <div class="flex items-center">
69
+ <div class="flex-shrink-0 flex items-center">
70
+ <span class="material-icons-round text-blue-600 mr-2 text-2xl">payment</span>
71
+ <h1 class="text-xl font-bold text-gray-900 dark:text-white">
72
+ Universal Payment System v2.0
73
+ </h1>
74
+ </div>
75
+ </div>
76
+
77
+ <!-- Navigation links -->
78
+ <div class="hidden md:block">
79
+ <div class="ml-10 flex items-baseline space-x-4">
80
+ <a href="{% url 'cfg_payments_admin:webhook-dashboard' %}"
81
+ class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center transition-colors">
82
+ <span class="material-icons-outlined mr-1 text-sm">webhook</span>
83
+ <span class="hidden lg:inline">Webhooks</span>
84
+ <span class="lg:hidden">Hooks</span>
85
+ </a>
86
+ <a href="{% url 'cfg_payments_admin:payment-list' %}"
87
+ class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center transition-colors">
88
+ <span class="material-icons-outlined mr-1 text-sm">payments</span>
89
+ Payments
90
+ </a>
91
+ <a href="{% url 'admin:payments_universalpayment_changelist' %}"
92
+ class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center transition-colors">
93
+ <span class="material-icons-outlined mr-1 text-sm">admin_panel_settings</span>
94
+ <span class="hidden lg:inline">Admin</span>
95
+ </a>
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Mobile menu button -->
100
+ <div class="md:hidden">
101
+ <button @click="mobileMenuOpen = !mobileMenuOpen"
102
+ class="p-2 rounded-md text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
103
+ <span x-show="!mobileMenuOpen" class="material-icons-outlined">menu</span>
104
+ <span x-show="mobileMenuOpen" class="material-icons-outlined">close</span>
105
+ </button>
106
+ </div>
107
+
108
+ <!-- Dark mode toggle -->
109
+ <div class="flex items-center space-x-4">
110
+ <button @click="darkMode = !darkMode"
111
+ class="p-2 rounded-md text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
112
+ <span x-show="!darkMode" class="material-icons-outlined">dark_mode</span>
113
+ <span x-show="darkMode" class="material-icons-outlined">light_mode</span>
114
+ </button>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ </nav>
119
+
120
+ <!-- Main content -->
121
+ <main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
122
+ <!-- Page header -->
123
+ {% block header %}
124
+ <div class="mb-8">
125
+ <h2 class="text-2xl font-bold text-gray-900 dark:text-white">
126
+ {% block page_title %}Dashboard{% endblock %}
127
+ </h2>
128
+ {% block page_subtitle %}
129
+ <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
130
+ Monitor and manage your payment system
131
+ </p>
132
+ {% endblock %}
133
+ </div>
134
+ {% endblock %}
135
+
136
+ <!-- Messages -->
137
+ {% if messages %}
138
+ <div class="mb-6 space-y-2">
139
+ {% for message in messages %}
140
+ <div class="rounded-md p-4 {% if message.tags == 'error' %}bg-red-50 text-red-800 border border-red-200{% elif message.tags == 'warning' %}bg-yellow-50 text-yellow-800 border border-yellow-200{% elif message.tags == 'success' %}bg-green-50 text-green-800 border border-green-200{% else %}bg-blue-50 text-blue-800 border border-blue-200{% endif %}">
141
+ {{ message }}
142
+ </div>
143
+ {% endfor %}
144
+ </div>
145
+ {% endif %}
146
+
147
+ <!-- Page content -->
148
+ {% block content %}{% endblock %}
149
+ </main>
150
+
151
+ <!-- Footer -->
152
+ <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12">
153
+ <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8">
154
+ <div class="flex justify-between items-center text-sm text-gray-600 dark:text-gray-400">
155
+ <div>
156
+ Universal Payment System v2.0 - Built with Django-CFG
157
+ </div>
158
+ <div>
159
+ {% now "Y-m-d H:i:s" %} UTC
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </footer>
164
+
165
+ <!-- Custom JavaScript -->
166
+ <script src="{% static 'payments/js/utils.js' %}"></script>
167
+ <script src="{% static 'payments/js/components.js' %}"></script>
168
+ <script src="{% static 'payments/js/ngrok-status.js' %}"></script>
169
+
170
+ <!-- Alpine.js for interactivity (loaded after our components) -->
171
+ <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
172
+
173
+ {% block extra_js %}{% endblock %}
174
+ </body>
175
+ </html>
@@ -0,0 +1,125 @@
1
+ {% comment %}
2
+ Development Tools Card Component
3
+
4
+ Provides quick access to development and debugging tools
5
+ {% endcomment %}
6
+
7
+ <div class="payment-card">
8
+ <div class="payment-card-header">
9
+ <h3 class="font-medium text-gray-900 dark:text-white flex items-center">
10
+ <span class="material-icons-outlined mr-2">build</span>
11
+ Development Tools
12
+ </h3>
13
+ <span class="text-xs text-gray-500 dark:text-gray-400">Debug & Test</span>
14
+ </div>
15
+ <div class="payment-card-content">
16
+ <div class="grid grid-cols-1 gap-3">
17
+ <!-- Test Payment -->
18
+ <a href="{% url 'cfg_payments_admin:payment-create' %}?test=1"
19
+ class="flex items-center p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors">
20
+ <span class="material-icons-outlined text-blue-600 dark:text-blue-400 mr-3">science</span>
21
+ <div class="flex-1">
22
+ <div class="text-sm font-medium text-gray-900 dark:text-white">Test Payment</div>
23
+ <div class="text-xs text-gray-500 dark:text-gray-400">Create test payment</div>
24
+ </div>
25
+ <span class="material-icons-outlined text-gray-400 text-sm">arrow_forward</span>
26
+ </a>
27
+
28
+ <!-- Webhook Tester -->
29
+ <a href="{% url 'cfg_payments_admin:webhook-dashboard' %}#test"
30
+ class="flex items-center p-3 bg-purple-50 dark:bg-purple-900/20 rounded-lg hover:bg-purple-100 dark:hover:bg-purple-900/30 transition-colors">
31
+ <span class="material-icons-outlined text-purple-600 dark:text-purple-400 mr-3">webhook</span>
32
+ <div class="flex-1">
33
+ <div class="text-sm font-medium text-gray-900 dark:text-white">Webhook Tester</div>
34
+ <div class="text-xs text-gray-500 dark:text-gray-400">Test webhook endpoints</div>
35
+ </div>
36
+ <span class="material-icons-outlined text-gray-400 text-sm">arrow_forward</span>
37
+ </a>
38
+
39
+ <!-- API Explorer -->
40
+ <a href="/api/schema/swagger-ui/" target="_blank"
41
+ class="flex items-center p-3 bg-green-50 dark:bg-green-900/20 rounded-lg hover:bg-green-100 dark:hover:bg-green-900/30 transition-colors">
42
+ <span class="material-icons-outlined text-green-600 dark:text-green-400 mr-3">api</span>
43
+ <div class="flex-1">
44
+ <div class="text-sm font-medium text-gray-900 dark:text-white">API Explorer</div>
45
+ <div class="text-xs text-gray-500 dark:text-gray-400">Swagger UI documentation</div>
46
+ </div>
47
+ <span class="material-icons-outlined text-gray-400 text-sm">open_in_new</span>
48
+ </a>
49
+
50
+ <!-- Database Admin -->
51
+ <a href="{% url 'admin:payments_universalpayment_changelist' %}" target="_blank"
52
+ class="flex items-center p-3 bg-orange-50 dark:bg-orange-900/20 rounded-lg hover:bg-orange-100 dark:hover:bg-orange-900/30 transition-colors">
53
+ <span class="material-icons-outlined text-orange-600 dark:text-orange-400 mr-3">storage</span>
54
+ <div class="flex-1">
55
+ <div class="text-sm font-medium text-gray-900 dark:text-white">Database Admin</div>
56
+ <div class="text-xs text-gray-500 dark:text-gray-400">Django admin interface</div>
57
+ </div>
58
+ <span class="material-icons-outlined text-gray-400 text-sm">open_in_new</span>
59
+ </a>
60
+
61
+ <!-- Logs Viewer -->
62
+ <button onclick="showLogsModal()"
63
+ class="flex items-center p-3 bg-gray-50 dark:bg-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors w-full text-left">
64
+ <span class="material-icons-outlined text-gray-600 dark:text-gray-400 mr-3">description</span>
65
+ <div class="flex-1">
66
+ <div class="text-sm font-medium text-gray-900 dark:text-white">View Logs</div>
67
+ <div class="text-xs text-gray-500 dark:text-gray-400">Application logs</div>
68
+ </div>
69
+ <span class="material-icons-outlined text-gray-400 text-sm">visibility</span>
70
+ </button>
71
+
72
+ <!-- Clear Cache -->
73
+ <button onclick="clearCache()"
74
+ class="flex items-center p-3 bg-red-50 dark:bg-red-900/20 rounded-lg hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors w-full text-left">
75
+ <span class="material-icons-outlined text-red-600 dark:text-red-400 mr-3">clear_all</span>
76
+ <div class="flex-1">
77
+ <div class="text-sm font-medium text-gray-900 dark:text-white">Clear Cache</div>
78
+ <div class="text-xs text-gray-500 dark:text-gray-400">Reset application cache</div>
79
+ </div>
80
+ <span class="material-icons-outlined text-gray-400 text-sm">refresh</span>
81
+ </button>
82
+ </div>
83
+
84
+ <!-- Development Status -->
85
+ <div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-600">
86
+ <div class="flex items-center justify-between text-xs">
87
+ <span class="text-gray-500 dark:text-gray-400">Environment:</span>
88
+ <span class="font-medium text-yellow-600 dark:text-yellow-400 bg-yellow-100 dark:bg-yellow-900/20 px-2 py-1 rounded">
89
+ {% if settings.DEBUG %}Development{% else %}Production{% endif %}
90
+ </span>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ <script>
97
+ function showLogsModal() {
98
+ // This would typically open a modal with recent logs
99
+ alert('Logs viewer would open here. Implement backend endpoint for logs.');
100
+ }
101
+
102
+ function clearCache() {
103
+ if (confirm('Are you sure you want to clear the application cache?')) {
104
+ // This would typically call a backend endpoint to clear cache
105
+ fetch('/admin/payments/clear-cache/', {
106
+ method: 'POST',
107
+ headers: {
108
+ 'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]')?.value || '',
109
+ 'Content-Type': 'application/json'
110
+ }
111
+ })
112
+ .then(response => response.json())
113
+ .then(data => {
114
+ if (data.success) {
115
+ alert('Cache cleared successfully!');
116
+ } else {
117
+ alert('Failed to clear cache: ' + data.error);
118
+ }
119
+ })
120
+ .catch(error => {
121
+ alert('Cache clear functionality requires backend implementation.');
122
+ });
123
+ }
124
+ }
125
+ </script>
@@ -0,0 +1,113 @@
1
+ {% comment %}
2
+ Ngrok Status Card Component
3
+
4
+ Displays ngrok tunnel status with real-time updates
5
+ {% endcomment %}
6
+
7
+ <div class="payment-card" x-data="(window.ngrokStatus || window.PaymentSystem?.Components?.ngrokStatus)()" x-init="init()">
8
+ <div class="payment-card-header">
9
+ <h3 class="font-medium text-gray-900 dark:text-white flex items-center">
10
+ <span class="material-icons-outlined mr-2">language</span>
11
+ Ngrok Tunnel
12
+ </h3>
13
+ <button @click="refreshStatus()"
14
+ class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 flex items-center">
15
+ <span class="material-icons-outlined text-sm" :class="{ 'animate-spin': refreshing }">refresh</span>
16
+ </button>
17
+ </div>
18
+ <div class="payment-card-content">
19
+ <div class="space-y-4">
20
+ <!-- Tunnel Status -->
21
+ <div class="flex items-center justify-between">
22
+ <div class="flex items-center space-x-2">
23
+ <span class="status-indicator" :class="{
24
+ 'status-active': status.active,
25
+ 'status-inactive': !status.active
26
+ }"></span>
27
+ <span class="text-sm text-gray-900 dark:text-white">Tunnel Status</span>
28
+ </div>
29
+ <span class="text-xs font-medium" :class="{
30
+ 'text-green-600 dark:text-green-400': status.active,
31
+ 'text-red-600 dark:text-red-400': !status.active
32
+ }" x-text="status.active ? 'Active' : 'Inactive'">Checking...</span>
33
+ </div>
34
+
35
+ <!-- Public URL -->
36
+ <div x-show="status.active && status.public_url" class="space-y-2">
37
+ <div class="flex items-center justify-between">
38
+ <span class="text-sm text-gray-700 dark:text-gray-300">Public URL:</span>
39
+ <button @click="copyUrl()"
40
+ class="btn-icon text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
41
+ title="Copy URL">
42
+ <span class="material-icons-outlined text-sm">content_copy</span>
43
+ </button>
44
+ </div>
45
+ <div class="code-block text-xs break-all" x-text="status.public_url">
46
+ Loading...
47
+ </div>
48
+ </div>
49
+
50
+ <!-- Webhook URL -->
51
+ <div x-show="status.active && status.webhook_url" class="space-y-2">
52
+ <div class="flex items-center justify-between">
53
+ <span class="text-sm text-gray-700 dark:text-gray-300">Webhook URL:</span>
54
+ <button @click="copyWebhookUrl()"
55
+ class="btn-icon text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
56
+ title="Copy Webhook URL">
57
+ <span class="material-icons-outlined text-sm">content_copy</span>
58
+ </button>
59
+ </div>
60
+ <div class="code-block text-xs break-all" x-text="status.webhook_url">
61
+ Loading...
62
+ </div>
63
+ </div>
64
+
65
+ <!-- Connection Info -->
66
+ <div x-show="status.active" class="grid grid-cols-2 gap-4 text-xs">
67
+ <div>
68
+ <span class="text-gray-500 dark:text-gray-400">Region:</span>
69
+ <span class="text-gray-900 dark:text-white ml-1" x-text="status.region || 'us'">us</span>
70
+ </div>
71
+ <div>
72
+ <span class="text-gray-500 dark:text-gray-400">Protocol:</span>
73
+ <span class="text-gray-900 dark:text-white ml-1" x-text="status.proto || 'https'">https</span>
74
+ </div>
75
+ </div>
76
+
77
+ <!-- Error Message -->
78
+ <div x-show="!status.active && status.error" class="text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded">
79
+ <span class="material-icons-outlined mr-1 text-sm">error</span>
80
+ <span x-text="status.error">Connection failed</span>
81
+ </div>
82
+ </div>
83
+
84
+ <!-- Actions -->
85
+ <div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-600">
86
+ <div class="flex space-x-2">
87
+ <button @click="startTunnel()"
88
+ x-show="!status.active"
89
+ class="flex-1 btn btn-primary text-xs py-2">
90
+ <span class="material-icons-outlined mr-1 text-sm">play_arrow</span>
91
+ Start Tunnel
92
+ </button>
93
+ <button @click="stopTunnel()"
94
+ x-show="status.active"
95
+ class="flex-1 btn btn-danger text-xs py-2">
96
+ <span class="material-icons-outlined mr-1 text-sm">stop</span>
97
+ Stop Tunnel
98
+ </button>
99
+ <a href="#" @click.prevent="openInBrowser()"
100
+ x-show="status.active && status.public_url"
101
+ class="flex-1 btn btn-outline text-xs py-2 text-center">
102
+ <span class="material-icons-outlined mr-1 text-sm">open_in_new</span>
103
+ Open
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+
110
+ {% comment %}
111
+ JavaScript for this component is loaded from:
112
+ {% load static %}{% static 'payments/js/ngrok-status.js' %}
113
+ {% endcomment %}
@@ -0,0 +1,35 @@
1
+ {% comment %}
2
+ Status Card Component with Material Icons
3
+
4
+ Usage:
5
+ {% include 'payments/components/status_card.html' with title="Ngrok Status" value="Active" icon="language" color_class="text-green-600" description="Tunnel URL available" %}
6
+
7
+ Available icons: Material Icons names (e.g., "language", "payment", "check_circle", "error", "warning")
8
+ {% endcomment %}
9
+
10
+ <div class="status-card status-card-{{ icon_bg_color|default:'blue' }}">
11
+ <div class="status-card-content">
12
+ <div class="status-card-icon">
13
+ <span class="material-icons-outlined">{{ icon|default:'analytics' }}</span>
14
+ </div>
15
+ <div class="status-card-info">
16
+ <h3 class="status-card-title">{{ title }}</h3>
17
+ <div class="status-card-value">
18
+ {{ value }}
19
+ {% if status_icon %}
20
+ <span class="material-icons-outlined status-icon">{{ status_icon }}</span>
21
+ {% endif %}
22
+ </div>
23
+ {% if description %}
24
+ <p class="status-card-description">{{ description }}</p>
25
+ {% endif %}
26
+ </div>
27
+ {% if action_url %}
28
+ <div class="status-card-action">
29
+ <a href="{{ action_url }}" class="status-card-action-btn">
30
+ <span class="material-icons-outlined">{{ action_icon|default:'open_in_new' }}</span>
31
+ </a>
32
+ </div>
33
+ {% endif %}
34
+ </div>
35
+ </div>