mirror of
https://github.com/siop-spelev/siop2.git
synced 2026-08-09 21:21:54 +00:00
feat(r1.2): écrans web du référentiel — 7 écrans fidèles à maquette-r1
- 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>
This commit is contained in:
29
apps/web/src/components/ui/modale.tsx
Normal file
29
apps/web/src/components/ui/modale.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user