apksel-dev/apskel-pos-flutter
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Aditya Siregar
2025-07-30 22:38:44 +07:00
commit 73320561b0
444 changed files with 64633 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/setting/widgets/menu_product_item.dart
+185
View File
@@ -0,0 +1,185 @@
// ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart';
import '../../../core/components/buttons.dart';
import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart';
import '../../../core/constants/variables.dart';
class MenuProductItem extends StatelessWidget {
final Product data;
final Function() onTapEdit;
const MenuProductItem({
super.key,
required this.data,
required this.onTapEdit,
});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(16.0),
decoration: ShapeDecoration(
color: Colors.white,
shape: RoundedRectangleBorder(
side: const BorderSide(width: 3, color: AppColors.blueLight),
borderRadius: BorderRadius.circular(16),
),
),
child: Column(
children: buildList(context),
));
}
List<Widget> buildList(BuildContext context) {
return [
Stack(
children: [
Center(
child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(10.0)),
child: CachedNetworkImage(
imageUrl: '${Variables.baseUrl}/${data.image}',
placeholder: (context, url) =>
const Center(child: CircularProgressIndicator()),
errorWidget: (context, url, error) => const Icon(
Icons.food_bank_outlined,
size: 80,
),
width: 54,
height: 54,
fit: BoxFit.cover,
),
),
),
],
),
Flexible(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Spacer(),
Text(
data.name!,
style: const TextStyle(
fontSize: 16,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
Text(
data.category?.name ?? '-',
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
Spacer(),
Row(
children: [
Flexible(
child: Button.outlined(
onPressed: () {
showDialog(
context: context,
// backgroundColor: AppColors.white,
builder: (context) {
//container for product detail
return AlertDialog(
contentPadding: const EdgeInsets.all(16.0),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text(
data.name!,
style: const TextStyle(
fontSize: 20,
),
),
IconButton(
onPressed: () {
Navigator.pop(context);
},
icon: const Icon(Icons.close),
),
],
),
const SpaceHeight(10.0),
ClipRRect(
borderRadius: const BorderRadius.all(
Radius.circular(10.0)),
child: CachedNetworkImage(
imageUrl:
'${Variables.baseUrl}${data.image}',
placeholder: (context, url) =>
const Center(
child:
CircularProgressIndicator()),
errorWidget: (context, url, error) =>
const Icon(
Icons.food_bank_outlined,
size: 80,
),
width: 80,
),
),
const SpaceHeight(10.0),
Text(
data.category?.name ?? '-',
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
Text(
data.price.toString(),
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
Text(
data.stock.toString(),
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
],
),
);
});
},
label: 'View',
fontSize: 12.0,
height: 30,
borderRadius: 10,
),
),
const SpaceWidth(6.0),
Flexible(
child: Button.outlined(
onPressed: onTapEdit,
label: 'Edit',
fontSize: 12.0,
height: 30,
borderRadius: 10,
),
),
],
),
],
),
),
];
}
}