Spaces:

docto41
/

domain-pro

Running

App Files Files Community

docto41 commited on May 6

Commit

a46a044

verified ·

1 Parent(s): 552ab17

Add 2 files

Browse files

Files changed (2) hide show

index.html +152 -12
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -45,6 +45,30 @@
             70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
             100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
         }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
@@ -431,8 +455,56 @@
         </div>
     </footer>
     <!-- JavaScript -->
     <script>
         // Tab functionality
         document.querySelectorAll('.tab-btn').forEach(button => {
             button.addEventListener('click', () => {
@@ -456,39 +528,107 @@
         // Button functionality
         document.getElementById('searchBtn').addEventListener('click', () => {
-            const domain = document.getElementById('domainSearch').value;
             if (domain) {
-                alert(`Recherche du domaine: ${domain}`);
-                // Here you would typically make an API call to check domain availability
             } else {
-                alert('Veuillez entrer un nom de domaine');
             }
         });
         document.getElementById('registerBtn').addEventListener('click', () => {
-            alert('Lancement du processus d\'enregistrement automatisé');
-            // This would trigger the automated registration process
         });
         document.getElementById('manageDnsBtn').addEventListener('click', () => {
-            alert('Ouverture de l\'interface de gestion DNS automatisée');
         });
         document.getElementById('transferSettingsBtn').addEventListener('click', () => {
-            alert('Accès aux paramètres de transfert de domaine');
         });
         document.getElementById('editContactBtn').addEventListener('click', () => {
-            alert('Modification des informations de contact');
         });
         document.getElementById('deployNowBtn').addEventListener('click', () => {
-            alert('Déploiement complet de l\'infrastructure web automatisée');
-            // This would trigger the full automated deployment
         });
         document.getElementById('loginBtn').addEventListener('click', () => {
-            alert('Ouverture du panneau de connexion administrateur');
         });
     </script>
 <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/domain-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

             70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
             100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
         }
+        /* Ajout pour le modal */
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 100;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            overflow: auto;
+            background-color: rgba(0,0,0,0.4);
+        }
+        .modal-content {
+            background-color: #fefefe;
+            margin: 10% auto;
+            padding: 20px;
+            border: 1px solid #888;
+            width: 80%;
+            max-width: 600px;
+            border-radius: 8px;
+            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
         </div>
     </footer>
+    <!-- Modal -->
+    <div id="modal" class="modal">
+        <div class="modal-content">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-xl font-bold" id="modalTitle">Modal Title</h3>
+                <span class="close-modal text-gray-500 hover:text-gray-700 cursor-pointer text-2xl">&times;</span>
+            </div>
+            <div id="modalContent">
+                <p>Modal content goes here...</p>
+            </div>
+            <div class="mt-6 flex justify-end">
+                <button id="confirmAction" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-6 rounded-lg transition font-medium mr-2">Confirmer</button>
+                <button class="close-modal bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-6 rounded-lg transition font-medium">Annuler</button>
+            </div>
+        </div>
+    </div>
     <!-- JavaScript -->
     <script>
+        // Fonction pour ouvrir le modal
+        function openModal(title, content, confirmCallback) {
+            document.getElementById('modalTitle').textContent = title;
+            document.getElementById('modalContent').innerHTML = content;
+            const modal = document.getElementById('modal');
+            modal.style.display = 'block';
+            // Gestionnaire pour le bouton de confirmation
+            const confirmBtn = document.getElementById('confirmAction');
+            confirmBtn.onclick = function() {
+                if (confirmCallback) confirmCallback();
+                modal.style.display = 'none';
+            };
+            // Gestionnaire pour fermer le modal
+            const closeButtons = document.getElementsByClassName('close-modal');
+            for (let btn of closeButtons) {
+                btn.onclick = function() {
+                    modal.style.display = 'none';
+                };
+            }
+            // Fermer quand on clique en dehors du modal
+            window.onclick = function(event) {
+                if (event.target == modal) {
+                    modal.style.display = 'none';
+                }
+            };
+        }
         // Tab functionality
         document.querySelectorAll('.tab-btn').forEach(button => {
             button.addEventListener('click', () => {
         // Button functionality
         document.getElementById('searchBtn').addEventListener('click', () => {
+            const domain = document.getElementById('domainSearch').value.trim();
             if (domain) {
+                openModal(
+                    'Recherche de domaine',
+                    `<p>Voulez-vous vérifier la disponibilité du domaine <strong>${domain}</strong> ?</p>`,
+                    function() {
+                        alert(`Recherche du domaine: ${domain} en cours...`);
+                        // Ici vous feriez normalement un appel API pour vérifier la disponibilité
+                    }
+                );
             } else {
+                openModal(
+                    'Erreur',
+                    '<p>Veuillez entrer un nom de domaine valide.</p>',
+                    null
+                );
             }
         });
         document.getElementById('registerBtn').addEventListener('click', () => {
+            openModal(
+                'Automatisation',
+                '<p>Voulez-vous lancer le processus d\'enregistrement automatisé ?</p>',
+                function() {
+                    alert('Processus d\'enregistrement automatisé lancé !');
+                    // Ceci déclencherait le processus d'enregistrement automatisé
+                }
+            );
         });
         document.getElementById('manageDnsBtn').addEventListener('click', () => {
+            openModal(
+                'Gestion DNS',
+                '<p>Vous allez accéder à l\'interface de gestion DNS automatisée. Confirmer ?</p>',
+                function() {
+                    alert('Ouverture de l\'interface de gestion DNS automatisée');
+                    // Redirection vers l'interface DNS
+                }
+            );
         });
         document.getElementById('transferSettingsBtn').addEventListener('click', () => {
+            openModal(
+                'Paramètres de transfert',
+                '<p>Vous allez accéder aux paramètres de transfert de domaine. Confirmer ?</p>',
+                function() {
+                    alert('Accès aux paramètres de transfert de domaine');
+                    // Redirection vers les paramètres de transfert
+                }
+            );
         });
         document.getElementById('editContactBtn').addEventListener('click', () => {
+            openModal(
+                'Modification des contacts',
+                '<div class="space-y-4">' +
+                '<div><label class="block text-sm text-gray-500 mb-1">Nom</label><input type="text" class="w-full px-3 py-2 border rounded" value="John Doe"></div>' +
+                '<div><label class="block text-sm text-gray-500 mb-1">Email</label><input type="email" class="w-full px-3 py-2 border rounded" value="[email protected]"></div>' +
+                '<div><label class="block text-sm text-gray-500 mb-1">Téléphone</label><input type="tel" class="w-full px-3 py-2 border rounded" value="+1 (555) 123-4567"></div>' +
+                '</div>',
+                function() {
+                    alert('Informations de contact mises à jour');
+                    // Sauvegarde des modifications
+                }
+            );
         });
         document.getElementById('deployNowBtn').addEventListener('click', () => {
+            openModal(
+                'Déploiement complet',
+                '<p>Voulez-vous lancer le déploiement complet de l\'infrastructure web automatisée ?</p>' +
+                '<div class="mt-4 bg-yellow-50 border-l-4 border-yellow-400 p-4">' +
+                '<div class="flex"><div class="flex-shrink-0"><i class="fas fa-exclamation-circle text-yellow-400"></i></div>' +
+                '<div class="ml-3"><p class="text-sm text-yellow-700">Cette action est irréversible et peut prendre quelques minutes.</p></div></div>' +
+                '</div>',
+                function() {
+                    alert('Déploiement complet lancé !');
+                    // Ceci déclencherait le déploiement complet
+                }
+            );
         });
         document.getElementById('loginBtn').addEventListener('click', () => {
+            openModal(
+                'Connexion',
+                '<div class="space-y-4">' +
+                '<div><label class="block text-sm text-gray-500 mb-1">Email</label><input type="email" class="w-full px-3 py-2 border rounded" placeholder="[email protected]"></div>' +
+                '<div><label class="block text-sm text-gray-500 mb-1">Mot de passe</label><input type="password" class="w-full px-3 py-2 border rounded" placeholder="••••••••"></div>' +
+                '</div>',
+                function() {
+                    alert('Connexion en cours...');
+                    // Traitement de la connexion
+                }
+            );
+        });
+        // Initialisation des tabs au chargement
+        document.addEventListener('DOMContentLoaded', function() {
+            // Active le premier tab par défaut
+            const firstTab = document.querySelector('.tab-btn');
+            if (firstTab) firstTab.click();
         });
     </script>
 <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/domain-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

prompts.txt CHANGED Viewed

@@ -7,4 +7,5 @@ Domain Information Registrar Information Registrant Contact
 je veux acces gratuite pour moi seulement administrateur :   Enregistrez votre domaine gratuitement Obtenez un nom de domaine, SSL, DNS et hébergement en quelques secondes::  Domain Information Registrar Information Registrant Contact      [email protected] : Admin270574@   et [email protected] : Admin270574@     ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat
 corriger toutes les erreurs des bouton non cliquable qui ne fonction pas
 corriger toutes les erreur des bouton non cliqable
-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

 je veux acces gratuite pour moi seulement administrateur :   Enregistrez votre domaine gratuitement Obtenez un nom de domaine, SSL, DNS et hébergement en quelques secondes::  Domain Information Registrar Information Registrant Contact      [email protected] : Admin270574@   et [email protected] : Admin270574@     ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat
 corriger toutes les erreurs des bouton non cliquable qui ne fonction pas
 corriger toutes les erreur des bouton non cliqable
+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
+probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement