Files
app_fideliter/lib/screens/scan_screen.dart
T
Mathew 1d3ee69c6d Initial commit — app fidélité magasin (tablette)
App Flutter de programme de fidélité : login staff, clients (nom/prénom),
scan QR, factures (€→points), récompenses, réglages. Backend Supabase
(schéma SQL + RLS anti-triche dans supabase/). Icône incluse.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-17 21:37:06 +02:00

178 lines
5.1 KiB
Dart

import 'package:flutter/material.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
import '../services/client_repository.dart';
import '../theme.dart';
import 'client_detail_screen.dart';
/// Onglet 2 : scan du QR code d'un client → ouverture de sa fiche.
///
/// V1 : on utilise la caméra de la tablette. Quand la scanette (lecteur externe)
/// sera branchée, elle se comporte comme un clavier : il suffira d'ajouter un
/// champ caché qui reçoit le code et appelle [_ouvrirParCode]. La logique de
/// recherche du client est déjà factorisée pour ça.
class ScanScreen extends StatefulWidget {
final bool active;
const ScanScreen({super.key, required this.active});
@override
State<ScanScreen> createState() => _ScanScreenState();
}
class _ScanScreenState extends State<ScanScreen> {
final _controller = MobileScannerController(
detectionSpeed: DetectionSpeed.noDuplicates,
formats: const [BarcodeFormat.qrCode],
);
final _repo = ClientRepository.instance;
bool _traite = false;
@override
void didUpdateWidget(covariant ScanScreen old) {
super.didUpdateWidget(old);
// En revenant sur l'onglet Scanner, on réautorise la détection.
if (widget.active && !old.active) _traite = false;
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
Future<void> _onDetect(BarcodeCapture capture) async {
if (_traite || !widget.active) return;
final code = capture.barcodes.firstOrNull?.rawValue;
if (code == null || code.isEmpty) return;
setState(() => _traite = true);
await _ouvrirParCode(code.trim());
}
/// Retrouve le client par son code et ouvre sa fiche (ou signale l'échec).
Future<void> _ouvrirParCode(String code) async {
final client = _repo.parCode(code);
if (!mounted) return;
if (client == null) {
await _popupInconnu(code);
if (mounted) setState(() => _traite = false);
return;
}
await Navigator.of(context).push(
MaterialPageRoute(builder: (_) => ClientDetailScreen(clientId: client.id)),
);
if (mounted) setState(() => _traite = false);
}
Future<void> _popupInconnu(String code) async {
await showDialog<void>(
context: context,
builder: (ctx) => AlertDialog(
title: const Text('QR code non reconnu'),
content: Text(
'Aucun client ne correspond au code « $code ».\n\n'
'Vérifiez qu\'il s\'agit bien d\'une carte de fidélité de ce magasin.'),
actions: [
FilledButton(
onPressed: () => Navigator.of(ctx).pop(),
child: const Text('OK'),
),
],
),
);
}
@override
Widget build(BuildContext context) {
if (!widget.active) {
return const ColoredBox(color: Colors.black);
}
return Scaffold(
backgroundColor: Colors.black,
body: Stack(
fit: StackFit.expand,
children: [
MobileScanner(
controller: _controller,
onDetect: _onDetect,
errorBuilder: (context, error) => _erreurCamera(error),
),
_cadre(),
_bandeauHaut(),
if (_traite)
Container(
color: Colors.black54,
child: const Center(
child: CircularProgressIndicator(color: Colors.white),
),
),
],
),
);
}
Widget _bandeauHaut() {
return SafeArea(
child: Align(
alignment: Alignment.topCenter,
child: Container(
margin: const EdgeInsets.only(top: 24),
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
decoration: BoxDecoration(
color: Colors.black.withValues(alpha: 0.55),
borderRadius: BorderRadius.circular(30),
),
child: const Text(
'Scannez le QR code de fidélité du client',
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600),
),
),
),
);
}
Widget _cadre() {
return Center(
child: Container(
width: 240,
height: 240,
decoration: BoxDecoration(
border: Border.all(color: AppTheme.accent, width: 3),
borderRadius: BorderRadius.circular(20),
),
),
);
}
Widget _erreurCamera(MobileScannerException error) {
return Center(
child: Padding(
padding: const EdgeInsets.all(32),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.no_photography_outlined,
color: Colors.white70, size: 56),
const SizedBox(height: 16),
const Text(
'Accès à la caméra impossible.\nAutorisez la caméra dans les réglages.',
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white70, fontSize: 15),
),
const SizedBox(height: 20),
FilledButton(
onPressed: () => _controller.start(),
child: const Text('Réessayer'),
),
],
),
),
);
}
}