Compare commits
4 Commits
acc
..
063f3ecc75
| Author | SHA1 | Date | |
|---|---|---|---|
| 063f3ecc75 | |||
| 3db249f3e1 | |||
| fcc04895f3 | |||
| d037af11b6 |
@@ -1 +0,0 @@
|
|||||||
VITE_PB_URL=
|
|
||||||
@@ -22,3 +22,4 @@ dist-ssr
|
|||||||
*.njsproj
|
*.njsproj
|
||||||
*.sln
|
*.sln
|
||||||
*.sw?
|
*.sw?
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +0,0 @@
|
|||||||
import { describe, it, expect } from 'vitest';
|
|
||||||
|
|
||||||
describe('AEGIS Initial Test', () => {
|
|
||||||
it('devrait valider que 1 + 1 font 2', () => {
|
|
||||||
expect(1 + 1).toBe(2);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
+15
-17
@@ -7,37 +7,35 @@
|
|||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "tsc -b && vite build",
|
"build": "tsc -b && vite build",
|
||||||
"lint": "eslint .",
|
"lint": "eslint .",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview"
|
||||||
"test": "vitest"
|
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@tailwindcss/vite": "^4.3.3",
|
"@tailwindcss/vite": "^4.3.3",
|
||||||
"@zitadel/react-auth": "^1.2.1",
|
"@zitadel/react-auth": "^1.2.1",
|
||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
"lucide-react": "^1.28.0",
|
"lucide-react": "^1.27.0",
|
||||||
"oidc-client-ts": "^3.5.0",
|
"oidc-client-ts": "^3.5.0",
|
||||||
"otpauth": "^9.5.1",
|
"otpauth": "^9.5.1",
|
||||||
"pocketbase": "^0.27.1",
|
"pocketbase": "^0.27.0",
|
||||||
"qrcode.react": "^4.2.0",
|
"qrcode.react": "^4.2.0",
|
||||||
"react": "^19.2.8",
|
"react": "^19.2.7",
|
||||||
"react-dom": "^19.2.8",
|
"react-dom": "^19.2.7",
|
||||||
"react-router-dom": "^7.18.2",
|
"react-router-dom": "^7.18.1",
|
||||||
"tailwind-merge": "^3.6.0",
|
"tailwind-merge": "^3.6.0",
|
||||||
"tailwindcss": "^4.3.3"
|
"tailwindcss": "^4.3.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@eslint/js": "^10.0.1",
|
"@eslint/js": "^10.0.1",
|
||||||
"@types/node": "^24.13.3",
|
"@types/node": "^24.13.2",
|
||||||
"@types/react": "^19.2.18",
|
"@types/react": "^19.2.17",
|
||||||
"@types/react-dom": "^19.2.4",
|
"@types/react-dom": "^19.2.3",
|
||||||
"@vitejs/plugin-react": "^6.0.5",
|
"@vitejs/plugin-react": "^6.0.3",
|
||||||
"eslint": "^10.8.0",
|
"eslint": "^10.6.0",
|
||||||
"eslint-plugin-react-hooks": "^7.1.1",
|
"eslint-plugin-react-hooks": "^7.1.1",
|
||||||
"eslint-plugin-react-refresh": "^0.5.3",
|
"eslint-plugin-react-refresh": "^0.5.3",
|
||||||
"globals": "^17.9.0",
|
"globals": "^17.7.0",
|
||||||
"typescript": "~6.0.3",
|
"typescript": "~6.0.2",
|
||||||
"typescript-eslint": "^8.65.0",
|
"typescript-eslint": "^8.62.0",
|
||||||
"vite": "^8.2.0",
|
"vite": "^8.1.1"
|
||||||
"vitest": "^4.1.10"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Generated
+227
-461
File diff suppressed because it is too large
Load Diff
@@ -1,3 +0,0 @@
|
|||||||
overrides:
|
|
||||||
react-router: "^6.30.4"
|
|
||||||
react-router-dom: "^6.30.4"
|
|
||||||
@@ -43,7 +43,7 @@ export const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<
|
|||||||
ref={ref}
|
ref={ref}
|
||||||
className={cn(
|
className={cn(
|
||||||
// Séparation discrète (bordure fine plutôt qu'ombre inset, pour rester léger)
|
// Séparation discrète (bordure fine plutôt qu'ombre inset, pour rester léger)
|
||||||
"px-6 py-5 flex flex-col space-y-1.5 border-b border-black/5 dark:border-white/5 transition-all duration-300 ease-in-out",
|
"px-6 py-5 flex flex-col space-y-1.5 border-black/5 dark:border-white/5 transition-all duration-300",
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
{...props}
|
{...props}
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
"bg-[#e8e8e8] dark:bg-[#1e293b]",
|
"bg-[#e8e8e8] dark:bg-[#1e293b]",
|
||||||
"text-slate-800 dark:text-slate-100 font-medium placeholder:text-slate-400 dark:placeholder:text-slate-500",
|
"text-slate-800 dark:text-slate-100 font-medium placeholder:text-slate-400 dark:placeholder:text-slate-500",
|
||||||
|
|
||||||
// 🎯 Utilisation directe de tes constantes Neumorphic creusées
|
// Utilisation directe de tes constantes Neumorphic creusées
|
||||||
NEUMORPHISM.insetLight,
|
NEUMORPHISM.insetLight,
|
||||||
NEUMORPHISM.insetDark,
|
NEUMORPHISM.insetDark,
|
||||||
|
|
||||||
|
|||||||
@@ -17,8 +17,8 @@ export default function BackupWidget({ onClick }: BackupWidgetProps) {
|
|||||||
<Badge className="max-w-fit min-w-fit" name="PRA Immuable">
|
<Badge className="max-w-fit min-w-fit" name="PRA Immuable">
|
||||||
</Badge>
|
</Badge>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="p-6">
|
<CardContent className="p-6 flex flex-col h-full">
|
||||||
<Card variant='digged' className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4">
|
<Card variant="flat" className="rounded-lg p-4 border border-slate-100 mb-4">
|
||||||
<p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
|
<p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
|
||||||
<p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
|
<p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
@@ -5,8 +5,6 @@ import { Button } from '@/components/ui/Button';
|
|||||||
import { Input } from '@/components/ui/Input';
|
import { Input } from '@/components/ui/Input';
|
||||||
import { Select } from '@/components/ui/Select';
|
import { Select } from '@/components/ui/Select';
|
||||||
import { Textarea } from '@/components/ui/Textarea';
|
import { Textarea } from '@/components/ui/Textarea';
|
||||||
import type { TicketCategory } from '@/types/Category';
|
|
||||||
import type { ButtonVariantStyle } from '@/styles/VariantStyle';
|
|
||||||
|
|
||||||
interface NewTicketWidgetProps {
|
interface NewTicketWidgetProps {
|
||||||
onCancel: () => void;
|
onCancel: () => void;
|
||||||
@@ -17,13 +15,13 @@ export const NewTicketWidget: React.FC<NewTicketWidgetProps> = ({ onCancel, onSu
|
|||||||
const { createTicket, isSubmitting, error } = useCreateTicket();
|
const { createTicket, isSubmitting, error } = useCreateTicket();
|
||||||
|
|
||||||
// États locaux isolés dans le widget
|
// États locaux isolés dans le widget
|
||||||
const [category, setCategory] = useState<TicketCategory>('Incident Critique');
|
const [category, setCategory] = useState<'Incident Critique' | 'Évolution' | 'Administratif'>('Incident Critique');
|
||||||
const [ci, setCi] = useState('general');
|
const [ci, setCi] = useState('general');
|
||||||
const [subject, setSubject] = useState('');
|
const [subject, setSubject] = useState('');
|
||||||
const [affectedAsset, setAffectedAsset] = useState('');
|
const [affectedAsset, setAffectedAsset] = useState('');
|
||||||
const [incidentTime, setIncidentTime] = useState('');
|
const [incidentTime, setIncidentTime] = useState('');
|
||||||
const [description, setDescription] = useState('');
|
const [description, setDescription] = useState('');
|
||||||
const [buttonVariant, setButtonVariant]=useState<ButtonVariantStyle>('primary');
|
const [buttonVariant, setButtonVariant]=useState('primary');
|
||||||
|
|
||||||
const handleSubmit = async (e: React.FormEvent) => {
|
const handleSubmit = async (e: React.FormEvent) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -64,7 +62,7 @@ export const NewTicketWidget: React.FC<NewTicketWidgetProps> = ({ onCancel, onSu
|
|||||||
<Select
|
<Select
|
||||||
label="Type de demande"
|
label="Type de demande"
|
||||||
value={category}
|
value={category}
|
||||||
onChange={(e) => {setCategory(e.target.value as TicketCategory); setButtonVariant(e.target.value==="Incident Critique"?"danger":"primary")}}
|
onChange={(e) => {setCategory(e.target.value as any); setButtonVariant(e.target.value==="Incident Critique"?"danger":"primary")}}
|
||||||
options={[
|
options={[
|
||||||
{ value: 'Incident Critique', label: 'Incident Critique (Panne, Dégradation)' },
|
{ value: 'Incident Critique', label: 'Incident Critique (Panne, Dégradation)' },
|
||||||
{ value: 'Évolution', label: 'Évolution (Ajout de ressources, Modification)' },
|
{ value: 'Évolution', label: 'Évolution (Ajout de ressources, Modification)' },
|
||||||
|
|||||||
@@ -30,8 +30,8 @@ export default function ServicesWidget() {
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Button size="lg" onClick={() => navigate('/evolution-infrastructure')}>
|
<Button className ="text-green-600" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
|
||||||
Demander une évolution du parc
|
Mise à niveau du Parc
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
</CardContent>
|
</CardContent>
|
||||||
|
|||||||
@@ -8,14 +8,14 @@ export const SupportCtaWidget: React.FC = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Card>
|
<Card>
|
||||||
<CardContent className="p-6">
|
<CardContent className="p-6 rounded-xl">
|
||||||
<h3 className="text-lg font-semibold mb-2">Centre de Support</h3>
|
<h3 className="text-lg font-semibold mb-2">Centre de Support</h3>
|
||||||
<p className="text-blue-900 text-sm mb-4 leading-relaxed">
|
<p className="text-sm mb-4 leading-relaxed">
|
||||||
Déclarez un incident critique ou demandez une évolution de votre infrastructure.
|
Déclarez un incident critique ou demandez une évolution de votre infrastructure.
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
onClick={() => navigate('/support')}
|
onClick={() => navigate('/support')}
|
||||||
className="w-full text-blue-900"
|
className= "text-rose-500 w-full"
|
||||||
>
|
>
|
||||||
Ouvrir un ticket sécurisé
|
Ouvrir un ticket sécurisé
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ export const SupportFooterWidget: React.FC<SupportFooterWidgetProps> = ({
|
|||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mt-12 bg-slate-900 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
|
<div className="mt-12 bg-slate-500 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
|
||||||
<div>
|
<div>
|
||||||
<h4 className="text-sm font-bold text-white">{title}</h4>
|
<h4 className="text-sm font-bold text-white">{title}</h4>
|
||||||
<p className="text-xs text-slate-400 mt-0.5">
|
<p className="text-xs text-slate-400 mt-0.5">
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ export const TicketChatWidget: React.FC<TicketChatWidgetProps> = ({
|
|||||||
try {
|
try {
|
||||||
await onSendMessage(newMessage);
|
await onSendMessage(newMessage);
|
||||||
setNewMessage(''); // Vide l'input uniquement si l'envoi réussit
|
setNewMessage(''); // Vide l'input uniquement si l'envoi réussit
|
||||||
} catch {
|
} catch (err) {
|
||||||
alert("Erreur lors de l'envoi.");
|
alert("Erreur lors de l'envoi.");
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -24,7 +24,6 @@ export const useDocuments = () => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
||||||
fetchDocuments();
|
fetchDocuments();
|
||||||
}, [fetchDocuments]);
|
}, [fetchDocuments]);
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ export const useInfrastructureNodes = () => {
|
|||||||
sort: 'created',
|
sort: 'created',
|
||||||
});
|
});
|
||||||
setNodes(records);
|
setNodes(records);
|
||||||
} catch {
|
} catch (err) {
|
||||||
setError("Impossible de charger l'infrastructure.");
|
setError("Impossible de charger l'infrastructure.");
|
||||||
} finally {
|
} finally {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
|
|||||||
@@ -23,7 +23,8 @@ export const useLoginFlow = (onLoginSuccess: () => void) => {
|
|||||||
try {
|
try {
|
||||||
const authData = await pb.collection('aegis_users').authWithOAuth2({ provider: 'oidc' });
|
const authData = await pb.collection('aegis_users').authWithOAuth2({ provider: 'oidc' });
|
||||||
if (authData) onLoginSuccess();
|
if (authData) onLoginSuccess();
|
||||||
} catch {
|
} catch (err) {
|
||||||
|
console.error(err);
|
||||||
setError("Échec de la connexion via GISE Identity.");
|
setError("Échec de la connexion via GISE Identity.");
|
||||||
pb.authStore.clear();
|
pb.authStore.clear();
|
||||||
} finally {
|
} finally {
|
||||||
@@ -63,7 +64,7 @@ export const useLoginFlow = (onLoginSuccess: () => void) => {
|
|||||||
} else {
|
} else {
|
||||||
onLoginSuccess();
|
onLoginSuccess();
|
||||||
}
|
}
|
||||||
} catch {
|
} catch (err) {
|
||||||
setError("Identifiants incorrects ou accès révoqué.");
|
setError("Identifiants incorrects ou accès révoqué.");
|
||||||
pb.authStore.clear();
|
pb.authStore.clear();
|
||||||
} finally {
|
} finally {
|
||||||
@@ -97,7 +98,7 @@ export const useLoginFlow = (onLoginSuccess: () => void) => {
|
|||||||
} else {
|
} else {
|
||||||
setError("Code de sécurité invalide ou expiré.");
|
setError("Code de sécurité invalide ou expiré.");
|
||||||
}
|
}
|
||||||
} catch {
|
} catch (err) {
|
||||||
setError("Erreur critique lors de la vérification.");
|
setError("Erreur critique lors de la vérification.");
|
||||||
} finally {
|
} finally {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
|
|||||||
@@ -37,7 +37,6 @@ export const useTicketDetail = (ticketId?: string) => {
|
|||||||
}, [ticketId]);
|
}, [ticketId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
||||||
fetchTicketData();
|
fetchTicketData();
|
||||||
}, [fetchTicketData]);
|
}, [fetchTicketData]);
|
||||||
|
|
||||||
@@ -52,8 +51,9 @@ export const useTicketDetail = (ticketId?: string) => {
|
|||||||
content: content.trim(),
|
content: content.trim(),
|
||||||
});
|
});
|
||||||
await fetchTicketData(); // On recharge les messages après l'envoi
|
await fetchTicketData(); // On recharge les messages après l'envoi
|
||||||
} catch (error) {
|
} catch (err) {
|
||||||
throw new Error("Impossible de charger le ticket", { cause: error });
|
console.error("Erreur lors de l'envoi du message :", err);
|
||||||
|
throw new Error("Impossible d'envoyer le message.");
|
||||||
} finally {
|
} finally {
|
||||||
setIsSending(false);
|
setIsSending(false);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -24,7 +24,6 @@ export const useTickets = () => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
||||||
fetchTickets();
|
fetchTickets();
|
||||||
}, [fetchTickets]);
|
}, [fetchTickets]);
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ export default function ServiceDesk() {
|
|||||||
title="Centre de Support (Service Desk)"
|
title="Centre de Support (Service Desk)"
|
||||||
description="Canal de communication sécurisé avec vos experts GISE."
|
description="Canal de communication sécurisé avec vos experts GISE."
|
||||||
>
|
>
|
||||||
<Button onClick={() => navigate('/support/new')}>
|
<Button className= "text-rose-500" onClick={() => navigate('/support/new')}>
|
||||||
Ouvrir un ticket sécurisé
|
Ouvrir un ticket sécurisé
|
||||||
</Button>
|
</Button>
|
||||||
</PageHeader>
|
</PageHeader>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ import { useEvolutionRequest } from '@/hooks/useEvolutionRequest';
|
|||||||
|
|
||||||
import { BackButton } from '@/components/ui/BackButton';
|
import { BackButton } from '@/components/ui/BackButton';
|
||||||
import { EmptyState } from '@/components/ui/EmptyState';
|
import { EmptyState } from '@/components/ui/EmptyState';
|
||||||
|
import { Button } from '@/components/ui/Button';
|
||||||
|
|
||||||
// Nos nouveaux composants
|
// Nos nouveaux composants
|
||||||
import { EvolutionOptionCard } from '@/components/widgets/EvolutionOptionCard';
|
import { EvolutionOptionCard } from '@/components/widgets/EvolutionOptionCard';
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
export type ButtonVariantStyle = "primary" | "danger" | "secondary" | "success" | "outline" | "ghost";
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export type TicketCategory = "Incident Critique" | "Évolution" | "Administratif";
|
|
||||||
Reference in New Issue
Block a user