feat: select order item

This commit is contained in:
efrilm
2025-08-03 22:44:01 +07:00
parent 8f3a19670b
commit 617b5c54f2
7 changed files with 1220 additions and 104 deletions
@@ -1,6 +1,7 @@
import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/data/models/response/order_response_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
import 'package:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
import 'package:enaklo_pos/presentation/sales/dialog/payment_dialog.dart';
@@ -127,6 +128,9 @@ class _SalesPageState extends State<SalesPage> {
setState(() {
orderDetail = filtered[index];
});
context.read<OrderFormBloc>().add(
OrderFormEvent.started(
filtered[index]));
},
child: SalesCard(
order: orders[index],
@@ -1,8 +1,11 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/data/models/response/order_response_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
class SalesListOrder extends StatelessWidget {
final Order? order;
@@ -16,62 +19,106 @@ class SalesListOrder extends StatelessWidget {
color: AppColors.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
padding: const EdgeInsets.all(16),
width: double.infinity,
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(color: AppColors.background),
),
child: BlocBuilder<OrderFormBloc, OrderFormState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => const SizedBox.shrink(),
loaded: (orderX, selectedItems, isAllSelected) => Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
padding: const EdgeInsets.all(16),
width: double.infinity,
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(color: AppColors.background),
),
),
child: Row(
children: [
Checkbox(
value: isAllSelected,
activeColor: AppColors.primary,
onChanged: (val) {
context.read<OrderFormBloc>().add(
OrderFormEvent.toggleSelectAll(val ?? false));
},
),
Text(
'Daftar Pembelian',
style: TextStyle(
color: AppColors.black,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
],
),
),
SpaceHeight(12),
Column(
children: List.generate(
order?.orderItems?.length ?? 0,
(index) {
final item = order!.orderItems![index];
final isSelected =
selectedItems.any((e) => e.id == item.id);
return _item(
context,
isSelected,
item,
);
},
).toList(),
),
],
),
child: Text(
'Daftar Pembelian',
style: TextStyle(
color: AppColors.black,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
),
SpaceHeight(12),
Column(
children: List.generate(
order?.orderItems?.length ?? 0,
(index) => _item(order!.orderItems![index]),
).toList(),
),
],
);
},
),
);
}
Padding _item(OrderItem product) {
Padding _item(BuildContext context, bool isSelected, OrderItem product) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16)
.copyWith(top: 0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
product.productName ?? '',
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
SizedBox(
width: context.deviceWidth * 0.2,
child: Row(
children: [
Checkbox(
value: isSelected,
activeColor: AppColors.primary,
onChanged: (_) {
context
.read<OrderFormBloc>()
.add(OrderFormEvent.toggleItem(product));
},
),
),
Text(
(product.unitPrice ?? 0).toString().currencyFormatRpV2,
style: const TextStyle(
fontSize: 14,
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
product.productName ?? '',
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
),
),
Text(
(product.unitPrice ?? 0).toString().currencyFormatRpV2,
style: const TextStyle(
fontSize: 14,
),
),
],
),
),
],
],
),
),
Text(
'X${product.quantity}',