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

feat: sales page

Browse Source
This commit is contained in:
efrilm
2025-08-02 10:50:48 +07:00
parent e825e5daed
commit 45b348684e
17 changed files with 1371 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/sales/pages/sales_page.dart
+174 -100
View File
@@ -1,12 +1,18 @@
import 'dart:developer';
import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/presentation/home/models/order_model.dart';
import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_detail.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_list_order.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_order_information.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_payment.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_right_title.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
import '../widgets/sales_widget.dart';
import '../../../core/constants/colors.dart';
import '../widgets/sales_card.dart';
import '../widgets/sales_title.dart';
class SalesPage extends StatefulWidget {
const SalesPage({super.key});
@@ -16,110 +22,178 @@ class SalesPage extends StatefulWidget {
}
class _SalesPageState extends State<SalesPage> {
DateTime startDate = DateTime.now();
DateTime endDate = DateTime.now();
OrderModel? orderDetail;
int _total = 0;
String searchQuery = '';
@override
void initState() {
context.read<DaySalesBloc>().add(DaySalesEvent.getDaySales(DateTime.now()));
context
.read<DaySalesBloc>()
.add(DaySalesEvent.getRangeDateSales(startDate, endDate));
super.initState();
}
List<OrderModel> _filterOrders(List<OrderModel> orders) {
if (searchQuery.isEmpty) {
return orders;
}
return orders.where((order) {
final customerName = order.customerName.toLowerCase();
final queryLower = searchQuery.toLowerCase();
return customerName.contains(queryLower);
}).toList();
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(32),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Apskel POS ',
style: TextStyle(
color: AppColors.primary,
fontSize: 22,
fontWeight: FontWeight.w600,
return SafeArea(
child: Scaffold(
backgroundColor: AppColors.background,
body: Row(
children: [
Expanded(
flex: 2,
child: Material(
color: AppColors.white,
child: Column(
children: [
SalesTitle(
startDate: startDate,
endDate: endDate,
total: _total,
onChanged: (value) {
setState(() {
searchQuery = value;
});
},
onDateRangeChanged: (start, end) {
setState(() {
startDate = start;
endDate = end;
});
context.read<DaySalesBloc>().add(
DaySalesEvent.getRangeDateSales(
startDate, endDate));
},
),
Expanded(
child: BlocBuilder<DaySalesBloc, DaySalesState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => const Center(
child: CircularProgressIndicator(),
),
loaded: (orders) {
final filtered = _filterOrders(orders);
if (filtered.isEmpty) {
return Center(
child: Text(
"Belum ada transaksi saat ini. ",
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
);
} else {
WidgetsBinding.instance
.addPostFrameCallback((_) {
setState(() {
_total = filtered.length;
});
});
return SingleChildScrollView(
child: Column(
children: List.generate(
filtered.length,
(index) => GestureDetector(
onTap: () {
setState(() {
orderDetail = filtered[index];
});
},
child: SalesCard(
order: orders[index],
isActive:
orders[index] == orderDetail,
),
),
),
),
);
}
},
);
},
),
),
],
),
),
Text(
"${DateTime.now().toFormattedDate()}",
style: const TextStyle(
color: AppColors.subtitle,
fontSize: 16,
),
),
],
),
const SizedBox(
height: 12.0,
),
Expanded(
child: BlocBuilder<DaySalesBloc, DaySalesState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => const Center(
child: CircularProgressIndicator(),
),
loaded: (orders) {
log("message: ${orders.length}");
if (orders.isEmpty) {
return Center(
child: Text(
"Belum ada transaksi saat ini. ",
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
);
} else {
return SalesWidget(
headerWidgets: _getTitleHeaderWidget(),
orders: orders,
);
}
},
);
},
),
),
],
),
);
}
List<Widget> _getTitleHeaderWidget() {
return [
_getTitleItemWidget('ID', 40),
_getTitleItemWidget('Customer', 120),
_getTitleItemWidget('Status', 120),
_getTitleItemWidget('Sync', 60),
_getTitleItemWidget('Payment Status', 120),
_getTitleItemWidget('Payment Method', 120),
_getTitleItemWidget('Payment Amount', 120),
_getTitleItemWidget('Sub Total', 120),
_getTitleItemWidget('Tax', 120),
_getTitleItemWidget('Discount', 60),
_getTitleItemWidget('Service Charge', 120),
_getTitleItemWidget('Total', 120),
_getTitleItemWidget('Payment', 60),
_getTitleItemWidget('Item', 60),
_getTitleItemWidget('Cashier', 150),
_getTitleItemWidget('Time', 230),
_getTitleItemWidget('Action', 230),
];
}
Widget _getTitleItemWidget(String label, double width) {
return Container(
width: width,
height: 56,
color: AppColors.primary,
alignment: Alignment.centerLeft,
child: Center(
child: Text(
label,
style: const TextStyle(
color: Colors.white,
),
Expanded(
flex: 4,
child: orderDetail == null
? Center(
child: Text(
"Belum ada order yang dipilih.",
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
)
: Column(
children: [
SalesRightTitle(
order: orderDetail,
actionWidget: [
Button.outlined(
onPressed: () {},
label: 'Refund',
icon: Icon(Icons.autorenew),
),
],
),
Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
Row(
children: [
Expanded(
child: SalesOrderInformation(
order: orderDetail,
),
),
SpaceWidth(16),
Expanded(
child: SalesDetail(
order: orderDetail,
),
),
],
),
SalesListOrder(
order: orderDetail,
),
SalesPayment(
order: orderDetail,
),
],
),
)
],
),
),
],
),
),
);
lib/presentation/sales/pages/sales_page.dart.backup
+127
View File
@@ -0,0 +1,127 @@
import 'dart:developer';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
import '../widgets/sales_widget.dart';
class SalesPage extends StatefulWidget {
const SalesPage({super.key});
@override
State<SalesPage> createState() => _SalesPageState();
}
class _SalesPageState extends State<SalesPage> {
@override
void initState() {
context.read<DaySalesBloc>().add(DaySalesEvent.getDaySales(DateTime.now()));
super.initState();
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(32),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Apskel POS ',
style: TextStyle(
color: AppColors.primary,
fontSize: 22,
fontWeight: FontWeight.w600,
),
),
Text(
"${DateTime.now().toFormattedDate()}",
style: const TextStyle(
color: AppColors.subtitle,
fontSize: 16,
),
),
],
),
const SizedBox(
height: 12.0,
),
Expanded(
child: BlocBuilder<DaySalesBloc, DaySalesState>(
builder: (context, state) {
return state.maybeWhen(
orElse: () => const Center(
child: CircularProgressIndicator(),
),
loaded: (orders) {
log("message: ${orders.length}");
if (orders.isEmpty) {
return Center(
child: Text(
"Belum ada transaksi saat ini. ",
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
);
} else {
return SalesWidget(
headerWidgets: _getTitleHeaderWidget(),
orders: orders,
);
}
},
);
},
),
),
],
),
);
}
List<Widget> _getTitleHeaderWidget() {
return [
_getTitleItemWidget('ID', 40),
_getTitleItemWidget('Customer', 120),
_getTitleItemWidget('Status', 120),
_getTitleItemWidget('Sync', 60),
_getTitleItemWidget('Payment Status', 120),
_getTitleItemWidget('Payment Method', 120),
_getTitleItemWidget('Payment Amount', 120),
_getTitleItemWidget('Sub Total', 120),
_getTitleItemWidget('Tax', 120),
_getTitleItemWidget('Discount', 60),
_getTitleItemWidget('Service Charge', 120),
_getTitleItemWidget('Total', 120),
_getTitleItemWidget('Payment', 60),
_getTitleItemWidget('Item', 60),
_getTitleItemWidget('Cashier', 150),
_getTitleItemWidget('Time', 230),
_getTitleItemWidget('Action', 230),
];
}
Widget _getTitleItemWidget(String label, double width) {
return Container(
width: width,
height: 56,
color: AppColors.primary,
alignment: Alignment.centerLeft,
child: Center(
child: Text(
label,
style: const TextStyle(
color: Colors.white,
),
),
),
);
}
}