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

customer page

Browse Source
This commit is contained in:
efrilm
2025-10-26 22:57:22 +07:00
parent 5c683eda8d
commit 0bffd92a08
22 changed files with 3727 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/pages/main/pages/customer/customer_page.dart
+259 -2
View File
@@ -1,12 +1,269 @@
import 'package:apskel_pos_flutter_v2/domain/customer/customer.dart';
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../../application/customer/customer_loader/customer_loader_bloc.dart';
import '../../../../../common/extension/extension.dart';
import '../../../../../common/theme/theme.dart';
import '../../../../../injection.dart';
import '../../../../components/border/dashed_border.dart';
import '../../../../components/card/customer_card.dart';
import '../../../../components/card/error_card.dart';
import '../../../../components/loader/loader_with_text.dart';
import '../../../../components/page/page_title.dart';
import '../../../../components/spaces/space.dart';
@RoutePage()
class CustomerPage extends StatelessWidget {
class CustomerPage extends StatelessWidget implements AutoRouteWrapper {
const CustomerPage({super.key});
@override
Widget build(BuildContext context) {
return const Placeholder();
return Scaffold(
backgroundColor: AppColor.background,
body: BlocBuilder<CustomerLoaderBloc, CustomerLoaderState>(
builder: (context, state) {
return Row(
children: [
Expanded(
flex: 2,
child: Material(
color: AppColor.white,
child: Column(
children: [
PageTitle(title: 'Daftar Pelanggan'),
Expanded(
child: state.isFetching
? Center(child: const LoaderWithText())
: state.failureOrOption.fold(
() => ListView.builder(
itemCount: state.customers.length,
itemBuilder: (context, index) {
final customer = state.customers[index];
return CustomerCard(
customer: customer,
isActive:
customer == state.selectedCustomer,
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.setSelectedCustomer(
customer,
),
);
},
);
},
),
(f) => _buildErrorState(f, context),
),
),
],
),
),
),
Expanded(
flex: 4,
child: state.selectedCustomer == null
? Center(
child: Text(
"Belum ada pelanggan yang dipilih.",
style: AppStyle.lg.copyWith(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
)
: Center(
child: Container(
width: context.deviceHeight * 0.5,
height: context.deviceHeight * 0.6,
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
children: [
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 12.0,
vertical: 16.0,
),
child: Column(
children: [
CircleAvatar(
radius: 24,
backgroundColor: AppColor.primary,
child: Icon(
Icons.person,
color: Colors.white,
),
),
const SizedBox(height: 12),
Text(
state.selectedCustomer?.name ?? "",
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
],
),
),
DashedDivider(color: AppColor.border),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 12.0,
vertical: 16.0,
),
child: Column(
children: [
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text(
'No. Handphone',
style: TextStyle(fontSize: 12.0),
),
Text(
(state
.selectedCustomer
?.phone
.isEmpty ??
true)
? "-"
: state.selectedCustomer?.phone ??
"-",
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w600,
),
),
],
),
SpaceHeight(8),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text(
'Email',
style: TextStyle(fontSize: 12.0),
),
Text(
(state
.selectedCustomer
?.email
.isEmpty ??
true)
? "-"
: state.selectedCustomer?.email ??
"-",
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w600,
),
),
],
),
SpaceHeight(8),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text(
'Alamat',
style: TextStyle(fontSize: 12.0),
),
Text(
(state
.selectedCustomer
?.address
.isEmpty ??
true)
? "-"
: state
.selectedCustomer
?.address ??
"-",
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w600,
),
),
],
),
],
),
),
],
),
),
),
),
],
);
},
),
);
}
Widget _buildErrorState(CustomerFailure f, BuildContext context) {
return f.maybeMap(
orElse: () => ErrorCard(
title: "Pelanggan",
message: "Terjadi kesalahan saat memuat pelanggan",
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.fetched(isRefresh: true),
);
},
),
empty: (value) => ErrorCard(
title: "Pelanggan",
message: "Pelanggan masih kosong, silahkan tambahkan pelanggan",
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.fetched(isRefresh: true),
);
},
),
serverError: (value) => ErrorCard(
title: "Pelanggan",
message: "Terjadi kesalahan saat memuat pelanggan",
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.fetched(isRefresh: true),
);
},
),
dynamicErrorMessage: (value) => ErrorCard(
title: "Pelanggan",
message: value.erroMessage,
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.fetched(isRefresh: true),
);
},
),
unexpectedError: (value) => ErrorCard(
title: "Pelanggan",
message: "Terjadi kesalahan saat memuat pelanggan",
onTap: () {
context.read<CustomerLoaderBloc>().add(
CustomerLoaderEvent.fetched(isRefresh: true),
);
},
),
);
}
@override
Widget wrappedRoute(BuildContext context) => BlocProvider(
create: (context) =>
getIt<CustomerLoaderBloc>()
..add(CustomerLoaderEvent.fetched(isRefresh: true)),
child: this,
);
}