+ Total à régler immédiatement :
+
+ {product.pricing.recurrent[period]?.price} €
+
+
+
+
+
+ En validant cette commande, vous autorisez le Terminal Nexus à provisionner les ressources matérielles. Un domaine sécurisé .gise.be vous sera automatiquement attribué.
+
+
+
+
+
+
+
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/app/Dashboard.jsx b/src/pages/app/Dashboard.jsx
index e468094..19563f5 100644
--- a/src/pages/app/Dashboard.jsx
+++ b/src/pages/app/Dashboard.jsx
@@ -13,11 +13,31 @@ export default function Dashboard() {
useEffect(() => {
const fetchInventory = async () => {
try {
- // Appel à FOSSBilling via notre api.js
const data = await getClientOrders();
- // FOSSBilling renvoie souvent la liste dans data.list
- setOrders(data.list || []);
+ if (data.list) {
+ // LE FILTRE CHIRURGICAL PAR PREFIXE
+ const filteredOrders = data.list.filter(order => {
+ const title = (order.title || '').toLowerCase();
+ const type = (order.type || '').toLowerCase();
+
+ // On masque la commande SI :
+ // 1. Le type technique est "domain"
+ // 2. OU le titre COMMENCE par "domain", "domaine" ou "enregistrement"
+ const isGhostProduct =
+ type === 'domain' ||
+ title.startsWith('domain ') ||
+ title.startsWith('domaine ') ||
+ title.startsWith('enregistrement ');
+
+ // On retourne true (on affiche) uniquement si ce n'est pas un produit fantôme
+ return !isGhostProduct;
+ });
+
+ setOrders(filteredOrders);
+ } else {
+ setOrders([]);
+ }
} catch (err) {
setError(err.message || "Impossible de récupérer la télémétrie des services.");
} finally {
diff --git a/src/pages/app/Services.jsx b/src/pages/app/Services.jsx
index e69de29..beb095a 100644
--- a/src/pages/app/Services.jsx
+++ b/src/pages/app/Services.jsx
@@ -0,0 +1,293 @@
+import { useState, useEffect } from 'react';
+import { getMyServices, getServiceDetails, getHostingServiceDetails, resetHostingPassword, launchSSOGateway } from '../../services/api';
+import { useVPC } from '../../services/useVPC';
+import { Server, Database, Cloud, Globe, Folder, Trash2, ExternalLink, Loader, Plus } from 'lucide-react';
+
+export default function Services() {
+ const [services, setServices] = useState([]);
+ const [isLoading, setIsLoading] = useState(true);
+ const [error, setError] = useState(null);
+ const [newVpcName, setNewVpcName] = useState("");
+ const [isConnecting, setIsConnecting] = useState(null); // Pour le loader du bouton Auto-Login
+ const [ssoVault, setSsoVault] = useState(null);
+
+ // Branchement du moteur logique VPC
+ const { vpcs, createVPC, deleteVPC, assignToVPC, removeFromVPC } = useVPC();
+
+ // 1. Récupération et Filtrage des Infrastructures
+ useEffect(() => {
+ const fetchServices = async () => {
+ try {
+ const data = await getMyServices();
+
+ if (data.list && data.list.length > 0) {
+ // On récupère les mots de passe de chaque service pour le bouton Auto-Login
+ const detailedServices = await Promise.all(
+ data.list.map(async (order) => {
+ const details = await getServiceDetails(order.id);
+ return details;
+ })
+ );
+
+ // LE FILTRE CHIRURGICAL : On exclut les produits "Domaine" fantômes
+ const filteredServices = detailedServices.filter(s => {
+ const type = (s.type || '').toLowerCase();
+ const title = (s.title || '').toLowerCase();
+ const isGhostProduct =
+ type === 'domain' ||
+ title.startsWith('domain ') ||
+ title.startsWith('domaine ') ||
+ title.startsWith('enregistrement ');
+
+ // On garde les actifs/en préparation qui ne sont pas des domaines
+ return (s.status === 'active' || s.status === 'pending_setup') && !isGhostProduct;
+ });
+
+ setServices(filteredServices);
+ }
+ } catch (err) {
+ setError(err.message || "Impossible de charger la télémétrie des services.");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+ fetchServices();
+ }, []);
+
+ // 2. Moteur de Connexion Furtive (SSO HestiaCP) avec contournement du bloqueur de pop-up
+ const handleAutoLogin = async (service) => {
+ setIsConnecting(service.id);
+
+ try {
+ // 1. Récupération de l'utilisateur
+ const hostingDetails = await getHostingServiceDetails(service.id);
+ const username = hostingDetails.username;
+ if (!username) throw new Error("Infrastructure non synchronisée avec le métal.");
+
+ // 2. Ghost Reset (Génération du mot de passe jetable)
+ const secureHash = Math.random().toString(36).slice(-8) + Math.random().toString(36).slice(-4).toUpperCase();
+ const rollingPassword = `Nx${secureHash}`;
+
+ console.log("Ghost Reset généré pour", username);
+ await resetHostingPassword(service.id, rollingPassword);
+
+ // 3. On affiche le Coffre-Fort à l'utilisateur
+ setSsoVault({
+ username: username,
+ password: rollingPassword,
+ url: 'https://panel.gise.be/login/'
+ });
+
+ } catch (err) {
+ alert("Échec du protocole d'accès : " + err.message);
+ } finally {
+ setIsConnecting(null);
+ }
+ };
+
+ // Utilitaires UI
+ const getServiceIcon = (title) => {
+ const t = (title || '').toLowerCase();
+ if (t.includes('vps') || t.includes('serveur')) return ;
+ if (t.includes('cloud') || t.includes('nextcloud')) return ;
+ if (t.includes('db') || t.includes('base') || t.includes('sql')) return ;
+ return ;
+ };
+
+ // Composant Interne : La Carte d'Instance
+ const InstanceCard = ({ service }) => (
+
+ Le pare-feu HestiaCP bloque les injections de session directes. Un mot de passe de session jetable vient d'être généré sur le métal. Copiez-le et connectez-vous.
+