maj page stock
This commit is contained in:
b.razafimandimbihery
parent
eb8edef1fe
commit
37e6ae88a2
@ -1,7 +1,10 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:get/get_core/src/get_main.dart';
|
||||||
|
import 'package:youmazgestion/Models/produit.dart';
|
||||||
|
import 'package:youmazgestion/Services/productDatabase.dart';
|
||||||
import 'package:youmazgestion/Components/app_bar.dart';
|
import 'package:youmazgestion/Components/app_bar.dart';
|
||||||
import '../Models/produit.dart';
|
import 'package:youmazgestion/Components/appDrawer.dart';
|
||||||
import '../Services/productDatabase.dart';
|
|
||||||
|
|
||||||
class GestionStockPage extends StatefulWidget {
|
class GestionStockPage extends StatefulWidget {
|
||||||
const GestionStockPage({super.key});
|
const GestionStockPage({super.key});
|
||||||
@ -11,182 +14,414 @@ class GestionStockPage extends StatefulWidget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class _GestionStockPageState extends State<GestionStockPage> {
|
class _GestionStockPageState extends State<GestionStockPage> {
|
||||||
late Future<List<Product>> _productsFuture;
|
final ProductDatabase _database = ProductDatabase.instance;
|
||||||
|
List<Product> _products = [];
|
||||||
|
List<Product> _filteredProducts = [];
|
||||||
|
String? _selectedCategory;
|
||||||
|
final TextEditingController _searchController = TextEditingController();
|
||||||
|
bool _showLowStockOnly = false;
|
||||||
|
bool _sortByStockAscending = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
super.initState();
|
super.initState();
|
||||||
_loadProducts();
|
_loadProducts();
|
||||||
|
_searchController.addListener(_filterProducts);
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<void> _loadProducts() async {
|
Future<void> _loadProducts() async {
|
||||||
final productDatabase = ProductDatabase.instance;
|
final products = await _database.getProducts();
|
||||||
_productsFuture = productDatabase.getProducts();
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _refreshProducts() async {
|
|
||||||
final productDatabase = ProductDatabase.instance;
|
|
||||||
_productsFuture = productDatabase.getProducts();
|
|
||||||
setState(() {});
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _updateStock(int id, int stock) async {
|
|
||||||
final productDatabase = ProductDatabase.instance;
|
|
||||||
await productDatabase.updateStock(id, stock);
|
|
||||||
_refreshProducts();
|
|
||||||
}
|
|
||||||
|
|
||||||
//popup pour modifier le stock
|
|
||||||
|
|
||||||
Future<void> _showStockDialog(Product product) async {
|
|
||||||
int stock = product.stock ?? 0;
|
|
||||||
final quantityController = TextEditingController(text: stock.toString());
|
|
||||||
|
|
||||||
await showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) {
|
|
||||||
return AlertDialog(
|
|
||||||
title: const Text('Modifier le stock'),
|
|
||||||
content: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Text(product.name),
|
|
||||||
const SizedBox(height: 16),
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
||||||
children: [
|
|
||||||
IconButton(
|
|
||||||
icon: const Icon(Icons.remove),
|
|
||||||
onPressed: () {
|
|
||||||
setState(() {
|
setState(() {
|
||||||
if (stock > 0) {
|
_products = products;
|
||||||
stock--;
|
_filterProducts();
|
||||||
quantityController.text = stock.toString();
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _filterProducts() {
|
||||||
|
final query = _searchController.text.toLowerCase();
|
||||||
|
setState(() {
|
||||||
|
_filteredProducts = _products.where((product) {
|
||||||
|
final matchesSearch = product.name.toLowerCase().contains(query) ||
|
||||||
|
(product.reference?.toLowerCase().contains(query) ?? false);
|
||||||
|
final matchesCategory = _selectedCategory == null ||
|
||||||
|
product.category == _selectedCategory;
|
||||||
|
final matchesStockFilter = !_showLowStockOnly ||
|
||||||
|
(product.stock ?? 0) <= 5; // Seuil pour stock faible
|
||||||
|
|
||||||
|
return matchesSearch && matchesCategory && matchesStockFilter;
|
||||||
|
}).toList();
|
||||||
|
|
||||||
|
// Trier les produits
|
||||||
|
_filteredProducts.sort((a, b) {
|
||||||
|
if (_sortByStockAscending) {
|
||||||
|
return (a.stock ?? 0).compareTo(b.stock ?? 0);
|
||||||
|
} else {
|
||||||
|
return (b.stock ?? 0).compareTo(a.stock ?? 0);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
|
||||||
),
|
|
||||||
Expanded(
|
|
||||||
child: TextField(
|
|
||||||
controller: quantityController,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
keyboardType: TextInputType.number,
|
|
||||||
onChanged: (value) {
|
|
||||||
setState(() {
|
|
||||||
stock = int.parse(value);
|
|
||||||
});
|
});
|
||||||
},
|
}
|
||||||
),
|
|
||||||
),
|
Future<void> _updateStock(Product product, int newStock) async {
|
||||||
IconButton(
|
await _database.updateStock(product.id!, newStock);
|
||||||
icon: const Icon(Icons.add),
|
await _loadProducts();
|
||||||
onPressed: () {
|
|
||||||
setState(() {
|
Get.snackbar(
|
||||||
stock++;
|
'Succès',
|
||||||
quantityController.text = stock.toString();
|
'Stock mis à jour pour ${product.name}',
|
||||||
});
|
snackPosition: SnackPosition.BOTTOM,
|
||||||
},
|
backgroundColor: Colors.green,
|
||||||
),
|
colorText: Colors.white,
|
||||||
],
|
duration: const Duration(seconds: 2),
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
child: const Text('Annuler'),
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
ElevatedButton(
|
|
||||||
child: const Text('Enregistrer'),
|
|
||||||
onPressed: () {
|
|
||||||
// Enregistrer la nouvelle quantité dans la base de données
|
|
||||||
_updateStock(product.id!, stock);
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
},
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
appBar: const CustomAppBar(title: 'Gestion du stock'),
|
appBar: const CustomAppBar(title: 'Gestion des Stocks'),
|
||||||
body: FutureBuilder<List<Product>>(
|
drawer: CustomDrawer(),
|
||||||
future: _productsFuture,
|
body: Column(
|
||||||
|
children: [
|
||||||
|
// Filtres et recherche
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(16.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withOpacity(0.1),
|
||||||
|
blurRadius: 4,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
// Barre de recherche
|
||||||
|
TextField(
|
||||||
|
controller: _searchController,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: 'Rechercher un produit',
|
||||||
|
prefixIcon: const Icon(Icons.search),
|
||||||
|
border: OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
|
||||||
|
// Filtres
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
// Filtre par catégorie
|
||||||
|
Expanded(
|
||||||
|
child: FutureBuilder<List<String>>(
|
||||||
|
future: _database.getCategories(),
|
||||||
builder: (context, snapshot) {
|
builder: (context, snapshot) {
|
||||||
if (snapshot.connectionState == ConnectionState.waiting) {
|
if (!snapshot.hasData) {
|
||||||
return const Center(
|
return const SizedBox();
|
||||||
child: CircularProgressIndicator(),
|
|
||||||
);
|
|
||||||
} else if (snapshot.hasError) {
|
|
||||||
return const Center(
|
|
||||||
child: Text('Une erreur s\'est produite'),
|
|
||||||
);
|
|
||||||
} else if (!snapshot.hasData || snapshot.data!.isEmpty) {
|
|
||||||
return const Center(
|
|
||||||
child: Text('Aucun produit trouvé'),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
final products = snapshot.data!;
|
|
||||||
return ListView.builder(
|
|
||||||
itemCount: products.length,
|
|
||||||
itemBuilder: (context, index) {
|
|
||||||
final product = products[index];
|
|
||||||
Color stockColor;
|
|
||||||
if (product.stock != null) {
|
|
||||||
if (product.stock! > 30) {
|
|
||||||
stockColor = Colors.green;
|
|
||||||
} else if (product.stock! > 10) {
|
|
||||||
stockColor = Colors.red;
|
|
||||||
} else {
|
|
||||||
stockColor = Colors.red;
|
|
||||||
}
|
}
|
||||||
} else {
|
final categories = snapshot.data!;
|
||||||
|
return DropdownButtonFormField<String>(
|
||||||
|
value: _selectedCategory,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: 'Catégorie',
|
||||||
|
border: OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
items: [
|
||||||
|
const DropdownMenuItem<String>(
|
||||||
|
value: null,
|
||||||
|
child: Text('Toutes les catégories'),
|
||||||
|
),
|
||||||
|
...categories.map((category) {
|
||||||
|
return DropdownMenuItem<String>(
|
||||||
|
value: category,
|
||||||
|
child: Text(category),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
onChanged: (value) {
|
||||||
|
setState(() {
|
||||||
|
_selectedCategory = value;
|
||||||
|
_filterProducts();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
|
||||||
|
// Toggle pour stock faible seulement
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: Colors.grey.shade300),
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.warning_amber, size: 20),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
const Text('Stock faible'),
|
||||||
|
Switch(
|
||||||
|
value: _showLowStockOnly,
|
||||||
|
onChanged: (value) {
|
||||||
|
setState(() {
|
||||||
|
_showLowStockOnly = value;
|
||||||
|
_filterProducts();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
activeColor: Colors.orange,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
|
||||||
|
// Tri
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Text('Trier par stock:'),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
ChoiceChip(
|
||||||
|
label: const Text('Croissant'),
|
||||||
|
selected: _sortByStockAscending,
|
||||||
|
onSelected: (selected) {
|
||||||
|
setState(() {
|
||||||
|
_sortByStockAscending = true;
|
||||||
|
_filterProducts();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
ChoiceChip(
|
||||||
|
label: const Text('Décroissant'),
|
||||||
|
selected: !_sortByStockAscending,
|
||||||
|
onSelected: (selected) {
|
||||||
|
setState(() {
|
||||||
|
_sortByStockAscending = false;
|
||||||
|
_filterProducts();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// Statistiques rapides
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||||
|
color: Colors.grey.shade100,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
_buildStatCard(
|
||||||
|
'Total',
|
||||||
|
'${_products.length}',
|
||||||
|
Icons.inventory,
|
||||||
|
Colors.blue,
|
||||||
|
),
|
||||||
|
_buildStatCard(
|
||||||
|
'En stock',
|
||||||
|
'${_products.where((p) => (p.stock ?? 0) > 0).length}',
|
||||||
|
Icons.check_circle,
|
||||||
|
Colors.green,
|
||||||
|
),
|
||||||
|
_buildStatCard(
|
||||||
|
'Stock faible',
|
||||||
|
'${_products.where((p) => (p.stock ?? 0) <= 5).length}',
|
||||||
|
Icons.warning,
|
||||||
|
Colors.orange,
|
||||||
|
),
|
||||||
|
_buildStatCard(
|
||||||
|
'Rupture',
|
||||||
|
'${_products.where((p) => (p.stock ?? 0) == 0).length}',
|
||||||
|
Icons.cancel,
|
||||||
|
Colors.red,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// Liste des produits
|
||||||
|
Expanded(
|
||||||
|
child: _filteredProducts.isEmpty
|
||||||
|
? const Center(
|
||||||
|
child: Text('Aucun produit trouvé'),
|
||||||
|
)
|
||||||
|
: ListView.builder(
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
itemCount: _filteredProducts.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final product = _filteredProducts[index];
|
||||||
|
return _buildProductCard(product);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
floatingActionButton: FloatingActionButton(
|
||||||
|
onPressed: () => _showAddStockDialog(null),
|
||||||
|
child: const Icon(Icons.add),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildStatCard(String title, String value, IconData icon, Color color) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Icon(icon, color: color),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(
|
||||||
|
value,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: color,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
title,
|
||||||
|
style: const TextStyle(fontSize: 12),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildProductCard(Product product) {
|
||||||
|
final stock = product.stock ?? 0;
|
||||||
|
Color stockColor;
|
||||||
|
IconData stockIcon;
|
||||||
|
|
||||||
|
if (stock == 0) {
|
||||||
stockColor = Colors.red;
|
stockColor = Colors.red;
|
||||||
|
stockIcon = Icons.block;
|
||||||
|
} else if (stock <= 5) {
|
||||||
|
stockColor = Colors.orange;
|
||||||
|
stockIcon = Icons.warning;
|
||||||
|
} else {
|
||||||
|
stockColor = Colors.green;
|
||||||
|
stockIcon = Icons.check_circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
return Card(
|
return Card(
|
||||||
margin:
|
margin: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
|
||||||
const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
|
|
||||||
shape: RoundedRectangleBorder(
|
|
||||||
borderRadius: BorderRadius.circular(20),
|
|
||||||
),
|
|
||||||
elevation: 4,
|
|
||||||
shadowColor: Colors.deepOrangeAccent,
|
|
||||||
child: ListTile(
|
child: ListTile(
|
||||||
leading: const Icon(Icons.shopping_basket),
|
leading: product.image != null && product.image!.isNotEmpty
|
||||||
title: Text(
|
? CircleAvatar(
|
||||||
product.name,
|
backgroundImage: NetworkImage(product.image!),
|
||||||
style: const TextStyle(
|
)
|
||||||
fontSize: 18,
|
: CircleAvatar(
|
||||||
fontWeight: FontWeight.bold,
|
backgroundColor: Colors.blue.shade100,
|
||||||
|
child: Text(product.name[0]),
|
||||||
),
|
),
|
||||||
|
title: Text(product.name),
|
||||||
|
subtitle: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text('Catégorie: ${product.category}'),
|
||||||
|
if (product.reference != null && product.reference!.isNotEmpty)
|
||||||
|
Text('Réf: ${product.reference!}'),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
subtitle: Text(
|
trailing: Row(
|
||||||
'Stock: ${product.stock ?? 'Non disponible'}',
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Icon(stockIcon, size: 16, color: stockColor),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
'$stock',
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 16,
|
fontWeight: FontWeight.bold,
|
||||||
color: stockColor,
|
color: stockColor,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
trailing: IconButton(
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(
|
||||||
|
'${product.price.toStringAsFixed(2)} DA',
|
||||||
|
style: const TextStyle(fontSize: 12),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
icon: const Icon(Icons.edit),
|
icon: const Icon(Icons.edit),
|
||||||
onPressed: () {
|
onPressed: () => _showAddStockDialog(product),
|
||||||
_showStockDialog(product);
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _showAddStockDialog(Product? product) {
|
||||||
|
final isNew = product == null;
|
||||||
|
final controller = TextEditingController(
|
||||||
|
text: isNew ? '' : product.stock?.toString() ?? '0',
|
||||||
|
);
|
||||||
|
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) {
|
||||||
|
return AlertDialog(
|
||||||
|
title: Text(isNew ? 'Ajouter un produit' : 'Modifier le stock'),
|
||||||
|
content: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
if (isNew)
|
||||||
|
TextField(
|
||||||
|
decoration: const InputDecoration(labelText: 'Nom du produit'),
|
||||||
|
),
|
||||||
|
if (isNew)
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
TextField(
|
||||||
|
controller: controller,
|
||||||
|
decoration: const InputDecoration(labelText: 'Quantité en stock'),
|
||||||
|
keyboardType: TextInputType.number,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: () => Navigator.pop(context),
|
||||||
|
child: const Text('Annuler'),
|
||||||
|
),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: () async {
|
||||||
|
final newStock = int.tryParse(controller.text) ?? 0;
|
||||||
|
if (isNew) {
|
||||||
|
// TODO: Implémenter l'ajout d'un nouveau produit
|
||||||
|
} else {
|
||||||
|
await _updateStock(product, newStock);
|
||||||
|
}
|
||||||
|
Navigator.pop(context);
|
||||||
},
|
},
|
||||||
|
child: Text(isNew ? 'Ajouter' : 'Mettre à jour'),
|
||||||
),
|
),
|
||||||
),
|
],
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
},
|
|
||||||
),
|
@override
|
||||||
);
|
void dispose() {
|
||||||
|
_searchController.dispose();
|
||||||
|
super.dispose();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user