mirror of
https://github.com/siop-spelev/siop2.git
synced 2026-08-09 13:11:54 +00:00
9778629827
- Sites : liste + carte Leaflet/OSM réelle (pins maquette, positions PostGIS), création en modale avec position posée au clic sur la carte - Fiche site : arbre site→zones, appareils rattachés, ajout de zone - Ascenseurs : table dense, filtres site/statut, strie rouge à l'arrêt ; fiche appareil (organes ± ajout/retrait, statut, QR réel) ; création identité → rattachement → organes ; étiquette A6 imprimable (objet papier, window.print n'imprime qu'elle) - Personnes & équipes : invitation → lien d'activation affiché à copier (pas d'email en R1, décision explicite), renvoi de lien, équipes ; page /activation (choix du mot de passe, connexion directe) - Catégories : ajout, renommage inline, désactivation - navigation et actions pilotées par la matrice (usePermissions) — l'API re-vérifie chaque requête - e2e Playwright : recette R1 officielle rejouée intégralement (site → zone → appareil+organe → étiquette → invitation → activation) + parcours « la matrice pilote l'UI » ; purge idempotente en globalSetup - alias Vite @siop/shared → source TS (exports nommés CJS ↯ workspace lié) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
30 lines
763 B
TypeScript
30 lines
763 B
TypeScript
import * as Dialog from '@radix-ui/react-dialog';
|
|
import type { ReactNode } from 'react';
|
|
|
|
/** Modale au style de la maquette, portée par Radix (focus, Échap, overlay). */
|
|
export function Modale({
|
|
titre,
|
|
ouverte,
|
|
surFermeture,
|
|
children,
|
|
}: {
|
|
titre: string;
|
|
ouverte: boolean;
|
|
surFermeture: (ouverte: boolean) => void;
|
|
children: ReactNode;
|
|
}) {
|
|
return (
|
|
<Dialog.Root open={ouverte} onOpenChange={surFermeture}>
|
|
<Dialog.Portal>
|
|
<Dialog.Overlay className="voile-radix" />
|
|
<Dialog.Content className="modale" aria-describedby={undefined}>
|
|
<Dialog.Title asChild>
|
|
<h3>{titre}</h3>
|
|
</Dialog.Title>
|
|
{children}
|
|
</Dialog.Content>
|
|
</Dialog.Portal>
|
|
</Dialog.Root>
|
|
);
|
|
}
|