From 21dd6cf034f7200b00c6e92682c73566e6a5b15f Mon Sep 17 00:00:00 2001 From: pr-daaif Date: Sun, 2 Aug 2026 11:27:50 +0100 Subject: [PATCH] =?UTF-8?q?feat(r6):=20R6.2=20=E2=80=94=20Parc=20sur=20mob?= =?UTF-8?q?ile=20(Sites,=20Ascenseurs)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit useLocations() mobile ; écran Sites (premier niveau) ; fiche site (identité, zones, ascenseurs du site — consultation seule, D4, pas de carte ni d'édition sur mobile pour l'instant) ; écran Ascenseurs (parc complet déjà préchargé, D1) ouvrant la fiche appareil R4 telle quelle (déjà générique, aucune modification nécessaire). Menu : Ascenseurs/Sites routent réellement au lieu de « à venir » ; Catégories reste à venir (admin, hors périmètre R6.2). Exécution directe de la maquette R6 déjà validée, patrons visuels réutilisés (Carte/LigneInfo/EnteteFiche) — pas de nouveau tour de design. Typecheck propre, 17 tests Jest, lint 5/5 paquets. Co-Authored-By: Claude Sonnet 5 --- CLAUDE.md | 3 +- apps/mobile/app/(tabs)/menu.tsx | 4 +- apps/mobile/app/ascenseurs/index.tsx | 90 +++++++++++++++++++++++++ apps/mobile/app/sites/[id].tsx | 99 ++++++++++++++++++++++++++++ apps/mobile/app/sites/index.tsx | 69 +++++++++++++++++++ apps/mobile/src/api/exploitation.ts | 7 ++ docs/journal/journal.md | 31 +++++++++ 7 files changed, 300 insertions(+), 3 deletions(-) create mode 100644 apps/mobile/app/ascenseurs/index.tsx create mode 100644 apps/mobile/app/sites/[id].tsx create mode 100644 apps/mobile/app/sites/index.tsx diff --git a/CLAUDE.md b/CLAUDE.md index 9ff3cca..bd4040d 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -72,5 +72,6 @@ pnpm + Turborepo. `apps/api` : NestJS, Prisma, PostgreSQL (pgvector + PostGIS), - fix(mobile) **déconnexion accessible depuis tous les onglets (02/08)** : bug remonté par le référent (une fois authentifié, aucun moyen de revenir en arrière ou de se déconnecter — seule « Ma journée » portait ce contrôle, via un `onLongPress` non découvrable). `EnteteTabs` (`composants/ui.tsx`) factorise une entête commune aux 4 onglets terrain, tap simple + confirmation, rôle affiché dynamique. - ✅ **R6 — maquette validée (02/08)** : `maquette-mobile-tous-roles.html`, 7 écrans (synthèse par rôle, Accueil adaptatif, Menu groupé, OT côté Dispatcher, Demandes, Stock, Personnes & statistiques) + 5 décisions actées — D1 barre d'onglets adaptative (Technicien/Technicien limité inchangés + onglet Menu) ; D2 le Menu reprend à l'identique les 4 groupes du web (même matrice, aucune règle nouvelle) ; D3 groupe sans lien visible masqué en entier ; D4 le mobile porte les actions courantes par famille, pas les flux de gestion les plus denses (réservés au web) ; D5 aucune logique de permission propre au mobile. Nouvelle release (R4 est close et R4.1/4.2/4.3 déjà pris par le socle mobile technicien d'origine — pas de réouverture, pas de collision de numérotation). - ✅ **R6.1 — socle** : `usePermissions()` mobile (calqué sur le web, lit `me.permissions`) ; barre d'onglets adaptative par rôle (`ongletsVisibles`, `href: null` masque sans retirer du navigateur) ; écrans Accueil (dashboard réel pour Administrateur/Gestionnaire/Dispatcher/Vue seule, aucun chiffre inventé), OT (liste complète `viewOther`, réutilise la fiche OT R4 telle quelle), Menu (groupes filtrés par la matrice, groupe vide masqué), Demandes (`PanneauDemandes` — un seul composant pour tous les rôles : création/suivi pour le Demandeur, approbation/rejet à motif pour Gestionnaire/Dispatcher/Administrateur, lecture seule pour Vue seule ; `GET /assets/options`, déjà ouvert à tout rôle authentifié depuis R2.3, réutilisé pour le sélecteur d'équipement). Familles pas encore portées (Sites, Ascenseurs, Stock, Tiers, Fichiers, Statistiques, Assistant, Personnes) : écran « à venir » honnête plutôt qu'un lien mort. Typecheck propre, 17 tests Jest verts, lint 5/5 paquets — pas de vérification visuelle en navigateur de mon côté (aucun outil de ce type dans cet environnement), à confirmer par le référent sur l'iPhone déjà connecté au serveur Metro. -- 🔄 **Reprise ici** : confirmation du référent sur iPhone (nav adaptative R6.1 + correctif déconnexion) ; puis R6.2 (Parc — Sites, Ascenseurs), R6.3 (Ressources — Stock, Tiers, Fichiers), R6.4 (Pilotage — Statistiques, Personnes, Assistant), sur le modèle des sous-releases R4.1→R4.3. Restes non bloquants inchangés : redéploiement Dokploy de l'instance ENSET (`AI_SERVICE_TOKEN` à créer — runbook §2 — puis « Réindexer tout »), recette Android sur appareil physique, calibrage `AI_SEUIL_*` et qualité darija sur corpus SPELEV réel, secret `DOKPLOY_WEBHOOK_URL`, production client SPELEV (attend les accès serveur du partenaire). +- ✅ **R6.2 — Parc (Sites, Ascenseurs)** : `useLocations()` mobile ; écran Sites (premier niveau, `parentId===null`) ; fiche site (identité, zones, ascenseurs du site — consultation seule, D4, pas de carte ni d'édition sur mobile) ; écran Ascenseurs (parc complet déjà préchargé, D1) ouvrant la fiche appareil R4 telle quelle (générique, aucune modification nécessaire). Menu : Ascenseurs/Sites routent réellement, Catégories reste à venir (admin, hors périmètre). Typecheck propre, 17 tests Jest, lint 5/5 — exécution directe de la maquette déjà validée, pas de nouveau tour de design. +- 🔄 **Reprise ici** : R6.3 (Ressources — Stock, Tiers, Fichiers), puis R6.4 (Pilotage — Statistiques, Personnes, Assistant), sur le modèle des sous-releases R4.1→R4.3. Confirmation du référent sur iPhone (nav adaptative R6.1 + correctif déconnexion) toujours en attente. Restes non bloquants inchangés : redéploiement Dokploy de l'instance ENSET (`AI_SERVICE_TOKEN` à créer — runbook §2 — puis « Réindexer tout »), recette Android sur appareil physique, calibrage `AI_SEUIL_*` et qualité darija sur corpus SPELEV réel, secret `DOKPLOY_WEBHOOK_URL`, production client SPELEV (attend les accès serveur du partenaire). - Détail quotidien : `docs/journal/journal.md`. Dépôt : `siop-spelev/siop2` (privé), jalons R0→R5 (v1) + R6 en cours. diff --git a/apps/mobile/app/(tabs)/menu.tsx b/apps/mobile/app/(tabs)/menu.tsx index 4679540..917a6ad 100644 --- a/apps/mobile/app/(tabs)/menu.tsx +++ b/apps/mobile/app/(tabs)/menu.tsx @@ -37,8 +37,8 @@ const GROUPES: { titre: string; liens: LienMenu[] }[] = [ { titre: 'Parc', liens: [ - { libelle: 'Ascenseurs', ico: '▣', permission: ['ASSETS', 'view'], aVenir: 'La liste du parc en mobilité arrive dans une prochaine étape — en attendant, le Scanner et les fiches OT y mènent déjà.' }, - { libelle: 'Sites', ico: '◫', permission: ['LOCATIONS', 'view'], aVenir: 'La liste des sites en mobilité arrive dans une prochaine étape.' }, + { libelle: 'Ascenseurs', ico: '▣', permission: ['ASSETS', 'view'], route: '/ascenseurs' }, + { libelle: 'Sites', ico: '◫', permission: ['LOCATIONS', 'view'], route: '/sites' }, { libelle: 'Catégories', ico: '▤', permission: ['SETTINGS', 'view'], aVenir: 'L’administration des catégories reste sur le grand écran pour l’instant.' }, ], }, diff --git a/apps/mobile/app/ascenseurs/index.tsx b/apps/mobile/app/ascenseurs/index.tsx new file mode 100644 index 0000000..8c0fc71 --- /dev/null +++ b/apps/mobile/app/ascenseurs/index.tsx @@ -0,0 +1,90 @@ +import { router } from 'expo-router'; +import { FlatList, Pressable, Text, View } from 'react-native'; +import { SafeAreaView } from 'react-native-safe-area-context'; +import { ASSET_STATUS_LABELS, type AssetStatus } from '@siop/shared'; +import { useAssets } from '@/api/exploitation'; +import { EnteteFiche } from '@/composants/ui'; +import { useTokens, type Tokens } from '@/theme/tokens'; + +/** Ascenseurs — R6.2 (Parc). Le parc complet, déjà préchargé (D1 lecture + * locale) — même donnée que le Scanner, présentée en liste plutôt qu'en + * résolution QR. Ouvre la fiche R4 telle quelle (écran 5). */ +export default function PageAscenseurs() { + const t = useTokens(); + const { data: assets } = useAssets(); + const appareils = [...(assets ?? [])].sort((a, b) => a.reference.localeCompare(b.reference)); + + return ( + + + + a.id} + contentContainerStyle={{ gap: 8, paddingBottom: 12 }} + ListEmptyComponent={ + + Aucun appareil accessible. + + } + renderItem={({ item: a }) => ( + router.push(`/ascenseur/${a.id}`)} + style={{ + backgroundColor: t.surface, + borderColor: t.bordure, + borderWidth: 1, + borderRadius: 12, + padding: 12, + gap: 2, + }} + > + + + {a.reference} + + + + + {a.brand} {a.model ?? ''} + + + {a.siteName} — {a.locationName} + + + )} + /> + + + ); +} + +function ChipStatutAppareil({ statut, t }: { statut: AssetStatus; t: Tokens }) { + const enService = statut === 'IN_SERVICE'; + return ( + + {ASSET_STATUS_LABELS[statut]} + + ); +} diff --git a/apps/mobile/app/sites/[id].tsx b/apps/mobile/app/sites/[id].tsx new file mode 100644 index 0000000..e80575b --- /dev/null +++ b/apps/mobile/app/sites/[id].tsx @@ -0,0 +1,99 @@ +import { router, useLocalSearchParams } from 'expo-router'; +import { Pressable, ScrollView, Text } from 'react-native'; +import { SafeAreaView } from 'react-native-safe-area-context'; +import { ASSET_STATUS_LABELS, type AssetStatus } from '@siop/shared'; +import { useAssets, useLocations } from '@/api/exploitation'; +import { Carte, EnteteFiche, LigneInfo } from '@/composants/ui'; +import { useTokens, type Tokens } from '@/theme/tokens'; + +/** Fiche site — R6.2. Consultation seule (D4) : identité, zones, ascenseurs + * du site. Pas de carte interactive ni d'édition sur mobile pour l'instant + * (réservé au web) — même filtre appareils↔site que fiche-site.tsx (web) : + * par nom, la liste étant déjà plate côté serveur. */ +export default function PageFicheSite() { + const t = useTokens(); + const { id } = useLocalSearchParams<{ id: string }>(); + const { data: locations } = useLocations(); + const { data: assets } = useAssets(); + + const site = (locations ?? []).find((l) => l.id === id); + if (!site) return null; + + const zones = (locations ?? []).filter((l) => l.parentId === site.id); + const appareils = (assets ?? []).filter((a) => a.siteName === site.name); + + return ( + + + + + + + + {site.guardianPhone ? : null} + + + + + {zones.length ? ( + + {zones.map((z) => ( + a.locationId === z.id).map((a) => a.reference).join(' · ') || '—'} + /> + ))} + + ) : null} + + + {appareils.map((a) => ( + router.push(`/ascenseur/${a.id}`)} + style={{ flexDirection: 'row', alignItems: 'center', gap: 8, paddingVertical: 3 }} + > + + {a.reference} + + + {a.brand} {a.model ?? ''} + + + + ))} + {!appareils.length ? ( + + Aucun appareil rattaché. + + ) : null} + + + + ); +} + +function ChipStatutAppareil({ statut, t }: { statut: AssetStatus; t: Tokens }) { + const enService = statut === 'IN_SERVICE'; + return ( + + {ASSET_STATUS_LABELS[statut]} + + ); +} diff --git a/apps/mobile/app/sites/index.tsx b/apps/mobile/app/sites/index.tsx new file mode 100644 index 0000000..743a744 --- /dev/null +++ b/apps/mobile/app/sites/index.tsx @@ -0,0 +1,69 @@ +import { router } from 'expo-router'; +import { FlatList, Pressable, Text, View } from 'react-native'; +import { SafeAreaView } from 'react-native-safe-area-context'; +import { useLocations } from '@/api/exploitation'; +import { EnteteFiche } from '@/composants/ui'; +import { useTokens } from '@/theme/tokens'; + +/** Sites — R6.2 (Parc). Liste plate → sites de premier niveau seulement + * (une zone n'a jamais de fiche propre, elle suit son site — même règle + * que le web, sites.tsx). */ +export default function PageSites() { + const t = useTokens(); + const { data: locations } = useLocations(); + const sites = (locations ?? []).filter((l) => l.parentId === null); + + return ( + + + + s.id} + contentContainerStyle={{ gap: 8, paddingBottom: 12 }} + ListEmptyComponent={ + + Aucun site accessible. + + } + renderItem={({ item: s }) => ( + router.push(`/sites/${s.id}`)} + style={{ + backgroundColor: t.surface, + borderColor: t.bordure, + borderWidth: 1, + borderRadius: 12, + padding: 12, + gap: 2, + }} + > + + + {s.name} + + + {s.assetCount} appareil{s.assetCount > 1 ? 's' : ''} + + + + {[s.address, s.city].filter(Boolean).join(' — ') || '—'} + + + )} + /> + + + ); +} diff --git a/apps/mobile/src/api/exploitation.ts b/apps/mobile/src/api/exploitation.ts index 5e5b9c4..79c8027 100644 --- a/apps/mobile/src/api/exploitation.ts +++ b/apps/mobile/src/api/exploitation.ts @@ -28,6 +28,13 @@ export function useWorkOrder(id: string) { }); } +export function useLocations() { + return useQuery({ + queryKey: ['locations'], + queryFn: async () => (await unwrap(await api.GET('/locations'))).locations, + }); +} + export function useAssets(opts?: { enabled?: boolean }) { return useQuery({ queryKey: ['assets'], diff --git a/docs/journal/journal.md b/docs/journal/journal.md index 1bf3acf..39788b2 100644 --- a/docs/journal/journal.md +++ b/docs/journal/journal.md @@ -4,6 +4,37 @@ Trace chronologique des sessions (la plus récente en premier). Le **playbook** --- +## 2026-08-02 — Pr. Daaif (+ Claude) — R6.2 : Parc sur mobile (Sites, Ascenseurs) + +**Actions** + +- `useLocations()` mobile (`GET /locations`, même liste plate que le web — le client construit + l'arbre site → zone). +- Écran **Sites** (`app/sites/index.tsx`) : sites de premier niveau (`parentId === null`), nom, + ville/adresse, nombre d'appareils. +- **Fiche site** (`app/sites/[id].tsx`) : identité (adresse, gardien, client/syndic), zones avec + leurs appareils, liste des ascenseurs du site — même filtre `siteName` que `fiche-site.tsx` + (web). Pas de carte interactive ni d'édition sur mobile (D4 — consultation seule pour cette + famille, réservé au web pour l'instant). +- Écran **Ascenseurs** (`app/ascenseurs/index.tsx`) : le parc complet, déjà préchargé (D1 lecture + locale, même donnée que le Scanner), trié par référence. Ouvre la fiche appareil R4 telle + quelle (`ascenseur/[id].tsx`, déjà générique — aucune modification nécessaire, elle dérive déjà + ce qu'elle affiche du rôle appelant côté serveur). +- Menu : « Ascenseurs » et « Sites » routent maintenant vers ces écrans réels (retirés de la + liste « à venir ») ; « Catégories » reste à venir (admin, hors périmètre R6.2). +- Vérifié : typecheck propre, 17 tests Jest, lint 5/5 paquets. + +**Décisions** + +- Aucune nouvelle — exécution directe de la maquette R6 déjà validée (Parc = D4, consultation + seule) ; pas de nouveau tour de maquette pour cette sous-étape, les patrons visuels réutilisés + (Carte/LigneInfo/EnteteFiche) sont déjà validés depuis R4. + +**Prochaine étape** : R6.3 (Ressources — Stock, Tiers, Fichiers) ; confirmation du référent sur +iPhone pour R6.1 et le correctif déconnexion, toujours en attente. + +--- + ## 2026-08-02 — Pr. Daaif (+ Claude) — R6 lancée : mobile ouvert à tous les rôles **Contexte** — deux retours du référent en test réel sur iPhone : (1) une fois authentifié,