feat(r6): R6.3 — Ressources sur mobile (Stock, Tiers, Fichiers)

api/ressources.ts (usePartners, useParts/usePart, useCreatePurchaseOrder,
useDocuments). Écran Stock (sous-seuil en tête) + fiche pièce + "Commander"
pré-rempli en une ligne (fournisseur figé, quantité = manquant jusqu'au
seuil, prix = dernier connu — BC multi-lignes détaillé réservé au web, D4).
Tiers en lecture seule (création/édition réservées au web). Fichiers en
métadonnées seules — l'ouverture demande expo-sharing (dépendance native
absente, donc un nouveau build natif) : différée explicitement plutôt
qu'ajoutée à la légère au milieu de cette passe.

Menu : Stock & achats / Tiers / Fichiers routent réellement.

Typecheck propre, 17 tests Jest, lint 5/5 paquets. Contrat non touché,
toutes les opérations utilisées existaient déjà depuis R3.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
pr-daaif
2026-08-02 11:35:55 +01:00
parent 21dd6cf034
commit f210d4f801
9 changed files with 489 additions and 4 deletions

View File

@@ -73,5 +73,6 @@ pnpm + Turborepo. `apps/api` : NestJS, Prisma, PostgreSQL (pgvector + PostGIS),
- **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 — 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. - **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.
- **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. - **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.1R4.3. Confirmation du férent sur iPhone (nav adaptative R6.1 + correctif 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 quali darija sur corpus SPELEV réel, secret `DOKPLOY_WEBHOOK_URL`, production client SPELEV (attend les accès serveur du partenaire). - **R6.3 — Ressources (Stock, Tiers, Fichiers)** : `api/ressources.ts` (usePartners/useParts/usePart/useCreatePurchaseOrder/useDocuments) ; écran Stock (sous-seuil en tête) + fiche pièce + « Commander » p-rempli en une ligne (fournisseur figé, quantité = manquant jusqu'au seuil, prix = dernier connu le BC multi-lignes détaillé reste au web, D4) ; Tiers en lecture seule (création/édition réservées au web) ; Fichiers en métadonnées seules l'ouverture/téléchargement demande `expo-sharing` (dépendance native absente, donc un nouveau build) et est explicitement différée plutôt qu'ajoue à la légère. Menu branché. Typecheck propre, 17 tests Jest, lint 5/5, contrat non touché (toutes les opérations existaient déjà depuis R3).
- 🔄 **Reprise ici** : R6.4 (Pilotage Statistiques, Personnes, Assistant), sur le modèle des sous-releases R4.1R4.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), `expo-sharing` pour l'ouverture de documents mobile.
- Détail quotidien : `docs/journal/journal.md`. Dépôt : `siop-spelev/siop2` (privé), jalons R0R5 (v1) + R6 en cours. - Détail quotidien : `docs/journal/journal.md`. Dépôt : `siop-spelev/siop2` (privé), jalons R0R5 (v1) + R6 en cours.

View File

@@ -45,9 +45,9 @@ const GROUPES: { titre: string; liens: LienMenu[] }[] = [
{ {
titre: 'Ressources', titre: 'Ressources',
liens: [ liens: [
{ libelle: 'Stock & achats', ico: '◔', permission: ['PARTS', 'view'], aVenir: 'Le stock et les bons de commande en mobilité arrivent dans une prochaine étape.' }, { libelle: 'Stock & achats', ico: '◔', permission: ['PARTS', 'view'], route: '/stock' },
{ libelle: 'Tiers', ico: '⇄', permission: ['PURCHASE_ORDERS', 'view'], aVenir: 'Fournisseurs et clients restent sur le grand écran pour linstant.' }, { libelle: 'Tiers', ico: '⇄', permission: ['PURCHASE_ORDERS', 'view'], route: '/tiers' },
{ libelle: 'Fichiers', ico: '▧', permission: ['ASSETS', 'view'], aVenir: 'La bibliothèque documentaire reste sur le grand écran pour linstant.' }, { libelle: 'Fichiers', ico: '▧', permission: ['ASSETS', 'view'], route: '/bibliotheque' },
], ],
}, },
{ {

View File

@@ -0,0 +1,80 @@
import { FlatList, Text, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useDocuments } from '@/api/ressources';
import { EnteteFiche } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';
const ICONE_TYPE: Record<string, string> = {
NOTICE: '📘',
CERTIFICATE: '📜',
PHOTO: '🖼',
OTHER: '📄',
};
function taille(octets: number): string {
if (octets < 1024) return `${octets} o`;
if (octets < 1024 * 1024) return `${Math.round(octets / 1024)} Ko`;
return `${(octets / (1024 * 1024)).toFixed(1)} Mo`;
}
/** Fichiers — R6.3 (Ressources). Consultation des métadonnées seulement
* (D4) : l'ouverture/téléchargement d'un document sur mobile demande un
* flux authentifié (l'API le streame, MinIO n'est jamais exposé) suivi
* d'un partage natif — nécessite `expo-sharing`, pas encore une dépendance
* du projet ; ajoutée dans une prochaine étape plutôt que d'introduire une
* nouvelle dépendance native (et donc un nouveau build) dans cette passe.
* En attendant : ouvrir depuis le web. */
export default function PageBibliotheque() {
const t = useTokens();
const { data: documents } = useDocuments();
const fichiers = [...(documents ?? [])].sort(
(a, b) => Date.parse(b.createdAt) - Date.parse(a.createdAt),
);
return (
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
<View style={{ flex: 1, padding: 14, gap: 10 }}>
<EnteteFiche titre="Fichiers" />
<Text style={{ fontFamily: 'Manrope_600SemiBold', fontSize: 11.5, color: t.encre3 }}>
Consultation seulement l'ouverture se fait depuis le web pour l'instant.
</Text>
<FlatList
data={fichiers}
keyExtractor={(d) => d.id}
contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
ListEmptyComponent={
<Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
Aucun document accessible.
</Text>
}
renderItem={({ item: d }) => (
<View
style={{
flexDirection: 'row',
alignItems: 'center',
gap: 10,
backgroundColor: t.surface,
borderColor: t.bordure,
borderWidth: 1,
borderRadius: 12,
padding: 12,
}}
>
<Text style={{ fontSize: 20 }}>{ICONE_TYPE[d.kind] ?? '📄'}</Text>
<View style={{ flex: 1, gap: 1 }}>
<Text numberOfLines={1} style={{ fontFamily: 'Manrope_700Bold', fontSize: 13, color: t.encre }}>
{d.fileName}
</Text>
<Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 11.5, color: t.encre2 }}>
{[d.assetReference && `Asc. ${d.assetReference}`, d.workOrderReference, taille(d.size)]
.filter(Boolean)
.join(' · ')}
</Text>
</View>
</View>
)}
/>
</View>
</SafeAreaView>
);
}

View File

@@ -0,0 +1,65 @@
import { router, useLocalSearchParams } from 'expo-router';
import { ScrollView, Text } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { usePart } from '@/api/ressources';
import { usePermissions } from '@/auth/use-permissions';
import { BoutonTel, Carte, EnteteFiche, LigneInfo } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';
const fmt = new Intl.NumberFormat('fr-FR');
const fmtMAD = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'MAD' });
/** Fiche pièce — R6.3. Consultation + une action courante (D4) : commander,
* pré-rempli depuis cette fiche, comme la maquette (écran 6). Les
* mouvements de stock (entrée manuelle, ajustement) restent au web. */
export default function PageFichePiece() {
const t = useTokens();
const { id } = useLocalSearchParams<{ id: string }>();
const { data: piece } = usePart(id);
const { can } = usePermissions();
if (!piece) return null;
const peutCommander = can('PURCHASE_ORDERS', 'create') && !!piece.supplierId;
return (
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
<ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
<EnteteFiche titre={piece.designation} />
<Carte titre="Identité">
<LigneInfo nom="Référence" valeur={piece.reference} />
<LigneInfo
nom="Stock"
valeur={
<Text
style={{
color: piece.belowThreshold ? t.danger : t.encre,
fontFamily: 'Manrope_700Bold',
fontSize: 12.5,
}}
>
{fmt.format(piece.stock)}
</Text>
}
/>
<LigneInfo nom="Seuil d'alerte" valeur={fmt.format(piece.threshold)} />
<LigneInfo nom="Fournisseur" valeur={piece.supplierName ?? '—'} />
<LigneInfo
nom="Dernier prix"
valeur={piece.lastUnitPrice != null ? fmtMAD.format(piece.lastUnitPrice) : '—'}
/>
{piece.compatible ? <LigneInfo nom="Compatible" valeur={piece.compatible} /> : null}
</Carte>
{peutCommander ? (
<BoutonTel libelle="Commander" surAppui={() => router.push(`/stock/${piece.id}/commander`)} />
) : null}
{!piece.supplierId && can('PURCHASE_ORDERS', 'create') ? (
<Text style={{ color: t.encre3, fontFamily: 'Manrope_400Regular', fontSize: 12, textAlign: 'center' }}>
Aucun fournisseur associé commande depuis le web.
</Text>
) : null}
</ScrollView>
</SafeAreaView>
);
}

View File

@@ -0,0 +1,99 @@
import { router, useLocalSearchParams } from 'expo-router';
import { useState } from 'react';
import { ScrollView, Text, TextInput, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useCreatePurchaseOrder, usePart } from '@/api/ressources';
import { BoutonTel, Carte, EnteteFiche, LigneInfo } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';
/** Nouveau BC pré-rempli depuis l'alerte stock — maquette écran 6. Une
* seule ligne (cette pièce) : le bon de commande multi-lignes détaillé
* reste au web (D4). */
export default function PageCommander() {
const t = useTokens();
const { id } = useLocalSearchParams<{ id: string }>();
const { data: piece } = usePart(id);
const creation = useCreatePurchaseOrder();
const manquant = piece ? Math.max(piece.threshold - piece.stock, 1) : 1;
const [quantite, setQuantite] = useState(String(manquant));
const [prix, setPrix] = useState('');
if (!piece || !piece.supplierId) return null;
const prixDefaut = piece.lastUnitPrice != null ? String(piece.lastUnitPrice) : '';
const prixSaisi = prix || prixDefaut;
const qte = Number(quantite);
const pu = Number(prixSaisi);
const valide = qte > 0 && pu >= 0 && Number.isFinite(qte) && Number.isFinite(pu);
return (
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
<ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
<EnteteFiche titre="Nouveau BC" />
<Carte titre="Ligne">
<LigneInfo nom="Fournisseur" valeur={piece.supplierName ?? '—'} />
<LigneInfo nom="Pièce" valeur={`${piece.designation} (${piece.reference})`} />
</Carte>
<View style={{ gap: 4 }}>
<Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 11, color: t.encre2 }}>Quantité</Text>
<TextInput
accessibilityLabel="Quantité"
keyboardType="numeric"
value={quantite}
onChangeText={setQuantite}
style={{
borderWidth: 1.5,
borderColor: t.bordureForte,
borderRadius: 9,
paddingHorizontal: 10,
paddingVertical: 9,
color: t.encre,
fontFamily: 'Manrope_600SemiBold',
fontSize: 13,
}}
/>
</View>
<View style={{ gap: 4 }}>
<Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 11, color: t.encre2 }}>
Prix unitaire (MAD)
</Text>
<TextInput
accessibilityLabel="Prix unitaire"
keyboardType="numeric"
placeholder={prixDefaut || '0'}
placeholderTextColor={t.encre3}
value={prix}
onChangeText={setPrix}
style={{
borderWidth: 1.5,
borderColor: t.bordureForte,
borderRadius: 9,
paddingHorizontal: 10,
paddingVertical: 9,
color: t.encre,
fontFamily: 'Manrope_600SemiBold',
fontSize: 13,
}}
/>
</View>
{creation.isError ? (
<Text style={{ color: t.danger, fontFamily: 'Manrope_600SemiBold', fontSize: 12.5 }}>
{creation.error.message}
</Text>
) : null}
<BoutonTel
libelle="Créer le BC"
desactive={!valide || creation.isPending}
surAppui={() =>
creation.mutate(
{
supplierId: piece.supplierId!,
lines: [{ partId: piece.id, quantity: qte, unitPrice: pu }],
},
{ onSuccess: () => (router.canGoBack() ? router.back() : router.replace('/stock')) },
)
}
/>
</ScrollView>
</SafeAreaView>
);
}

View File

@@ -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 { useParts } from '@/api/ressources';
import { EnteteFiche } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';
const fmt = new Intl.NumberFormat('fr-FR');
/** Stock — R6.3 (Ressources). Sous-seuil en tête, comme le web (stock.tsx) —
* ce qui demande une action passe avant le reste. */
export default function PageStock() {
const t = useTokens();
const { data: parts } = useParts();
const pieces = [...(parts ?? [])].sort((a, b) => {
if (a.belowThreshold !== b.belowThreshold) return a.belowThreshold ? -1 : 1;
return a.designation.localeCompare(b.designation);
});
const sousSeuil = pieces.filter((p) => p.belowThreshold).length;
return (
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
<View style={{ flex: 1, padding: 14, gap: 10 }}>
<EnteteFiche
titre="Stock & achats"
apres={
sousSeuil ? (
<Text
style={{
fontFamily: 'Manrope_800ExtraBold',
fontSize: 10.5,
color: t.danger,
backgroundColor: t.prioBloqueFond,
paddingHorizontal: 8,
paddingVertical: 2,
borderRadius: 999,
}}
>
{sousSeuil} sous seuil
</Text>
) : undefined
}
/>
<FlatList
data={pieces}
keyExtractor={(p) => p.id}
contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
ListEmptyComponent={
<Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
Aucune pièce accessible.
</Text>
}
renderItem={({ item: p }) => (
<Pressable
accessibilityRole="button"
onPress={() => router.push(`/stock/${p.id}`)}
style={{
backgroundColor: t.surface,
borderColor: p.belowThreshold ? t.danger : t.bordure,
borderWidth: p.belowThreshold ? 1.5 : 1,
borderRadius: 12,
padding: 12,
gap: 2,
}}
>
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
<Text style={{ flex: 1, fontFamily: 'Manrope_700Bold', fontSize: 14, color: t.encre }}>
{p.designation}
</Text>
<Text
style={{
fontFamily: 'Manrope_800ExtraBold',
fontSize: 13,
color: p.belowThreshold ? t.danger : t.encre,
}}
>
{fmt.format(p.stock)}
</Text>
</View>
<Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
{p.reference} · seuil {fmt.format(p.threshold)}
{p.supplierName ? ` · ${p.supplierName}` : ''}
</Text>
</Pressable>
)}
/>
</View>
</SafeAreaView>
);
}

View File

@@ -0,0 +1,67 @@
import { FlatList, Text, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { usePartners } from '@/api/ressources';
import { EnteteFiche } from '@/composants/ui';
import { useTokens } from '@/theme/tokens';
/** Tiers — R6.3 (Ressources). Consultation seule sur mobile (D4) : la
* création/édition de fournisseurs et clients reste au web pour l'instant. */
export default function PageTiers() {
const t = useTokens();
const { data: partners } = usePartners();
const tiers = [...(partners ?? [])].sort((a, b) => a.name.localeCompare(b.name));
return (
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
<View style={{ flex: 1, padding: 14, gap: 10 }}>
<EnteteFiche titre="Tiers" />
<FlatList
data={tiers}
keyExtractor={(p) => p.id}
contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
ListEmptyComponent={
<Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
Aucun tiers accessible.
</Text>
}
renderItem={({ item: p }) => (
<View
style={{
backgroundColor: t.surface,
borderColor: t.bordure,
borderWidth: 1,
borderRadius: 12,
padding: 12,
gap: 2,
opacity: p.isActive ? 1 : 0.55,
}}
>
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
<Text style={{ flex: 1, fontFamily: 'Manrope_700Bold', fontSize: 14, color: t.encre }}>
{p.name}
</Text>
<Text
style={{
fontFamily: 'Manrope_700Bold',
fontSize: 10.5,
color: p.kind === 'SUPPLIER' ? t.stOuvert : t.stEncours,
backgroundColor: p.kind === 'SUPPLIER' ? t.stOuvertFond : t.stEncoursFond,
paddingHorizontal: 8,
paddingVertical: 2,
borderRadius: 999,
}}
>
{p.kind === 'SUPPLIER' ? 'Fournisseur' : 'Client'}
</Text>
</View>
<Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
{[p.contactName, p.phone, p.city].filter(Boolean).join(' · ') || '—'}
{p.kind === 'SUPPLIER' && p.openOrders ? ` · ${p.openOrders} BC en cours` : ''}
</Text>
</View>
)}
/>
</View>
</SafeAreaView>
);
}

View File

@@ -0,0 +1,47 @@
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import type { PurchaseOrderCreate } from '@siop/shared';
import { api, unwrap } from './client';
/** Hooks R6.3 — Ressources (Stock, Tiers, Fichiers) : mêmes opérations que
* le web (gestion.ts), périmètre mobile plus étroit (D4 — consultation +
* action courante « commander », pas les flux de gestion les plus denses :
* pas de création/édition de pièce ou de tiers sur mobile pour l'instant). */
export function usePartners() {
return useQuery({
queryKey: ['partners'],
queryFn: async () => (await unwrap(await api.GET('/partners'))).partners,
});
}
export function useParts() {
return useQuery({
queryKey: ['parts'],
queryFn: async () => (await unwrap(await api.GET('/parts'))).parts,
});
}
export function usePart(id: string) {
return useQuery({
queryKey: ['parts', id],
queryFn: async () => unwrap(await api.GET('/parts/{id}', { params: { path: { id } } })),
});
}
export function useCreatePurchaseOrder() {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (body: PurchaseOrderCreate) =>
unwrap(await api.POST('/purchase-orders', { body })),
onSuccess: () => queryClient.invalidateQueries({ queryKey: ['purchase-orders'] }),
});
}
/** Bibliothèque complète (sans filtre appareil/OT — voir aussi
* `useDocumentsOT` dans exploitation.ts, scopée à un OT). */
export function useDocuments() {
return useQuery({
queryKey: ['documents'],
queryFn: async () => (await unwrap(await api.GET('/documents'))).documents,
});
}

View File

@@ -4,6 +4,42 @@ Trace chronologique des sessions (la plus récente en premier). Le **playbook**
--- ---
## 2026-08-02 — Pr. Daaif (+ Claude) — R6.3 : Ressources sur mobile (Stock, Tiers, Fichiers)
**Actions**
- `apps/mobile/src/api/ressources.ts` (nouveau fichier, mêmes opérations que `gestion.ts` côté
web) : `usePartners`, `useParts`/`usePart`, `useCreatePurchaseOrder`, `useDocuments` (bibliothèque
complète, sans filtre — distincte de `useDocumentsOT` déjà scopée à un OT).
- Écran **Stock** (`app/stock/index.tsx`) : pièces sous seuil en tête (même logique que `stock.tsx`
web), badge compteur. **Fiche pièce** (`app/stock/[id].tsx`) : identité + « Commander » si
`PURCHASE_ORDERS.create` ET fournisseur associé — sinon message explicite plutôt qu'un bouton
mort. **Nouveau BC** (`app/stock/[id]/commander.tsx`) : une seule ligne pré-remplie depuis
l'alerte (fournisseur figé, quantité par défaut = manquant jusqu'au seuil, prix par défaut =
dernier prix connu) — le bon de commande multi-lignes détaillé reste au web (D4).
- Écran **Tiers** (`app/tiers/index.tsx`) : liste fournisseurs/clients, **lecture seule** sur
mobile pour cette passe (D4 — création/édition réservées au web).
- Écran **Fichiers** (`app/bibliotheque/index.tsx`) : métadonnées seulement (nom, taille,
rattachement), **pas d'ouverture/téléchargement** — ce flux demande `expo-sharing` (dépendance
native absente du projet) et donc un nouveau cycle de build natif ; reporté plutôt
qu'ajouté à la légère au milieu de cette passe. Le bandeau de l'écran le dit explicitement.
- Menu : Stock & achats / Tiers / Fichiers routent réellement.
- Vérifié : typecheck propre, 17 tests Jest, lint 5/5 paquets. Contrat (`schema.d.ts`) non touché
— toutes les opérations utilisées existaient déjà (R3).
**Décisions**
- Aucune nouvelle — Ressources exécute la maquette R6 déjà validée (écran 6, D4) ; Tiers/Fichiers
n'y étaient pas maquettés en détail mais suivent la même logique de consultation déjà actée,
avec les patrons visuels déjà validés (Carte/LigneInfo/EnteteFiche).
- L'ouverture de document sur mobile est explicitement différée à une prochaine étape (nouvelle
dépendance `expo-sharing` = nouveau build natif à valider, pas à empiler sur cette passe).
**Prochaine étape** : R6.4 (Pilotage — Statistiques, Personnes, Assistant) ; confirmation du
référent sur iPhone pour R6.1/logout, toujours en attente.
---
## 2026-08-02 — Pr. Daaif (+ Claude) — R6.2 : Parc sur mobile (Sites, Ascenseurs) ## 2026-08-02 — Pr. Daaif (+ Claude) — R6.2 : Parc sur mobile (Sites, Ascenseurs)
**Actions** **Actions**