ElPoyo/EM2_ERP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Scan et traitement intelligent des QR Codes en préparation d'événement

Browse Source 
Cette mise à jour majeure introduit une fonctionnalité de scan et de saisie manuelle de codes QR directement depuis la page de préparation d'un événement. Ce système accélère et fiabilise le processus de validation des équipements et des containers pour chaque étape (préparation, chargement, etc.), tout en ajoutant des retours sonores, haptiques et visuels pour une expérience utilisateur améliorée.

**Fonctionnalités et améliorations principales :**

-   **Scan et saisie manuelle en préparation d'événement :**
    -   Ajout d'un champ de "Saisie manuelle" et d'un bouton "Scanner QR Code" sur la page de préparation (`EventPreparationPage`).
    -   Le scanner peut fonctionner en mode "multi-scan", permettant de valider plusieurs éléments à la suite sans fermer la caméra.
    -   Le système gère à la fois les équipements individuels et les containers (qui valident automatiquement tout leur contenu).

-   **Logique de traitement intelligente (`QRCodeProcessingService`) :**
    -   Un nouveau service centralise la logique de traitement des codes.
    -   Pour les équipements quantitatifs, chaque scan incrémente la quantité jusqu'à atteindre la cible requise pour l'étape en cours.
    -   Pour les équipements non quantitatifs, le premier scan valide l'élément.
    -   Les scans multiples d'un élément déjà validé ou dont la quantité est atteinte génèrent une erreur.

-   **Ajout dynamique d'équipements :**
    -   Si un code scanné n'est pas assigné à l'événement, une boîte de dialogue propose de rechercher l'équipement ou le container dans la base de données et de l'ajouter à l'événement en cours.

-   **Feedbacks utilisateur :**
    -   Création d'un `AudioFeedbackService` pour fournir des retours sonores (succès/erreur) et haptiques (vibration) lors de chaque scan.
    -   Des `Snackbars` claires (vertes pour succès, orange pour erreur) informent l'utilisateur du résultat de chaque action.

-   **Optimisation du chargement des données :**
    -   Nouvel endpoint backend `getEventWithDetails` qui charge un événement et toutes ses dépendances (équipements, containers et leurs enfants) en un seul appel, optimisant drastiquement les temps de chargement des pages de préparation et de modification d'événement.
    -   Le frontend (`EventPreparationPage`, `EventAssignedEquipmentSection`) utilise ce nouvel endpoint, éliminant les chargements multiples et fiabilisant l'affichage des données.

**Refactorisation et corrections :**

-   **Structure du code :**
    -   La logique de traitement des codes est extraite dans le `QRCodeProcessingService`.
    -   Création de widgets dédiés (`CodeNotFoundDialog`, `AddEquipmentToEventDialog`) pour gérer les nouveaux flux utilisateurs.
-   **Fiabilisation de l'état :**
    -   Mise à jour optimiste de l'UI lors du changement de statut d'un événement (`EventStatusButton`) pour une meilleure réactivité.
    -   Correction d'un bug dans la suppression d'un container d'un événement, qui pouvait retirer des équipements partagés avec d'autres containers.
    -   Correction d'un bug lors de l'ajout d'un container à un événement, qui n'ajoutait pas automatiquement ses équipements enfants.
-   **Optimisations des performances UI :**
    -   Amélioration de la fluidité du défilement infini sur la page de gestion des équipements grâce à `RepaintBoundary` et à une gestion optimisée du chargement.

**Déploiement et version :**

-   **Scripts de déploiement :** Ajout d'un script PowerShell (`deploy_hosting.ps1`) et amélioration du script Node.js pour automatiser et fiabiliser les déploiements sur Firebase Hosting.
-   **Configuration CORS :** Les en-têtes CORS sont désormais configurés pour `version.json`, assurant le bon fonctionnement du mécanisme de mise à jour de l'application.
-   **Version de l'application :** Incrémentée à `1.0.6`.
This commit is contained in:
ElPoyo
2026-01-20 14:33:37 +01:00
parent a182f1b922
commit a7e5f91a21
26 changed files with 1712 additions and 383 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
em2rp/functions/index.js
View File

@@ -1725,6 +1725,160 @@ exports.getEvents = onRequest(httpOptions, withCors(async (req, res) => {
}
}));
/**
* Récupère un événement avec tous les détails (équipements complets + containers avec enfants)
* Optimisé pour la page de préparation et l'affichage détaillé
*/
exports.getEventWithDetails = onRequest(httpOptions, withCors(async (req, res) => {
try {
const decodedToken = await auth.authenticateUser(req);
const { eventId } = req.body.data || {};
if (!eventId) {
res.status(400).json({ error: 'eventId is required' });
return;
}
// Récupérer l'événement
const eventDoc = await db.collection('events').doc(eventId).get();
if (!eventDoc.exists) {
res.status(404).json({ error: 'Event not found' });
return;
}
const eventData = eventDoc.data();
// Vérifier les permissions
const canViewAll = await auth.hasPermission(decodedToken.uid, 'view_all_events');
if (!canViewAll) {
// Vérifier si l'utilisateur est dans la workforce
const userRef = db.collection('users').doc(decodedToken.uid);
const isInWorkforce = eventData.workforce && eventData.workforce.some(ref =>
(ref.id && ref.id === decodedToken.uid) ||
(typeof ref === 'string' && ref === `users/${decodedToken.uid}`)
);
if (!isInWorkforce) {
res.status(403).json({ error: 'Forbidden: Not assigned to this event' });
return;
}
}
logger.info(`[getEventWithDetails] Loading details for event ${eventId}`);
// Collecter tous les IDs d'équipements et de containers
const equipmentIds = new Set();
const containerIds = new Set();
if (eventData.assignedEquipment && Array.isArray(eventData.assignedEquipment)) {
eventData.assignedEquipment.forEach(eq => {
if (eq.equipmentId) {
equipmentIds.add(eq.equipmentId);
}
});
}
if (eventData.assignedContainers && Array.isArray(eventData.assignedContainers)) {
eventData.assignedContainers.forEach(id => containerIds.add(id));
}
logger.info(`[getEventWithDetails] Loading ${equipmentIds.size} equipments and ${containerIds.size} containers`);
// Charger tous les équipements en parallèle
const equipmentPromises = Array.from(equipmentIds).map(id =>
db.collection('equipments').doc(id).get()
);
const equipmentDocs = await Promise.all(equipmentPromises);
const equipmentMap = {};
for (const doc of equipmentDocs) {
if (doc.exists) {
let data = { id: doc.id, ...doc.data() };
data = helpers.serializeTimestamps(data);
data = helpers.serializeReferences(data);
equipmentMap[doc.id] = data;
}
}
// Charger tous les containers en parallèle
const containerPromises = Array.from(containerIds).map(id =>
db.collection('containers').doc(id).get()
);
const containerDocs = await Promise.all(containerPromises);
// Collecter les IDs des équipements enfants des containers
const childEquipmentIds = new Set();
for (const doc of containerDocs) {
if (doc.exists) {
const containerData = doc.data();
if (containerData.equipmentIds && Array.isArray(containerData.equipmentIds)) {
containerData.equipmentIds.forEach(id => childEquipmentIds.add(id));
}
}
}
logger.info(`[getEventWithDetails] Loading ${childEquipmentIds.size} child equipments from containers`);
// Charger les équipements enfants des containers
const childEquipmentPromises = Array.from(childEquipmentIds).map(id =>
db.collection('equipments').doc(id).get()
);
const childEquipmentDocs = await Promise.all(childEquipmentPromises);
// Ajouter les enfants au map d'équipements
for (const doc of childEquipmentDocs) {
if (doc.exists && !equipmentMap[doc.id]) {
let data = { id: doc.id, ...doc.data() };
data = helpers.serializeTimestamps(data);
data = helpers.serializeReferences(data);
equipmentMap[doc.id] = data;
}
}
// Construire les containers avec leurs enfants complets
const containerMap = {};
for (const doc of containerDocs) {
if (doc.exists) {
let containerData = { id: doc.id, ...doc.data() };
containerData = helpers.serializeTimestamps(containerData);
containerData = helpers.serializeReferences(containerData);
// Ajouter les équipements enfants complets
if (containerData.equipmentIds && Array.isArray(containerData.equipmentIds)) {
containerData.children = containerData.equipmentIds
.map(id => equipmentMap[id])
.filter(eq => eq !== undefined);
} else {
containerData.children = [];
}
containerMap[doc.id] = containerData;
}
}
// Construire la réponse finale
const event = {
id: eventDoc.id,
...helpers.serializeTimestamps(eventData),
workforce: eventData.workforce ? eventData.workforce.map(ref =>
(ref.id || (typeof ref === 'string' ? ref.split('/')[1] : null))
).filter(uid => uid !== null) : [],
};
logger.info(`[getEventWithDetails] Returning event with ${Object.keys(equipmentMap).length} equipments and ${Object.keys(containerMap).length} containers`);
res.status(200).json({
event,
equipments: equipmentMap,
containers: containerMap,
});
} catch (error) {
logger.error("Error getting event with details:", error);
res.status(500).json({ error: error.message });
}
}));
// ============================================================================
// MAINTENANCES - Read with permissions
// ============================================================================

2
em2rp/functions/utils/emailConfig.js
View File

@@ -29,7 +29,7 @@ const EMAIL_CONFIG = {
},
replyTo: 'contact@em2events.fr',
// URL de l'application pour les liens
appUrl: process.env.APP_URL || 'https://em2rp-951dc.web.app',
appUrl: process.env.APP_URL || 'https://app.em2events.fr',
};
module.exports = {