renolation/minhthu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fill

Browse Source
This commit is contained in:
renolation
2025-10-28 00:09:46 +07:00
parent 9ebe7c2919
commit de49f564b1
110 changed files with 15392 additions and 3996 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
lib/features/products/presentation/widgets/product_list_item.dart Normal file
View File

@@ -0,0 +1,241 @@
import 'package:flutter/material.dart';
import '../../domain/entities/product_entity.dart';
/// Reusable product list item widget
/// Displays key product information in a card layout
class ProductListItem extends StatelessWidget {
final ProductEntity product;
final VoidCallback? onTap;
const ProductListItem({
super.key,
required this.product,
this.onTap,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final textTheme = theme.textTheme;
return Card(
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
elevation: 2,
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(12),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Product name and code
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
product.fullName,
style: textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4),
Text(
'Code: ${product.code}',
style: textTheme.bodySmall?.copyWith(
color: theme.colorScheme.primary,
),
),
],
),
),
// Active status indicator
if (product.isActive)
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 4,
),
decoration: BoxDecoration(
color: Colors.green.withOpacity(0.1),
borderRadius: BorderRadius.circular(4),
),
child: Text(
'Active',
style: textTheme.labelSmall?.copyWith(
color: Colors.green,
fontWeight: FontWeight.bold,
),
),
),
],
),
const SizedBox(height: 12),
const Divider(height: 1),
const SizedBox(height: 12),
// Weight and pieces information
Row(
children: [
Expanded(
child: _InfoItem(
label: 'Weight',
value: '${product.weight.toStringAsFixed(2)} kg',
icon: Icons.fitness_center,
),
),
const SizedBox(width: 16),
Expanded(
child: _InfoItem(
label: 'Pieces',
value: product.pieces.toString(),
icon: Icons.inventory_2,
),
),
],
),
const SizedBox(height: 12),
// In stock information
Row(
children: [
Expanded(
child: _InfoItem(
label: 'In Stock (Pieces)',
value: product.piecesInStock.toString(),
icon: Icons.warehouse,
color: product.piecesInStock > 0
? Colors.green
: Colors.orange,
),
),
const SizedBox(width: 16),
Expanded(
child: _InfoItem(
label: 'In Stock (Weight)',
value: '${product.weightInStock.toStringAsFixed(2)} kg',
icon: Icons.scale,
color: product.weightInStock > 0
? Colors.green
: Colors.orange,
),
),
],
),
const SizedBox(height: 12),
// Conversion rate
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: theme.colorScheme.primaryContainer.withOpacity(0.3),
borderRadius: BorderRadius.circular(8),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Conversion Rate',
style: textTheme.bodyMedium?.copyWith(
fontWeight: FontWeight.w500,
),
),
Text(
product.conversionRate.toStringAsFixed(2),
style: textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
color: theme.colorScheme.primary,
),
),
],
),
),
// Barcode if available
if (product.barcode != null && product.barcode!.isNotEmpty) ...[
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.qr_code,
size: 16,
color: theme.colorScheme.onSurfaceVariant,
),
const SizedBox(width: 4),
Text(
'Barcode: ${product.barcode}',
style: textTheme.bodySmall?.copyWith(
color: theme.colorScheme.onSurfaceVariant,
),
),
],
),
],
],
),
),
),
);
}
}
/// Helper widget for displaying info items
class _InfoItem extends StatelessWidget {
final String label;
final String value;
final IconData icon;
final Color? color;
const _InfoItem({
required this.label,
required this.value,
required this.icon,
this.color,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final textTheme = theme.textTheme;
final effectiveColor = color ?? theme.colorScheme.primary;
return Row(
children: [
Icon(
icon,
size: 20,
color: effectiveColor,
),
const SizedBox(width: 8),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: textTheme.labelSmall?.copyWith(
color: theme.colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: 2),
Text(
value,
style: textTheme.bodyMedium?.copyWith(
fontWeight: FontWeight.w600,
color: effectiveColor,
),
),
],
),
),
],
);
}
}