+
+ {/* Sidebar Latérale (Institutionnelle) */}
+
+
+ {/* Zone de contenu principal */}
+
+ {children}
+
);
-}
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index 32938e4..bef5202 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,12 +2,9 @@ import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
-import { BrowserRouter } from 'react-router-dom'
createRoot(document.getElementById('root')!).render(
+
+ {/* Header */}
+
+
+
+ {/* Contenu Principal */}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/AccountSettings.tsx b/src/pages/AccountSettings.tsx
deleted file mode 100644
index 3c196f3..0000000
--- a/src/pages/AccountSettings.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import PageHeader from "@/components/ui/PageHeader";
-import AccessWidget from "@/components/widgets/AccessWidget";
-import InformationWidget from "@/components/widgets/InformationWidget";
-
-export default function AccountSettings() {
- return (
-
+
+
+
+ Paramètres du compte
+Gestion de la sécurité et informations contractuelles
+
+
+ {/* Colonne 1 : Sécurité */}
+
+
+
+
+
+
+
+ {/* Colonne 2 : Organisation & Contrat */}
+ + + Sécurité de l'accès +
+ +
+ {/* MFA Status */}
+
+
+
+
+
+
+
+
+ Actif
+
+ Authentification à double facteur (MFA)
+Exigée par les politiques de sécurité GISE
+
+
+
+
+ {/* Mot de passe */}
+
+
+ Mot de passe institutionnel
+Dernière modification : Il y a 43 jours
+ +
+
+
+
+
+ + + Profil de l'Organisation +
+ +-
+
- Entité Légale +
- Cabinet Juridique Example & Associés +
- Administrateur du compte +
- Direction Générale (direction@example.com) +
- Niveau d'Infogérance (SLA) +
- + VIP PLATINUM + Couverture 24/7 (99.99%) + +
+
+
+
+
+
+
-
-
- {/* Contenu Principal */}
-
- {/* Header */}
-
-
- );
-}
\ No newline at end of file
diff --git a/src/pages/Auth/Login.tsx b/src/pages/Auth/Login.tsx
new file mode 100644
index 0000000..0c07074
--- /dev/null
+++ b/src/pages/Auth/Login.tsx
@@ -0,0 +1,261 @@
+import React, { useState } from 'react';
+import { pb } from '../../config/pocketbase';
+import * as OTPAuth from 'otpauth';
+import { QRCodeSVG } from 'qrcode.react';
+
+interface LoginProps {
+ onLoginSuccess: () => void;
+}
+
+export default function Login({ onLoginSuccess }: LoginProps) {
+ const [email, setEmail] = useState('');
+ const [password, setPassword] = useState('');
+ const [mfaCode, setMfaCode] = useState('');
+ const [error, setError] = useState('');
+ const [isLoading, setIsLoading] = useState(false);
+ const [step, setStep] = useState<1 | 2>(1);
+
+ // États pour la cryptographie TOTP (Flux Local)
+ const [userId, setUserId] = useState('');
+ const [totpSecret, setTotpSecret] = useState('');
+ const [qrUrl, setQrUrl] = useState('');
+ const [isFirstSetup, setIsFirstSetup] = useState(false);
+
+ // --------------------------------------------------------
+ // 1 Connexion Zitadel (SSO)
+ // --------------------------------------------------------
+ const handleZitadelLogin = async () => {
+ setError('');
+ setIsLoading(true);
+ try {
+ // PocketBase gère automatiquement la popup vers Zitadel et le retour du token
+ const authData = await pb.collection('aegis_users').authWithOAuth2({ provider: 'oidc' });
+ console.log("Données d'authentification SSO :", authData);
+
+ if (authData) {
+ // Zitadel a déjà géré la sécurité et le MFA de son côté.
+ // On ouvre directement le coffre-fort.
+ onLoginSuccess();
+ }
+ } catch (err: any) {
+ console.error("Erreur d'authentification SSO :", err);
+ setError("Échec de la connexion sécurisée via GISE Identity.");
+ pb.authStore.clear();
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // --------------------------------------------------------
+ // 2 Connexion Email - Mot de passe
+ // --------------------------------------------------------
+ const handleLocalLogin = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setError('');
+ setIsLoading(true);
+
+ try {
+ const authData = await pb.collection('aegis_users').authWithPassword(email, password);
+
+ if (authData.record.mfa_enabled) {
+ setUserId(authData.record.id);
+
+ if (!authData.record.totp_secret) {
+ const totp = new OTPAuth.TOTP({
+ issuer: 'AEGIS by GISE',
+ label: email,
+ algorithm: 'SHA1',
+ digits: 6,
+ period: 30,
+ secret: new OTPAuth.Secret({ size: 20 })
+ });
+
+ setTotpSecret(totp.secret.base32);
+ setQrUrl(totp.toString());
+ setIsFirstSetup(true);
+ } else {
+ setTotpSecret(authData.record.totp_secret);
+ setIsFirstSetup(false);
+ }
+ setStep(2); // On passe à l'étape MFA locale
+ } else {
+ onLoginSuccess();
+ }
+ } catch (err: any) {
+ setError("Identifiants institutionnels incorrects ou accès révoqué.");
+ pb.authStore.clear();
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const handleFinalStep = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setError('');
+ setIsLoading(true);
+
+ try {
+ const totp = new OTPAuth.TOTP({
+ issuer: 'AEGIS by GISE',
+ label: email,
+ algorithm: 'SHA1',
+ digits: 6,
+ period: 30,
+ secret: OTPAuth.Secret.fromBase32(totpSecret)
+ });
+
+ const isValid = totp.validate({ token: mfaCode, window: 1 }) !== null;
+
+ if (isValid) {
+ if (isFirstSetup) {
+ await pb.collection('aegis_users').update(userId, { totp_secret: totpSecret });
+ }
+ onLoginSuccess();
+ } else {
+ setError("Code de sécurité invalide ou expiré.");
+ setMfaCode('');
+ }
+ } catch (err) {
+ setError("Une erreur critique est survenue lors de la vérification.");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const handleCancelMFA = () => {
+ pb.authStore.clear();
+ setStep(1);
+ setPassword('');
+ setMfaCode('');
+ setError('');
+ setIsFirstSetup(false);
+ };
+
+ return (
+
-
- {/* Colonne 1 : Sécurité */}
-
-
-
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/DocumentVault.tsx b/src/pages/DocumentVault.tsx
deleted file mode 100644
index 6a61374..0000000
--- a/src/pages/DocumentVault.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Input } from '@/components/ui/Input';
-import PageHeader from '@/components/ui/PageHeader';
-import DocumentsWidget from '@/components/widgets/DocumentsWidget';
-import { useState } from 'react';
-
-export default function DocumentVault() {
- const [searchTerm, setSearchTerm] = useState('');
-
- return (
-
+
+
+
+
+
+
+
+ + AEGIS by GISE +
++ Accès restreint +
+
+
+
+
+ {step === 1 ? (
+
+
+ {error && (
+
+ ) : (
+
+ )}
+
+ {error}
+
+ )}
+
+ {/* BOUTON SSO ZITADEL */}
+
+
+
+
+ {/* SÉPARATEUR VISUEL */}
+
+
+
+ {/* FORMULAIRE CLASSIQUE */}
+
+
+
+
+
+ Ou via vos identifiants locaux
+
+
-
- {/* Contenu Principal */}
-
-
-
-
- {/* Barre de recherche (Visuelle) */}
- setSearchTerm(e.target.value)}
- />
-
- {/* Liste des Documents (La Carte) */}
-
-
- );
-}
\ No newline at end of file
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
deleted file mode 100644
index 0eaa153..0000000
--- a/src/pages/Login.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useLoginFlow } from '@/hooks/useLoginFlow';
-import { LocalLoginForm } from '@/components/auth/LocalLoginForm';
-import { MfaForm } from '@/components/auth/MfaForm';
-import { Card, CardContent } from '@/components/ui/Card';
-import LogoGise from '@/components/ui/LogoGise';
-import { Button } from '@/components/ui/Button';
-import { GlobeLock } from 'lucide-react';
-import Badge from '@/components/ui/Badge';
-
-interface LoginProps {
- onLoginSuccess: () => void;
-}
-
-export default function Login({ onLoginSuccess }: LoginProps) {
- const {
- step, isLoading, error, mfaConfig,
- loginWithZitadel, loginWithLocal, verifyMfa, cancelMfa
- } = useLoginFlow(onLoginSuccess);
-
- return (
-
-
- {/* HEADER LOGO */}
-
- );
-}
\ No newline at end of file
diff --git a/src/pages/ServiceDesk.tsx b/src/pages/ServiceDesk.tsx
deleted file mode 100644
index f02754d..0000000
--- a/src/pages/ServiceDesk.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useNavigate } from 'react-router-dom';
-import { Button } from '@/components/ui/Button';
-import { PageHeader } from '@/components/ui/PageHeader';
-import { TicketsWidget } from '@/components/widgets/TicketsWidget';
-
-export default function ServiceDesk() {
- const navigate = useNavigate();
-
- return (
-
-
-
-
- {/* AFFICHAGE DES ERREURS GLOBALES */}
- {error && (
-
-
-
-
-
- {error}
-
- )}
-
- {/* ROUTAGE INTERNE DES ÉTAPES */}
- {step === 1 ? (
-
- }>
- {isLoading ? 'Connexion en cours...' : 'Connexion via GISE Identity'}
-
-
-
- ) : (
-
-
-
-
-
-
-
-
-
-
-
- {/* HEADER EXTRAIT */}
-
-
-
-
- {/* WIDGET DES TICKETS */}
- navigate(`/support/tickets/${ticketId}`)}
- />
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/pages/Support/NewTicket.tsx b/src/pages/Support/NewTicket.tsx
new file mode 100644
index 0000000..1aa5570
--- /dev/null
+++ b/src/pages/Support/NewTicket.tsx
@@ -0,0 +1,216 @@
+import React, { useState } from 'react';
+import { pb } from '../../config/pocketbase';
+
+interface NewTicketProps {
+ onCancel: () => void;
+ onTicketCreated: () => void; // Rappel pour recharger la liste et revenir en arrière
+}
+
+export default function NewTicket({ onCancel, onTicketCreated }: NewTicketProps) {
+ const [category, setCategory] = useState<'Incident Critique' | 'Évolution' | 'Administratif'>('Incident Critique');
+ const [ci, Ci] = useState('general');
+ const [subject, setSubject] = useState('');
+ const [affectedAsset, setAffectedAsset] = useState('');
+ const [incidentTime, setIncidentTime] = useState('');
+ const [description, setDescription] = useState('');
+ const [isSubmitting, setIsSubmitting] = useState(false);
+ const [error, setError] = useState('');
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setError('');
+ setIsSubmitting(true);
+
+ try {
+ const currentUser = pb.authStore.record;
+ if (!currentUser) throw new Error("Utilisateur non authentifié");
+
+ // Construction de la description enrichie avec les métadonnées techniques
+ let fullDescription = description;
+ if (affectedAsset.trim()) {
+ fullDescription = `[Équipement concerné: ${affectedAsset}]\n` + fullDescription;
+ }
+ if (category === 'Incident Critique' && incidentTime) {
+ fullDescription = `[Heure de l'incident: ${new Date(incidentTime).toLocaleString('fr-FR')}]\n` + fullDescription;
+ }
+
+ // Enregistrement dans PocketBase
+ await pb.collection('aegis_tickets').create({
+ author: currentUser.id,
+ company: currentUser.company,
+ category,
+ subject,
+ description: fullDescription,
+ status: 'Ouvert',
+ });
+
+ onTicketCreated(); // Retourne à la liste et rafraîchit
+ } catch (err) {
+ console.error("Erreur lors de la création du ticket :", err);
+ setError("Impossible d'enregistrer le ticket sur le serveur sécurisé.");
+ } finally {
+ setIsSubmitting(false);
+ }
+ };
+
+ return (
+
+
+ {/* Header */}
+
+
+
+ {/* Formulaire Principal */}
+
+
+
+
+
+
+ Ouvrir un nouveau ticket
+Qualification de votre requête ITSM
+