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

View File

@ -17,6 +17,9 @@ part 'order_form_bloc.freezed.dart';
class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
final OrderRemoteDatasource _orderRemoteDatasource;
OrderFormBloc(this._orderRemoteDatasource) : super(OrderFormState.initial()) {
on<_Started>((event, emit) {
emit(OrderFormState.loaded(order: event.order));
});
on<_Create>(
(event, emit) async {
emit(const _Loading());
@ -100,5 +103,62 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
}
},
);
on<_ToggleItem>((event, emit) {
state.maybeWhen(
loaded: (order, selectedItems, _) {
final newList = [...selectedItems];
final exists = newList.any((e) => e.id == event.item.id);
if (exists) {
newList.removeWhere((e) => e.id == event.item.id);
} else {
newList.add(event.item);
}
final isAll = newList.length == (order.orderItems?.length ?? 0);
emit(OrderFormState.loaded(
order: order,
selectedItems: newList,
isAllSelected: isAll,
));
},
orElse: () {},
);
});
on<_ToggleSelectAll>((event, emit) {
state.maybeWhen(
loaded: (order, _, __) {
final items = event.selectAll
? (order.orderItems ?? <OrderItem>[])
: <OrderItem>[];
emit(OrderFormState.loaded(
order: order,
selectedItems: items,
isAllSelected: event.selectAll,
));
},
orElse: () {},
);
});
on<_Refund>((event, emit) async {
state.maybeWhen(
loaded: (order, selectedItems, _) async {
if (selectedItems.isEmpty) return;
emit(const OrderFormState.loading());
try {
emit(OrderFormState.success(order));
} catch (e) {
emit(OrderFormState.error('Refund gagal: ${e.toString()}'));
}
},
orElse: () {},
);
});
}
}

View File

@ -2,6 +2,7 @@ part of 'order_form_bloc.dart';
@freezed
class OrderFormEvent with _$OrderFormEvent {
const factory OrderFormEvent.started(Order order) = _Started;
const factory OrderFormEvent.create({
required List<ProductQuantity> items,
required String customerName,
@ -15,4 +16,8 @@ class OrderFormEvent with _$OrderFormEvent {
required String tableNumber,
required PaymentMethod paymentMethod,
}) = _CreateWithPaymentMethod;
const factory OrderFormEvent.toggleItem(OrderItem item) = _ToggleItem;
const factory OrderFormEvent.toggleSelectAll(bool selectAll) =
_ToggleSelectAll;
const factory OrderFormEvent.refund() = _Refund;
}

View File

@ -4,6 +4,11 @@ part of 'order_form_bloc.dart';
class OrderFormState with _$OrderFormState {
const factory OrderFormState.initial() = _Initial;
const factory OrderFormState.loading() = _Loading;
const factory OrderFormState.loaded({
required Order order,
@Default([]) List<OrderItem> selectedItems,
@Default(false) bool isAllSelected,
}) = _Loaded;
const factory OrderFormState.success(Order order) = _Success;
const factory OrderFormState.error(String message) = _Error;
}

View File

@ -532,7 +532,8 @@ class _HomePageState extends State<HomePage> {
elevation: 1,
disabled: items.isEmpty,
onPressed: () {
if (orderType.name == 'dineIn') {
if (orderType.name == 'dineIn' &&
widget.table == null) {
AppFlushbar.showError(context,
'Mohon pilih meja terlebih dahulu');
return;
@ -544,7 +545,7 @@ class _HomePageState extends State<HomePage> {
table: widget.table,
));
},
label: 'Lanjutkan Pembayaran ',
label: 'Lanjutkan Pembayaran',
),
),
),

View File

@ -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],

View File

@ -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}',