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

feat: add item to order

Browse Source
This commit is contained in:
efrilm
2025-08-04 01:12:56 +07:00
parent 571ba9802e
commit 6fb1a7d0c4
6 changed files with 426 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/home/dialog/payment_add_order_dialog.dart
+93 -31
View File
@@ -1,28 +1,41 @@
import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/custom_modal_dialog.dart';
import 'package:enaklo_pos/core/components/flushbar.dart';
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/data/models/response/table_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/get_table_status/get_table_status_bloc.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/home/models/product_quantity.dart';
import 'package:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
import 'package:enaklo_pos/presentation/success/pages/success_save_order_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
class PaymentAddOrderDialog extends StatefulWidget {
const PaymentAddOrderDialog({super.key});
final List<ProductQuantity> items;
const PaymentAddOrderDialog({super.key, required this.items});
@override
State<PaymentAddOrderDialog> createState() => _PaymentAddOrderDialogState();
}
class _PaymentAddOrderDialogState extends State<PaymentAddOrderDialog> {
TableModel? selectTable;
Order? selectOrder;
@override
void initState() {
super.initState();
context
.read<OrderLoaderBloc>()
.add(OrderLoaderEvent.getByStatus('pending'));
}
@override
Widget build(BuildContext context) {
return CustomModalDialog(
title: 'Tambah Pesanan',
subtitle: 'Silahkan tambahkan pesanan',
title: 'Bayar Nanti',
subtitle: 'Simpan pesanan dan bayar nanti',
contentPadding:
const EdgeInsets.symmetric(horizontal: 16.0, vertical: 24.0),
minWidth: context.deviceWidth * 0.4,
@@ -34,28 +47,44 @@ class _PaymentAddOrderDialogState extends State<PaymentAddOrderDialog> {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Pilih Meja yang Sudah Ada Pesanan',
'Pilih Meja yang sudah dipesan',
style: TextStyle(
color: AppColors.black,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
const SpaceHeight(12.0),
BlocBuilder<GetTableStatusBloc, GetTableStatusState>(
const SpaceHeight(6.0),
BlocBuilder<OrderLoaderBloc, OrderLoaderState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => const CircularProgressIndicator(),
success: (tables) {
print(
"🔘 Add to Order - Tables fetched: ${tables.length} tables");
print(
"🔘 Add to Order - Table statuses: ${tables.map((t) => '${t.tableName}: ${t.status}').join(', ')}");
// No need to filter since we're fetching occupied tables directly
final occupiedTables = tables;
orElse: () =>
Center(child: const CircularProgressIndicator()),
loading: () =>
Center(child: const CircularProgressIndicator()),
loaded: (orders, totalOrder) {
final availableOrders = orders;
if (selectTable == null && occupiedTables.isNotEmpty) {
selectTable = occupiedTables.first;
if (selectOrder == null && availableOrders.isNotEmpty) {
selectOrder = availableOrders.first;
}
if (availableOrders.isEmpty) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.orange[50],
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Colors.orange,
width: 1,
),
),
child: const Text(
'Tidak ada meja yang tersedia. Silakan pilih opsi lain.',
style: TextStyle(color: Colors.orange),
),
);
}
return Container(
@@ -69,20 +98,24 @@ class _PaymentAddOrderDialogState extends State<PaymentAddOrderDialog> {
),
),
child: DropdownButtonHideUnderline(
child: DropdownButton<TableModel>(
child: DropdownButton<Order>(
isExpanded: true,
value: selectTable,
onChanged: (TableModel? newValue) {
value: availableOrders.firstWhere(
(t) => t.id == selectOrder?.id,
orElse: () => availableOrders.first,
),
onChanged: (Order? newValue) {
setState(() {
selectTable = newValue;
selectOrder = newValue;
});
},
items: occupiedTables
.map<DropdownMenuItem<TableModel>>(
(TableModel value) =>
DropdownMenuItem<TableModel>(
items: availableOrders
.map<DropdownMenuItem<Order>>(
(Order value) => DropdownMenuItem<Order>(
value: value,
child: Text('${value.tableName} (Occupied)'),
child: Text(
"${value.tableNumber ?? ""} - ${value.metadata?['customer_name'] ?? ""}",
),
),
)
.toList(),
@@ -95,9 +128,38 @@ class _PaymentAddOrderDialogState extends State<PaymentAddOrderDialog> {
],
),
SpaceHeight(24),
Button.filled(
onPressed: () {},
label: "Simpan",
BlocListener<OrderFormBloc, OrderFormState>(
listener: (context, state) {
state.maybeWhen(
orElse: () {},
success: (data) {
context.pushReplacement(SuccessSaveOrderPage(
order: data,
));
},
error: (message) => AppFlushbar.showError(context, message),
);
},
child: BlocBuilder<OrderFormBloc, OrderFormState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => Button.filled(
onPressed: () {
context
.read<OrderFormBloc>()
.add(OrderFormEvent.addToOrder(
items: widget.items,
orderId: selectOrder?.id ?? "",
));
},
label: "Simpan",
),
loading: () => Center(
child: const CircularProgressIndicator(),
),
);
},
),
),
],
),
lib/presentation/home/dialog/save_dialog.dart
+3 -1
View File
@@ -58,7 +58,9 @@ class _SaveDialogState extends State<SaveDialog> {
subtitle: 'Tambah item ke daftar pesanan',
onTap: () => showDialog(
context: context,
builder: (context) => const PaymentAddOrderDialog(),
builder: (context) => PaymentAddOrderDialog(
items: widget.items,
),
),
),
],