Hugging Face's logo

Spaces:
docto41
/
infra-auto
Running

App Files Community
docto41 commited on
Commit
3e12f87
·
verified ·
1 Parent(s): e2b34cd

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +232 -102
  2. prompts.txt +2 -1
index.html CHANGED
@@ -91,6 +91,97 @@
91
  height: 250px;
92
  width: 100%;
93
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  </style>
95
  </head>
96
  <body>
@@ -110,7 +201,7 @@
110
  </nav>
111
  <div class="flex items-center space-x-4">
112
  <div class="relative">
113
- <button class="p-2 rounded-full hover:bg-indigo-700 relative">
114
  <i class="fas fa-bell text-xl"></i>
115
  <span class="notification-badge">3</span>
116
  </button>
@@ -159,11 +250,11 @@
159
  </div>
160
  </div>
161
  <div class="mt-4 md:mt-0 flex space-x-3">
162
- <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200">
163
- <i class="fas fa-sync-alt mr-2"></i> Actualiser
164
  </button>
165
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
166
- <i class="fas fa-cog mr-2"></i> Configurer
167
  </button>
168
  </div>
169
  </div>
@@ -287,8 +378,8 @@
287
  <div class="flex justify-between items-center mb-6">
288
  <h3 class="text-2xl font-bold text-gray-800">Vue d'ensemble</h3>
289
  <div class="flex space-x-3">
290
- <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200">
291
- <i class="fas fa-sync-alt mr-2"></i> Actualiser
292
  </button>
293
  </div>
294
  </div>
@@ -313,7 +404,7 @@
313
  </div>
314
  <span class="text-sm font-medium">Configurer les emails</span>
315
  </button>
316
- <button class="flex flex-col items-center p-4 bg-gray-50 rounded-lg hover:bg-gray-100">
317
  <div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center mb-2">
318
  <i class="fas fa-shield-alt text-purple-600"></i>
319
  </div>
@@ -461,7 +552,11 @@
461
  </div>
462
  <div>
463
  <p class="font-medium">Analytics</p>
464
- <p class="text-sm text-gray-500">Connecté</p>
 
 
 
 
465
  </div>
466
  </div>
467
  </div>
@@ -472,8 +567,8 @@
472
  <div id="dns-settings" class="tab-content">
473
  <div class="flex justify-between items-center mb-6">
474
  <h3 class="text-2xl font-bold text-gray-800">Paramètres DNS</h3>
475
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
476
- <i class="fas fa-plus mr-2"></i> Ajouter un enregistrement
477
  </button>
478
  </div>
479
 
@@ -517,11 +612,11 @@
517
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">192.0.2.1</td>
518
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
519
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
520
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
521
- <i class="fas fa-edit"></i>
522
  </button>
523
- <button class="text-red-600 hover:text-red-900">
524
- <i class="fas fa-trash"></i>
525
  </button>
526
  </td>
527
  </tr>
@@ -531,11 +626,11 @@
531
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">example.com</td>
532
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
533
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
534
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
535
- <i class="fas fa-edit"></i>
536
  </button>
537
- <button class="text-red-600 hover:text-red-900">
538
- <i class="fas fa-trash"></i>
539
  </button>
540
  </td>
541
  </tr>
@@ -545,11 +640,11 @@
545
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">aspmx.l.google.com</td>
546
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
547
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
548
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
549
- <i class="fas fa-edit"></i>
550
  </button>
551
- <button class="text-red-600 hover:text-red-900">
552
- <i class="fas fa-trash"></i>
553
  </button>
554
  </td>
555
  </tr>
@@ -563,8 +658,8 @@
563
  <div id="subdomains" class="tab-content">
564
  <div class="flex justify-between items-center mb-6">
565
  <h3 class="text-2xl font-bold text-gray-800">Sous-domaines</h3>
566
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700" onclick="openSubdomainModal()">
567
- <i class="fas fa-plus mr-2"></i> Nouveau sous-domaine
568
  </button>
569
  </div>
570
 
@@ -595,11 +690,11 @@
595
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">example.com</td>
596
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
597
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
598
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
599
- <i class="fas fa-edit"></i>
600
  </button>
601
- <button class="text-red-600 hover:text-red-900">
602
- <i class="fas fa-trash"></i>
603
  </button>
604
  </td>
605
  </tr>
@@ -609,11 +704,11 @@
609
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">192.0.2.1</td>
610
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
611
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
612
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
613
- <i class="fas fa-edit"></i>
614
  </button>
615
- <button class="text-red-600 hover:text-red-900">
616
- <i class="fas fa-trash"></i>
617
  </button>
618
  </td>
619
  </tr>
@@ -623,11 +718,11 @@
623
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">ghs.google.com</td>
624
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
625
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
626
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
627
- <i class="fas fa-edit"></i>
628
  </button>
629
- <button class="text-red-600 hover:text-red-900">
630
- <i class="fas fa-trash"></i>
631
  </button>
632
  </td>
633
  </tr>
@@ -640,8 +735,8 @@
640
  <div id="redirects" class="tab-content">
641
  <div class="flex justify-between items-center mb-6">
642
  <h3 class="text-2xl font-bold text-gray-800">Redirections</h3>
643
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700" onclick="openRedirectModal()">
644
- <i class="fas fa-plus mr-2"></i> Nouvelle redirection
645
  </button>
646
  </div>
647
 
@@ -672,11 +767,11 @@
672
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">301 - Permanent</td>
673
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
674
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
675
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
676
- <i class="fas fa-edit"></i>
677
  </button>
678
- <button class="text-red-600 hover:text-red-900">
679
- <i class="fas fa-trash"></i>
680
  </button>
681
  </td>
682
  </tr>
@@ -686,11 +781,11 @@
686
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">302 - Temporaire</td>
687
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
688
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
689
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
690
- <i class="fas fa-edit"></i>
691
  </button>
692
- <button class="text-red-600 hover:text-red-900">
693
- <i class="fas fa-trash"></i>
694
  </button>
695
  </td>
696
  </tr>
@@ -703,8 +798,8 @@
703
  <div id="ssl-cert" class="tab-content">
704
  <div class="flex justify-between items-center mb-6">
705
  <h3 class="text-2xl font-bold text-gray-800">Certificat SSL</h3>
706
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
707
- <i class="fas fa-sync-alt mr-2"></i> Renouveler
708
  </button>
709
  </div>
710
 
@@ -780,8 +875,8 @@
780
  <option>3 derniers mois</option>
781
  <option>Cette année</option>
782
  </select>
783
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
784
- <i class="fas fa-download mr-2"></i> Exporter
785
  </button>
786
  </div>
787
  </div>
@@ -842,8 +937,8 @@
842
  <div id="backups" class="tab-content">
843
  <div class="flex justify-between items-center mb-6">
844
  <h3 class="text-2xl font-bold text-gray-800">Sauvegardes</h3>
845
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
846
- <i class="fas fa-plus mr-2"></i> Nouvelle sauvegarde
847
  </button>
848
  </div>
849
 
@@ -897,11 +992,11 @@
897
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.2 GB</td>
898
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
899
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
900
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
901
- <i class="fas fa-download"></i>
902
  </button>
903
- <button class="text-red-600 hover:text-red-900">
904
- <i class="fas fa-trash"></i>
905
  </button>
906
  </td>
907
  </tr>
@@ -911,11 +1006,11 @@
911
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.1 GB</td>
912
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
913
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
914
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
915
- <i class="fas fa-download"></i>
916
  </button>
917
- <button class="text-red-600 hover:text-red-900">
918
- <i class="fas fa-trash"></i>
919
  </button>
920
  </td>
921
  </tr>
@@ -925,11 +1020,11 @@
925
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.0 GB</td>
926
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
927
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
928
- <button class="text-indigo-600 hover:text-indigo-900 mr-3">
929
- <i class="fas fa-download"></i>
930
  </button>
931
- <button class="text-red-600 hover:text-red-900">
932
- <i class="fas fa-trash"></i>
933
  </button>
934
  </td>
935
  </tr>
@@ -991,11 +1086,11 @@
991
  </div>
992
 
993
  <div class="mt-6 flex justify-end space-x-3">
994
- <button onclick="closeSubdomainModal()" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200">
995
  Annuler
996
  </button>
997
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
998
- <i class="fas fa-plus mr-2"></i> Créer
999
  </button>
1000
  </div>
1001
  </div>
@@ -1042,11 +1137,67 @@
1042
  </div>
1043
 
1044
  <div class="mt-6 flex justify-end space-x-3">
1045
- <button onclick="closeRedirectModal()" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200">
1046
  Annuler
1047
  </button>
1048
- <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
1049
- <i class="fas fa-exchange-alt mr-2"></i> Créer
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1050
  </button>
1051
  </div>
1052
  </div>
@@ -1107,6 +1258,15 @@
1107
  document.getElementById('redirectModal').classList.add('hidden');
1108
  }
1109
 
 
 
 
 
 
 
 
 
 
1110
  // Initialize charts
1111
  function initCharts() {
1112
  // Traffic Chart
@@ -1173,35 +1333,5 @@
1173
  }
1174
 
1175
  // Page Views Chart
1176
- const pageViewsCtx = document.getElementById('pageViewsChart');
1177
- if (pageViewsCtx && !pageViewsCtx.chart) {
1178
- pageViewsCtx.chart = new Chart(pageViewsCtx, {
1179
- type: 'bar',
1180
- data: {
1181
- labels: ['Sem 1', 'Sem 2', 'Sem 3', 'Sem 4'],
1182
- datasets: [{
1183
- label: 'Pages vues',
1184
- data: [3200, 4100, 3700, 4800],
1185
- backgroundColor: '#ec4899'
1186
- }]
1187
- },
1188
- options: {
1189
- responsive: true,
1190
- maintainAspectRatio: false,
1191
- plugins: {
1192
- legend: {
1193
- display: false
1194
- }
1195
- },
1196
- scales: {
1197
- y: {
1198
- beginAtZero: true
1199
- }
1200
- }
1201
- }
1202
- });
1203
- }
1204
- }
1205
- </script>
1206
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/infra-auto" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1207
  </html>
 
91
  height: 250px;
92
  width: 100%;
93
  }
94
+
95
+ /* Styles pour les nouveaux boutons */
96
+ .btn {
97
+ display: inline-flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ padding: 0.5rem 1rem;
101
+ border-radius: 0.375rem;
102
+ font-weight: 500;
103
+ transition: all 0.2s ease;
104
+ cursor: pointer;
105
+ }
106
+
107
+ .btn-primary {
108
+ background-color: #4f46e5;
109
+ color: white;
110
+ border: 1px solid #4f46e5;
111
+ }
112
+
113
+ .btn-primary:hover {
114
+ background-color: #4338ca;
115
+ border-color: #4338ca;
116
+ }
117
+
118
+ .btn-secondary {
119
+ background-color: #e0e7ff;
120
+ color: #4f46e5;
121
+ border: 1px solid #c7d2fe;
122
+ }
123
+
124
+ .btn-secondary:hover {
125
+ background-color: #c7d2fe;
126
+ border-color: #a5b4fc;
127
+ }
128
+
129
+ .btn-danger {
130
+ background-color: #ef4444;
131
+ color: white;
132
+ border: 1px solid #ef4444;
133
+ }
134
+
135
+ .btn-danger:hover {
136
+ background-color: #dc2626;
137
+ border-color: #dc2626;
138
+ }
139
+
140
+ .btn-success {
141
+ background-color: #10b981;
142
+ color: white;
143
+ border: 1px solid #10b981;
144
+ }
145
+
146
+ .btn-success:hover {
147
+ background-color: #059669;
148
+ border-color: #059669;
149
+ }
150
+
151
+ .btn-warning {
152
+ background-color: #f59e0b;
153
+ color: white;
154
+ border: 1px solid #f59e0b;
155
+ }
156
+
157
+ .btn-warning:hover {
158
+ background-color: #d97706;
159
+ border-color: #d97706;
160
+ }
161
+
162
+ .btn-outline {
163
+ background-color: transparent;
164
+ color: #4f46e5;
165
+ border: 1px solid #4f46e5;
166
+ }
167
+
168
+ .btn-outline:hover {
169
+ background-color: #e0e7ff;
170
+ }
171
+
172
+ .btn-sm {
173
+ padding: 0.25rem 0.5rem;
174
+ font-size: 0.875rem;
175
+ }
176
+
177
+ .btn-lg {
178
+ padding: 0.75rem 1.5rem;
179
+ font-size: 1.125rem;
180
+ }
181
+
182
+ .btn-icon {
183
+ margin-right: 0.5rem;
184
+ }
185
  </style>
186
  </head>
187
  <body>
 
201
  </nav>
202
  <div class="flex items-center space-x-4">
203
  <div class="relative">
204
+ <button class="btn btn-outline !text-white !border-white hover:!bg-white/10 p-2 rounded-full relative">
205
  <i class="fas fa-bell text-xl"></i>
206
  <span class="notification-badge">3</span>
207
  </button>
 
250
  </div>
251
  </div>
252
  <div class="mt-4 md:mt-0 flex space-x-3">
253
+ <button class="btn btn-secondary">
254
+ <i class="fas fa-sync-alt btn-icon"></i> Actualiser
255
  </button>
256
+ <button class="btn btn-primary">
257
+ <i class="fas fa-cog btn-icon"></i> Configurer
258
  </button>
259
  </div>
260
  </div>
 
378
  <div class="flex justify-between items-center mb-6">
379
  <h3 class="text-2xl font-bold text-gray-800">Vue d'ensemble</h3>
380
  <div class="flex space-x-3">
381
+ <button class="btn btn-secondary">
382
+ <i class="fas fa-sync-alt btn-icon"></i> Actualiser
383
  </button>
384
  </div>
385
  </div>
 
404
  </div>
405
  <span class="text-sm font-medium">Configurer les emails</span>
406
  </button>
407
+ <button class="flex flexocol items-center p-4 bg-gray-50 rounded-lg hover:bg-gray-100">
408
  <div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center mb-2">
409
  <i class="fas fa-shield-alt text-purple-600"></i>
410
  </div>
 
552
  </div>
553
  <div>
554
  <p class="font-medium">Analytics</p>
555
+ <div class="flex space-x-2 mt-1">
556
+ <button class="btn btn-outline btn-sm">
557
+ <i class="fas fa-plus btn-icon"></i> Connecter
558
+ </button>
559
+ </div>
560
  </div>
561
  </div>
562
  </div>
 
567
  <div id="dns-settings" class="tab-content">
568
  <div class="flex justify-between items-center mb-6">
569
  <h3 class="text-2xl font-bold text-gray-800">Paramètres DNS</h3>
570
+ <button class="btn btn-primary" onclick="openDnsRecordModal()">
571
+ <i class="fas fa-plus btn-icon"></i> Ajouter un enregistrement
572
  </button>
573
  </div>
574
 
 
612
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">192.0.2.1</td>
613
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
614
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
615
+ <button class="btn btn-outline btn-sm">
616
+ <i class="fas fa-edit btn-icon"></i> Modifier
617
  </button>
618
+ <button class="btn btn-danger btn-sm ml-2">
619
+ <i class="fas fa-trash btn-icon"></i> Supprimer
620
  </button>
621
  </td>
622
  </tr>
 
626
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">example.com</td>
627
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
628
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
629
+ <button class="btn btn-outline btn-sm">
630
+ <i class="fas fa-edit btn-icon"></i> Modifier
631
  </button>
632
+ <button class="btn btn-danger btn-sm ml-2">
633
+ <i class="fas fa-trash btn-icon"></i> Supprimer
634
  </button>
635
  </td>
636
  </tr>
 
640
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">aspmx.l.google.com</td>
641
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">Automatique</td>
642
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
643
+ <button class="btn btn-outline btn-sm">
644
+ <i class="fas fa-edit btn-icon"></i> Modifier
645
  </button>
646
+ <button class="btn btn-danger btn-sm ml-2">
647
+ <i class="fas fa-trash btn-icon"></i> Supprimer
648
  </button>
649
  </td>
650
  </tr>
 
658
  <div id="subdomains" class="tab-content">
659
  <div class="flex justify-between items-center mb-6">
660
  <h3 class="text-2xl font-bold text-gray-800">Sous-domaines</h3>
661
+ <button class="btn btn-primary" onclick="openSubdomainModal()">
662
+ <i class="fas fa-plus btn-icon"></i> Nouveau sous-domaine
663
  </button>
664
  </div>
665
 
 
690
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">example.com</td>
691
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
692
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
693
+ <button class="btn btn-outline btn-sm">
694
+ <i class="fas fa-edit btn-icon"></i> Modifier
695
  </button>
696
+ <button class="btn btn-danger btn-sm ml-2">
697
+ <i class="fas fa-trash btn-icon"></i> Supprimer
698
  </button>
699
  </td>
700
  </tr>
 
704
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">192.0.2.1</td>
705
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
706
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
707
+ <button class="btn btn-outline btn-sm">
708
+ <i class="fas fa-edit btn-icon"></i> Modifier
709
  </button>
710
+ <button class="btn btn-danger btn-sm ml-2">
711
+ <i class="fas fa-trash btn-icon"></i> Supprimer
712
  </button>
713
  </td>
714
  </tr>
 
718
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">ghs.google.com</td>
719
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
720
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
721
+ <button class="btn btn-outline btn-sm">
722
+ <i class="fas fa-edit btn-icon"></i> Modifier
723
  </button>
724
+ <button class="btn btn-danger btn-sm ml-2">
725
+ <i class="fas fa-trash btn-icon"></i> Supprimer
726
  </button>
727
  </td>
728
  </tr>
 
735
  <div id="redirects" class="tab-content">
736
  <div class="flex justify-between items-center mb-6">
737
  <h3 class="text-2xl font-bold text-gray-800">Redirections</h3>
738
+ <button class="btn btn-primary" onclick="openRedirectModal()">
739
+ <i class="fas fa-plus btn-icon"></i> Nouvelle redirection
740
  </button>
741
  </div>
742
 
 
767
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">301 - Permanent</td>
768
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
769
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
770
+ <button class="btn btn-outline btn-sm">
771
+ <i class="fas fa-edit btn-icon"></i> Modifier
772
  </button>
773
+ <button class="btn btn-danger btn-sm ml-2">
774
+ <i class="fas fa-trash btn-icon"></i> Supprimer
775
  </button>
776
  </td>
777
  </tr>
 
781
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">302 - Temporaire</td>
782
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Actif</td>
783
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
784
+ <button class="btn btn-outline btn-sm">
785
+ <i class="fas fa-edit btn-icon"></i> Modifier
786
  </button>
787
+ <button class="btn btn-danger btn-sm ml-2">
788
+ <i class="fas fa-trash btn-icon"></i> Supprimer
789
  </button>
790
  </td>
791
  </tr>
 
798
  <div id="ssl-cert" class="tab-content">
799
  <div class="flex justify-between items-center mb-6">
800
  <h3 class="text-2xl font-bold text-gray-800">Certificat SSL</h3>
801
+ <button class="btn btn-primary">
802
+ <i class="fas fa-sync-alt btn-icon"></i> Renouveler
803
  </button>
804
  </div>
805
 
 
875
  <option>3 derniers mois</option>
876
  <option>Cette année</option>
877
  </select>
878
+ <button class="btn btn-primary">
879
+ <i class="fas fa-download btn-icon"></i> Exporter
880
  </button>
881
  </div>
882
  </div>
 
937
  <div id="backups" class="tab-content">
938
  <div class="flex justify-between items-center mb-6">
939
  <h3 class="text-2xl font-bold text-gray-800">Sauvegardes</h3>
940
+ <button class="btn btn-primary">
941
+ <i class="fas fa-plus btn-icon"></i> Nouvelle sauvegarde
942
  </button>
943
  </div>
944
 
 
992
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.2 GB</td>
993
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
994
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
995
+ <button class="btn btn-outline btn-sm">
996
+ <i class="fas fa-download btn-icon"></i> Télécharger
997
  </button>
998
+ <button class="btn btn-danger btn-sm ml-2">
999
+ <i class="fas fa-trash btn-icon"></i> Supprimer
1000
  </button>
1001
  </td>
1002
  </tr>
 
1006
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.1 GB</td>
1007
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
1008
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
1009
+ <button class="btn btn-outline btn-sm">
1010
+ <i class="fas fa-download btn-icon"></i> Télécharger
1011
  </button>
1012
+ <button class="btn btn-danger btn-sm ml-2">
1013
+ <i class="fas fa-trash btn-icon"></i> Supprimer
1014
  </button>
1015
  </td>
1016
  </tr>
 
1020
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">1.0 GB</td>
1021
  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">Terminée</td>
1022
  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
1023
+ <button class="btn btn-outline btn-sm">
1024
+ <i class="fas fa-download btn-icon"></i> Télécharger
1025
  </button>
1026
+ <button class="btn btn-danger btn-sm ml-2">
1027
+ <i class="fas fa-trash btn-icon"></i> Supprimer
1028
  </button>
1029
  </td>
1030
  </tr>
 
1086
  </div>
1087
 
1088
  <div class="mt-6 flex justify-end space-x-3">
1089
+ <button onclick="closeSubdomainModal()" class="btn btn-secondary">
1090
  Annuler
1091
  </button>
1092
+ <button class="btn btn-primary">
1093
+ <i class="fas fa-plus btn-icon"></i> Créer
1094
  </button>
1095
  </div>
1096
  </div>
 
1137
  </div>
1138
 
1139
  <div class="mt-6 flex justify-end space-x-3">
1140
+ <button onclick="closeRedirectModal()" class="btn btn-secondary">
1141
  Annuler
1142
  </button>
1143
+ <button class="btn btn-primary">
1144
+ <i class="fas fa-exchange-alt btn-icon"></i> Créer
1145
+ </button>
1146
+ </div>
1147
+ </div>
1148
+ </div>
1149
+ </div>
1150
+
1151
+ <!-- DNS Record Modal -->
1152
+ <div id="dnsRecordModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
1153
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-md">
1154
+ <div class="p-6">
1155
+ <div class="flex justify-between items-center mb-4">
1156
+ <h3 class="text-xl font-bold text-gray-800">Nouvel enregistrement DNS</h3>
1157
+ <button onclick="closeDnsRecordModal()" class="text-gray-500 hover:text-gray-700">
1158
+ <i class="fas fa-times"></i>
1159
+ </button>
1160
+ </div>
1161
+
1162
+ <div class="space-y-4">
1163
+ <div>
1164
+ <label class="block text-sm font-medium text-gray-700 mb-1">Type</label>
1165
+ <select class="w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500">
1166
+ <option value="A">A (Adresse IPv4)</option>
1167
+ <option value="AAAA">AAAA (Adresse IPv6)</option>
1168
+ <option value="CNAME">CNAME (Alias)</option>
1169
+ <option value="MX">MX (Mail Exchange)</option>
1170
+ <option value="TXT">TXT (Texte)</option>
1171
+ </select>
1172
+ </div>
1173
+
1174
+ <div>
1175
+ <label class="block text-sm font-medium text-gray-700 mb-1">Nom</label>
1176
+ <input type="text" class="w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500" placeholder="Ex: @, www, mail">
1177
+ </div>
1178
+
1179
+ <div>
1180
+ <label class="block text-sm font-medium text-gray-700 mb-1">Valeur</label>
1181
+ <input type="text" class="w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500" placeholder="Ex: 192.0.2.1 ou example.com">
1182
+ </div>
1183
+
1184
+ <div>
1185
+ <label class="block text-sm font-medium text-gray-700 mb-1">TTL</label>
1186
+ <select class="w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500">
1187
+ <option value="auto">Automatique (1 heure)</option>
1188
+ <option value="300">5 minutes</option>
1189
+ <option value="3600">1 heure</option>
1190
+ <option value="86400">1 jour</option>
1191
+ </select>
1192
+ </div>
1193
+ </div>
1194
+
1195
+ <div class="mt-6 flex justify-end space-x-3">
1196
+ <button onclick="closeDnsRecordModal()" class="btn btn-secondary">
1197
+ Annuler
1198
+ </button>
1199
+ <button class="btn btn-primary">
1200
+ <i class="fas fa-plus btn-icon"></i> Ajouter
1201
  </button>
1202
  </div>
1203
  </div>
 
1258
  document.getElementById('redirectModal').classList.add('hidden');
1259
  }
1260
 
1261
+ // DNS Record modal functions
1262
+ function openDnsRecordModal() {
1263
+ document.getElementById('dnsRecordModal').classList.remove('hidden');
1264
+ }
1265
+
1266
+ function closeDnsRecordModal() {
1267
+ document.getElementById('dnsRecordModal').classList.add('hidden');
1268
+ }
1269
+
1270
  // Initialize charts
1271
  function initCharts() {
1272
  // Traffic Chart
 
1333
  }
1334
 
1335
  // Page Views Chart
1336
+ const pageViewsCtx = document.getElementById('
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1337
  </html>
prompts.txt CHANGED
@@ -1,2 +1,3 @@
1
  Infrastructure Web Automatisée en 1 Click Enregistrement instantané de domaine, déploiement SSL, DNS ultra-rapide et intégration Google - le tout automatisé 24h/7j avec propagation mondiale en secondes.:: Domain Information Registrar Information Registrant Contact
2
- ajouter d'autre fonction
 
 
1
  Infrastructure Web Automatisée en 1 Click Enregistrement instantané de domaine, déploiement SSL, DNS ultra-rapide et intégration Google - le tout automatisé 24h/7j avec propagation mondiale en secondes.:: Domain Information Registrar Information Registrant Contact
2
+ ajouter d'autre fonction
3
+ reconfigue toutes les boutons