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

Compare commits

base: apksel-dev:74460c921b6cfcd6052332bb1e9d2af28d4c0002
Branches Tags
apksel-dev:main
apksel-dev:dev
..
compare: apksel-dev:73320561b000d57023db1331e4619c3b82ee6096
Branches Tags
apksel-dev:dev
apksel-dev:main

No commits in common. "74460c921b6cfcd6052332bb1e9d2af28d4c0002" and "73320561b000d57023db1331e4619c3b82ee6096" have entirely different histories.
74460c921b ... 73320561b0

20 changed files with 1001 additions and 1631 deletions
Show Stats Expand all files Collapse all files

44
lib/core/components/buttons.dart
View File

@ -18,10 +18,6 @@ class Button extends StatelessWidget {
this.icon, this.icon,
this.disabled = false, this.disabled = false,
this.fontSize = 16.0, this.fontSize = 16.0,
this.elevation,
this.labelStyle,
this.mainAxisAlignment = MainAxisAlignment.center,
this.crossAxisAlignment = CrossAxisAlignment.center,
}); });
const Button.outlined({ const Button.outlined({
@ -37,10 +33,6 @@ class Button extends StatelessWidget {
this.icon, this.icon,
this.disabled = false, this.disabled = false,
this.fontSize = 16.0, this.fontSize = 16.0,
this.elevation,
this.labelStyle,
this.mainAxisAlignment = MainAxisAlignment.center,
this.crossAxisAlignment = CrossAxisAlignment.center,
}); });
final Function() onPressed; final Function() onPressed;
@ -51,13 +43,9 @@ class Button extends StatelessWidget {
final double? width; final double? width;
final double height; final double height;
final double borderRadius; final double borderRadius;
final double? elevation;
final Widget? icon; final Widget? icon;
final bool disabled; final bool disabled;
final double fontSize; final double fontSize;
final TextStyle? labelStyle;
final MainAxisAlignment mainAxisAlignment;
final CrossAxisAlignment crossAxisAlignment;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -72,12 +60,11 @@ class Button extends StatelessWidget {
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(borderRadius), borderRadius: BorderRadius.circular(borderRadius),
), ),
elevation: elevation,
padding: const EdgeInsets.symmetric(horizontal: 16.0), padding: const EdgeInsets.symmetric(horizontal: 16.0),
), ),
child: Row( child: Row(
mainAxisAlignment: mainAxisAlignment, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: crossAxisAlignment, mainAxisSize: MainAxisSize.min,
children: [ children: [
icon ?? const SizedBox.shrink(), icon ?? const SizedBox.shrink(),
if (icon != null) const SizedBox(width: 10.0), if (icon != null) const SizedBox(width: 10.0),
@ -86,12 +73,11 @@ class Button extends StatelessWidget {
fit: BoxFit.scaleDown, fit: BoxFit.scaleDown,
child: Text( child: Text(
label, label,
style: labelStyle ?? style: TextStyle(
TextStyle( color: disabled ? Colors.grey : textColor,
color: disabled ? Colors.grey : textColor, fontSize: fontSize,
fontSize: fontSize, fontWeight: FontWeight.w600,
fontWeight: FontWeight.bold, ),
),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
), ),
@ -103,15 +89,14 @@ class Button extends StatelessWidget {
onPressed: disabled ? null : onPressed, onPressed: disabled ? null : onPressed,
style: OutlinedButton.styleFrom( style: OutlinedButton.styleFrom(
backgroundColor: color, backgroundColor: color,
side: const BorderSide(color: AppColors.primary), side: const BorderSide(color: Colors.grey),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(borderRadius), borderRadius: BorderRadius.circular(borderRadius),
), ),
padding: const EdgeInsets.symmetric(horizontal: 16.0), padding: const EdgeInsets.symmetric(horizontal: 16.0),
), ),
child: Row( child: Row(
mainAxisAlignment: mainAxisAlignment, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: crossAxisAlignment,
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
icon ?? const SizedBox.shrink(), icon ?? const SizedBox.shrink(),
@ -121,12 +106,11 @@ class Button extends StatelessWidget {
fit: BoxFit.scaleDown, fit: BoxFit.scaleDown,
child: Text( child: Text(
label, label,
style: labelStyle ?? style: TextStyle(
TextStyle( color: disabled ? Colors.grey : textColor,
color: disabled ? Colors.grey : textColor, fontSize: fontSize,
fontSize: fontSize, fontWeight: FontWeight.w600,
fontWeight: FontWeight.w600, ),
),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
), ),

96
lib/core/components/custom_modal_dialog.dart
View File

@ -1,96 +0,0 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart';
class CustomModalDialog extends StatelessWidget {
final String title;
final String? subtitle;
final Widget child;
final VoidCallback? onClose;
const CustomModalDialog(
{super.key,
required this.title,
this.subtitle,
required this.child,
this.onClose});
@override
Widget build(BuildContext context) {
return Dialog(
backgroundColor: AppColors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: ConstrainedBox(
constraints: BoxConstraints(
minWidth: 200,
maxWidth: 600,
minHeight: 200,
maxHeight: 600,
),
child: Column(
children: [
Container(
padding: const EdgeInsets.all(16),
width: double.infinity,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
AppColors.primary,
const Color.fromARGB(255, 67, 69, 195)
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.vertical(
top: Radius.circular(16),
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
color: AppColors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
if (subtitle != null)
Text(
subtitle ?? '',
style: TextStyle(
color: AppColors.grey,
fontSize: 16,
),
),
],
),
),
SpaceWidth(12),
IconButton(
icon: Icon(Icons.close, color: AppColors.white),
onPressed: () {
if (onClose != null) {
onClose!();
} else {
Navigator.of(context).pop();
}
},
),
],
),
),
child,
],
),
),
);
}
}

5
lib/core/constants/colors.dart
View File

@ -2,8 +2,7 @@ import 'package:flutter/material.dart';
class AppColors { class AppColors {
/// primary = #3949AB /// primary = #3949AB
static const Color primary = Color(0xff36175e); static const Color primary = Color(0xff6466f1);
static const Color secondary = Color(0xfff1eaf9);
/// grey = #B7B7B7 /// grey = #B7B7B7
static const Color grey = Color(0xffB7B7B7); static const Color grey = Color(0xffB7B7B7);
@ -37,6 +36,4 @@ class AppColors {
/// stroke = #EFF0F6 /// stroke = #EFF0F6
static const Color stroke = Color(0xffEFF0F6); static const Color stroke = Color(0xffEFF0F6);
static const Color background = Color.fromARGB(255, 241, 241, 241);
} }

38
lib/core/constants/theme.dart
View File

@ -1,38 +0,0 @@
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
ThemeData getApplicationTheme = ThemeData(
primaryColor: AppColors.primary,
scaffoldBackgroundColor: AppColors.white,
appBarTheme: AppBarTheme(
color: AppColors.white,
elevation: 0,
titleTextStyle: GoogleFonts.quicksand(
color: AppColors.primary,
fontSize: 16.0,
fontWeight: FontWeight.w500,
),
iconTheme: const IconThemeData(
color: AppColors.primary,
),
),
fontFamily: GoogleFonts.quicksand().fontFamily,
colorScheme: ColorScheme.fromSeed(seedColor: AppColors.primary),
useMaterial3: true,
inputDecorationTheme: InputDecorationTheme(
contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColors.primary),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColors.primary),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColors.primary),
),
),
);

2
lib/data/datasources/product_local_datasource.dart
View File

@ -151,7 +151,7 @@ class ProductLocalDatasource {
final dbExists = await databaseExists(path); final dbExists = await databaseExists(path);
if (dbExists) { if (dbExists) {
log("Deleting existing database to ensure new schema with order_type column"); log("Deleting existing database to ensure new schema with order_type column");
// await deleteDatabase(path); await deleteDatabase(path);
} }
} catch (e) { } catch (e) {
log("Error deleting database: $e"); log("Error deleting database: $e");

34
lib/main.dart
View File

@ -1,6 +1,7 @@
import 'dart:developer'; import 'dart:developer';
import 'package:enaklo_pos/core/constants/theme.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:enaklo_pos/data/dataoutputs/laman_print.dart';
import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart'; import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
import 'package:enaklo_pos/data/datasources/auth_remote_datasource.dart'; import 'package:enaklo_pos/data/datasources/auth_remote_datasource.dart';
import 'package:enaklo_pos/data/datasources/category_remote_datasource.dart'; import 'package:enaklo_pos/data/datasources/category_remote_datasource.dart';
@ -38,6 +39,7 @@ import 'package:enaklo_pos/presentation/setting/bloc/update_product/update_produ
import 'package:enaklo_pos/presentation/setting/bloc/update_printer/update_printer_bloc.dart'; import 'package:enaklo_pos/presentation/setting/bloc/update_printer/update_printer_bloc.dart';
import 'package:enaklo_pos/presentation/table/blocs/change_position_table/change_position_table_bloc.dart'; import 'package:enaklo_pos/presentation/table/blocs/change_position_table/change_position_table_bloc.dart';
import 'package:enaklo_pos/presentation/table/blocs/create_table/create_table_bloc.dart'; import 'package:enaklo_pos/presentation/table/blocs/create_table/create_table_bloc.dart';
import 'package:enaklo_pos/presentation/table/blocs/generate_table/generate_table_bloc.dart';
import 'package:enaklo_pos/presentation/table/blocs/get_table/get_table_bloc.dart'; import 'package:enaklo_pos/presentation/table/blocs/get_table/get_table_bloc.dart';
import 'package:enaklo_pos/presentation/home/bloc/local_product/local_product_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/local_product/local_product_bloc.dart';
import 'package:enaklo_pos/presentation/home/bloc/order/order_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/order/order_bloc.dart';
@ -49,7 +51,9 @@ import 'package:enaklo_pos/presentation/setting/bloc/sync_product/sync_product_b
import 'package:enaklo_pos/presentation/setting/bloc/tax_settings/tax_settings_bloc.dart'; import 'package:enaklo_pos/presentation/setting/bloc/tax_settings/tax_settings_bloc.dart';
import 'package:enaklo_pos/presentation/table/blocs/update_table/update_table_bloc.dart'; import 'package:enaklo_pos/presentation/table/blocs/update_table/update_table_bloc.dart';
import 'package:enaklo_pos/presentation/home/bloc/add_order_items/add_order_items_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/add_order_items/add_order_items_bloc.dart';
import 'package:enaklo_pos/presentation/table/pages/new_table_management_page.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
// import 'package:imin_printer/imin_printer.dart';
import 'core/constants/colors.dart'; import 'core/constants/colors.dart';
import 'presentation/auth/bloc/login/login_bloc.dart'; import 'presentation/auth/bloc/login/login_bloc.dart';
@ -57,6 +61,8 @@ import 'package:flutter_bloc/flutter_bloc.dart';
import 'presentation/home/pages/dashboard_page.dart'; import 'presentation/home/pages/dashboard_page.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:hive/hive.dart';
import 'package:path_provider/path_provider.dart';
void main() async { void main() async {
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
@ -110,8 +116,7 @@ class _MyAppState extends State<MyApp> {
LocalProductBloc(ProductLocalDatasource.instance), LocalProductBloc(ProductLocalDatasource.instance),
), ),
BlocProvider( BlocProvider(
create: (context) => create: (context) => CheckoutBloc(settingsLocalDatasource: SettingsLocalDatasource()),
CheckoutBloc(settingsLocalDatasource: SettingsLocalDatasource()),
), ),
BlocProvider( BlocProvider(
create: (context) => TaxSettingsBloc(SettingsLocalDatasource()), create: (context) => TaxSettingsBloc(SettingsLocalDatasource()),
@ -187,8 +192,7 @@ class _MyAppState extends State<MyApp> {
create: (context) => QrisBloc(MidtransRemoteDatasource()), create: (context) => QrisBloc(MidtransRemoteDatasource()),
), ),
BlocProvider( BlocProvider(
create: (context) => create: (context) => PaymentMethodsBloc(PaymentMethodsRemoteDatasource()),
PaymentMethodsBloc(PaymentMethodsRemoteDatasource()),
), ),
BlocProvider( BlocProvider(
create: (context) => OnlineCheckerBloc(), create: (context) => OnlineCheckerBloc(),
@ -218,7 +222,25 @@ class _MyAppState extends State<MyApp> {
child: MaterialApp( child: MaterialApp(
debugShowCheckedModeBanner: false, debugShowCheckedModeBanner: false,
title: 'POS Resto App', title: 'POS Resto App',
theme: getApplicationTheme, theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: AppColors.primary),
useMaterial3: true,
textTheme: GoogleFonts.quicksandTextTheme(
Theme.of(context).textTheme,
),
appBarTheme: AppBarTheme(
color: AppColors.white,
elevation: 0,
titleTextStyle: GoogleFonts.quicksand(
color: AppColors.primary,
fontSize: 16.0,
fontWeight: FontWeight.w500,
),
iconTheme: const IconThemeData(
color: AppColors.primary,
),
),
),
home: FutureBuilder<bool>( home: FutureBuilder<bool>(
future: AuthLocalDataSource().isAuthDataExists(), future: AuthLocalDataSource().isAuthDataExists(),
builder: (context, snapshot) { builder: (context, snapshot) {

130
lib/presentation/home/dialog/discount_dialog.dart
View File

@ -1,5 +1,3 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/data/models/response/discount_response_model.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart'; import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
@ -27,38 +25,29 @@ class _DiscountDialogState extends State<DiscountDialog> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AlertDialog( return AlertDialog(
backgroundColor: AppColors.white, title: Stack(
title: Row( alignment: Alignment.center,
children: [ children: [
Expanded( const Text(
child: Column( 'DISKON',
crossAxisAlignment: CrossAxisAlignment.start, style: TextStyle(
children: [ color: AppColors.primary,
Text( fontSize: 28,
'Pilih Diskon', fontWeight: FontWeight.w600,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppColors.black,
),
),
const SizedBox(height: 4.0),
Text(
'Pilih diskon yang ingin diterapkan pada pesanan',
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
),
],
), ),
), ),
SpaceWidth(12), Align(
IconButton( alignment: Alignment.centerRight,
icon: const Icon(Icons.close, color: AppColors.black), child: IconButton(
onPressed: () { onPressed: () {
context.pop(); context.pop();
}, },
icon: const Icon(
Icons.cancel,
color: AppColors.primary,
size: 30.0,
),
),
), ),
], ],
), ),
@ -74,7 +63,30 @@ class _DiscountDialogState extends State<DiscountDialog> {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: discounts children: discounts
.map((discount) => _buildDiscountItem(discount)) .map(
(discount) => ListTile(
title: Text('Nama Diskon: ${discount.name}'),
subtitle: Text('Potongan harga (${discount.value}%)'),
contentPadding: EdgeInsets.zero,
textColor: AppColors.primary,
trailing: Checkbox(
value: discount.id == discountIdSelected,
onChanged: (value) {
setState(() {
discountIdSelected = discount.id!;
context.read<CheckoutBloc>().add(
CheckoutEvent.addDiscount(
discount,
),
);
});
},
),
onTap: () {
// context.pop();
},
),
)
.toList(), .toList(),
); );
}, },
@ -83,58 +95,4 @@ class _DiscountDialogState extends State<DiscountDialog> {
), ),
); );
} }
Widget _buildDiscountItem(Discount discount) {
return GestureDetector(
onTap: () {
setState(() {
discountIdSelected = discount.id!;
context.read<CheckoutBloc>().add(
CheckoutEvent.addDiscount(
discount,
),
);
});
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 12.0),
margin: const EdgeInsets.only(bottom: 8.0),
decoration: BoxDecoration(
color: discountIdSelected == discount.id
? AppColors.primary
: AppColors.white,
borderRadius: BorderRadius.circular(8.0),
border: Border.all(
color: discountIdSelected == discount.id
? AppColors.primary
: AppColors.grey,
width: 1.0,
),
),
child: Row(
children: [
Expanded(
child: Text(
"${discount.name} (${discount.value})",
style: TextStyle(
fontSize: 16,
color: discountIdSelected == discount.id
? AppColors.white
: AppColors.black,
fontWeight: FontWeight.w500,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
SpaceWidth(12.0),
Icon(Icons.check_circle,
color: discountIdSelected == discount.id
? AppColors.green
: Colors.transparent),
],
),
),
);
}
} }

110
lib/presentation/home/dialog/service_dialog.dart
View File

@ -1,4 +1,3 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart'; import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
@ -12,38 +11,27 @@ class ServiceDialog extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AlertDialog( return AlertDialog(
backgroundColor: AppColors.white, title: Stack(
title: Row( alignment: Alignment.center,
children: [ children: [
Expanded( const Text(
child: Column( 'LAYANAN',
crossAxisAlignment: CrossAxisAlignment.start, style: TextStyle(
children: [ color: AppColors.primary,
Text( fontSize: 28,
'Pilih Layanan', fontWeight: FontWeight.w600,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppColors.black,
),
),
const SizedBox(height: 4.0),
Text(
'Pilih layanan yang ingin diterapkan pada pesanan',
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
),
],
), ),
), ),
SpaceWidth(12), Align(
IconButton( alignment: Alignment.centerRight,
icon: const Icon(Icons.close, color: AppColors.black), child: IconButton(
onPressed: () { onPressed: () => context.pop(),
context.pop(); icon: const Icon(
}, Icons.cancel,
color: AppColors.primary,
size: 30.0,
),
),
), ),
], ],
), ),
@ -56,8 +44,23 @@ class ServiceDialog extends StatelessWidget {
return state.maybeWhen( return state.maybeWhen(
initial: () => const SizedBox(), initial: () => const SizedBox(),
loading: () => const Center(child: CircularProgressIndicator()), loading: () => const Center(child: CircularProgressIndicator()),
loaded: (data, a, b, c, d, service, e, f, g, orderType) => loaded: (data, a, b, c, d, service, e, f, g, orderType) => ListTile(
_buildServiceItem(context, service), title: Text('Presentase ($service%)'),
subtitle: const Text('Biaya layanan'),
contentPadding: EdgeInsets.zero,
textColor: AppColors.primary,
trailing: Checkbox(
value: service > 0,
onChanged: (value) {
context.read<CheckoutBloc>().add(
CheckoutEvent.addServiceCharge(service > 0 ? 0 : service),
);
},
),
onTap: () {
context.pop();
},
),
orElse: () => const SizedBox(), orElse: () => const SizedBox(),
); );
}, },
@ -66,47 +69,4 @@ class ServiceDialog extends StatelessWidget {
), ),
); );
} }
Widget _buildServiceItem(BuildContext context, int service) {
return GestureDetector(
onTap: () {
context.read<CheckoutBloc>().add(
CheckoutEvent.addServiceCharge(service > 0 ? 0 : service),
);
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 12.0),
margin: const EdgeInsets.only(bottom: 8.0),
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: BorderRadius.circular(8.0),
border: Border.all(
color: AppColors.primary,
width: 1.0,
),
),
child: Row(
children: [
Expanded(
child: Text(
"Biaya layanan ($service%)",
style: TextStyle(
fontSize: 16,
color: AppColors.white,
fontWeight: FontWeight.w500,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
SpaceWidth(12.0),
Icon(
Icons.check_circle,
color: AppColors.green,
),
],
),
),
);
}
} }

895
lib/presentation/home/pages/home_page.dart
View File

@ -1,5 +1,4 @@
// ignore_for_file: public_member_api_docs, sort_constructors_first // ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:enaklo_pos/presentation/home/widgets/home_right_title.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
@ -8,7 +7,10 @@ import 'package:enaklo_pos/core/extensions/int_ext.dart';
import 'package:enaklo_pos/core/extensions/string_ext.dart'; import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/data/models/response/table_model.dart'; import 'package:enaklo_pos/data/models/response/table_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/local_product/local_product_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/local_product/local_product_bloc.dart';
import 'package:enaklo_pos/presentation/home/dialog/discount_dialog.dart';
import 'package:enaklo_pos/presentation/home/dialog/tax_dialog.dart';
import 'package:enaklo_pos/presentation/home/pages/confirm_payment_page.dart'; import 'package:enaklo_pos/presentation/home/pages/confirm_payment_page.dart';
import 'package:enaklo_pos/presentation/home/pages/dashboard_page.dart';
import 'package:enaklo_pos/data/datasources/product_local_datasource.dart'; import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
import 'package:enaklo_pos/presentation/setting/bloc/sync_product/sync_product_bloc.dart'; import 'package:enaklo_pos/presentation/setting/bloc/sync_product/sync_product_bloc.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart'; import 'package:enaklo_pos/data/models/response/product_response_model.dart';
@ -18,6 +20,8 @@ import '../../../core/components/buttons.dart';
import '../../../core/components/spaces.dart'; import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
import '../bloc/checkout/checkout_bloc.dart'; import '../bloc/checkout/checkout_bloc.dart';
import '../dialog/service_dialog.dart';
import '../widgets/column_button.dart';
import '../widgets/custom_tab_bar.dart'; import '../widgets/custom_tab_bar.dart';
import '../widgets/home_title.dart'; import '../widgets/home_title.dart';
import '../widgets/order_menu.dart'; import '../widgets/order_menu.dart';
@ -27,10 +31,10 @@ class HomePage extends StatefulWidget {
final bool isTable; final bool isTable;
final TableModel? table; final TableModel? table;
const HomePage({ const HomePage({
super.key, Key? key,
required this.isTable, required this.isTable,
this.table, this.table,
}); }) : super(key: key);
@override @override
State<HomePage> createState() => _HomePageState(); State<HomePage> createState() => _HomePageState();
@ -50,12 +54,12 @@ class _HomePageState extends State<HomePage> {
void _syncAndLoadProducts() { void _syncAndLoadProducts() {
// Trigger sync from API first // Trigger sync from API first
context.read<SyncProductBloc>().add(const SyncProductEvent.syncProduct()); context.read<SyncProductBloc>().add(const SyncProductEvent.syncProduct());
// Also load local products initially in case sync fails or takes time // Also load local products initially in case sync fails or takes time
context context
.read<LocalProductBloc>() .read<LocalProductBloc>()
.add(const LocalProductEvent.getLocalProduct()); .add(const LocalProductEvent.getLocalProduct());
// Initialize checkout with tax and service charge settings // Initialize checkout with tax and service charge settings
context.read<CheckoutBloc>().add(const CheckoutEvent.started()); context.read<CheckoutBloc>().add(const CheckoutEvent.started());
} }
@ -71,7 +75,7 @@ class _HomePageState extends State<HomePage> {
if (searchQuery.isEmpty) { if (searchQuery.isEmpty) {
return products; return products;
} }
return products.where((product) { return products.where((product) {
final productName = product.name?.toLowerCase() ?? ''; final productName = product.name?.toLowerCase() ?? '';
final queryLower = searchQuery.toLowerCase(); final queryLower = searchQuery.toLowerCase();
@ -79,12 +83,9 @@ class _HomePageState extends State<HomePage> {
}).toList(); }).toList();
} }
List<Product> _filterProductsByCategory( List<Product> _filterProductsByCategory(List<Product> products, int categoryId) {
List<Product> products, int categoryId) {
final filteredBySearch = _filterProducts(products); final filteredBySearch = _filterProducts(products);
return filteredBySearch return filteredBySearch.where((element) => element.category?.id == categoryId).toList();
.where((element) => element.category?.id == categoryId)
.toList();
} }
@override @override
@ -92,7 +93,6 @@ class _HomePageState extends State<HomePage> {
return Hero( return Hero(
tag: 'confirmation_screen', tag: 'confirmation_screen',
child: Scaffold( child: Scaffold(
backgroundColor: AppColors.white,
body: BlocListener<SyncProductBloc, SyncProductState>( body: BlocListener<SyncProductBloc, SyncProductState>(
listener: (context, state) { listener: (context, state) {
state.maybeWhen( state.maybeWhen(
@ -106,7 +106,7 @@ class _HomePageState extends State<HomePage> {
loaded: (productResponseModel) async { loaded: (productResponseModel) async {
// Store context reference before async operations // Store context reference before async operations
final localProductBloc = context.read<LocalProductBloc>(); final localProductBloc = context.read<LocalProductBloc>();
// Save synced products to local database // Save synced products to local database
await ProductLocalDatasource.instance.deleteAllProducts(); await ProductLocalDatasource.instance.deleteAllProducts();
await ProductLocalDatasource.instance.insertProducts( await ProductLocalDatasource.instance.insertProducts(
@ -123,190 +123,195 @@ class _HomePageState extends State<HomePage> {
flex: 3, flex: 3,
child: Align( child: Align(
alignment: AlignmentDirectional.topStart, alignment: AlignmentDirectional.topStart,
child: Column( child: Padding(
mainAxisAlignment: MainAxisAlignment.start, padding: const EdgeInsets.all(16.0),
children: [ child: SingleChildScrollView(
HomeTitle( child: Column(
controller: searchController, mainAxisAlignment: MainAxisAlignment.start,
onChanged: (value) { children: [
setState(() { HomeTitle(
searchQuery = value; controller: searchController,
}); onChanged: (value) {
}, setState(() {
), searchQuery = value;
BlocBuilder<LocalProductBloc, LocalProductState>( });
builder: (context, state) { },
return Expanded( ),
child: CustomTabBarV2( const SizedBox(height: 24),
tabTitles: const [ BlocBuilder<LocalProductBloc, LocalProductState>(
'Semua', builder: (context, state) {
'Makanan', return CustomTabBar(
'Minuman', tabTitles: const [
'Paket' 'Semua',
], 'Makanan',
tabViews: [ 'Minuman',
// All Products Tab 'Paket'
SizedBox( ],
child: state.maybeWhen(orElse: () { initialTabIndex: 0,
return const Center( tabViews: [
child: CircularProgressIndicator(), // All Products Tab
); SizedBox(
}, loading: () { child: state.maybeWhen(orElse: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loaded: (products) {
final filteredProducts =
_filterProducts(products);
if (filteredProducts.isEmpty) {
return const Center( return const Center(
child: Text('No Items Found'), child: CircularProgressIndicator(),
); );
} }, loading: () {
return GridView.builder(
itemCount: filteredProducts.length,
padding: const EdgeInsets.all(16),
gridDelegate:
SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent:
200, // Lebar maksimal tiap item (bisa kamu ubah)
mainAxisSpacing: 30,
crossAxisSpacing: 30,
childAspectRatio: 0.85,
),
itemBuilder: (context, index) =>
ProductCard(
data: filteredProducts[index],
onCartButton: () {},
),
);
}),
),
// Makanan Tab
SizedBox(
child: state.maybeWhen(orElse: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loading: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loaded: (products) {
if (products.isEmpty) {
return const Center( return const Center(
child: Text('No Items'), child: CircularProgressIndicator(),
); );
} }, loaded: (products) {
final filteredProducts = final filteredProducts = _filterProducts(products);
_filterProductsByCategory(products, 1); if (filteredProducts.isEmpty) {
return filteredProducts.isEmpty return const Center(
? const _IsEmpty() child: Text('No Items Found'),
: GridView.builder( );
itemCount: filteredProducts.length, }
padding: const EdgeInsets.all(16), return GridView.builder(
gridDelegate: shrinkWrap: true,
SliverGridDelegateWithMaxCrossAxisExtent( itemCount: filteredProducts.length,
maxCrossAxisExtent: physics:
200, // Lebar maksimal tiap item (bisa kamu ubah) const NeverScrollableScrollPhysics(),
mainAxisSpacing: 30, gridDelegate:
crossAxisSpacing: 30, const SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 0.85, childAspectRatio: 0.85,
), crossAxisCount: 3,
itemBuilder: (context, index) => crossAxisSpacing: 30.0,
ProductCard( mainAxisSpacing: 30.0,
data: filteredProducts[index], ),
onCartButton: () {}, itemBuilder: (context, index) =>
), ProductCard(
); data: filteredProducts[index],
}), onCartButton: () {},
), ),
// Minuman Tab );
SizedBox( }),
child: state.maybeWhen(orElse: () { ),
return const Center( // Makanan Tab
child: CircularProgressIndicator(), SizedBox(
); child: state.maybeWhen(orElse: () {
}, loading: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loaded: (products) {
if (products.isEmpty) {
return const Center( return const Center(
child: Text('No Items'), child: CircularProgressIndicator(),
); );
} }, loading: () {
final filteredProducts = return const Center(
_filterProductsByCategory(products, 2); child: CircularProgressIndicator(),
return filteredProducts.isEmpty );
? const _IsEmpty() }, loaded: (products) {
: GridView.builder( if (products.isEmpty) {
itemCount: filteredProducts.length, return const Center(
padding: const EdgeInsets.all(16), child: Text('No Items'),
gridDelegate: );
SliverGridDelegateWithMaxCrossAxisExtent( }
maxCrossAxisExtent: final filteredProducts = _filterProductsByCategory(products, 1);
200, // Lebar maksimal tiap item (bisa kamu ubah) return filteredProducts.isEmpty
mainAxisSpacing: 30, ? const _IsEmpty()
crossAxisSpacing: 30, : GridView.builder(
childAspectRatio: 0.85, shrinkWrap: true,
), itemCount: filteredProducts.length,
itemBuilder: (context, index) { physics:
return ProductCard( const NeverScrollableScrollPhysics(),
gridDelegate:
const SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 0.85,
crossAxisCount: 3,
crossAxisSpacing: 30.0,
mainAxisSpacing: 30.0,
),
itemBuilder: (context, index) =>
ProductCard(
data: filteredProducts[index], data: filteredProducts[index],
onCartButton: () {}, onCartButton: () {},
); ),
}, );
); }),
}), ),
), // Minuman Tab
// Snack Tab SizedBox(
SizedBox( child: state.maybeWhen(orElse: () {
child: state.maybeWhen(orElse: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loading: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loaded: (products) {
if (products.isEmpty) {
return const Center( return const Center(
child: Text('No Items'), child: CircularProgressIndicator(),
); );
} }, loading: () {
final filteredProducts = return const Center(
_filterProductsByCategory(products, 3); child: CircularProgressIndicator(),
return filteredProducts.isEmpty );
? const _IsEmpty() }, loaded: (products) {
: GridView.builder( if (products.isEmpty) {
itemCount: filteredProducts.length, return const Center(
padding: const EdgeInsets.all(16), child: Text('No Items'),
gridDelegate: );
SliverGridDelegateWithMaxCrossAxisExtent( }
maxCrossAxisExtent: final filteredProducts = _filterProductsByCategory(products, 2);
200, // Lebar maksimal tiap item (bisa kamu ubah) return filteredProducts.isEmpty
mainAxisSpacing: 30, ? const _IsEmpty()
crossAxisSpacing: 30, : GridView.builder(
childAspectRatio: 0.85, shrinkWrap: true,
), itemCount: filteredProducts.length,
itemBuilder: (context, index) { physics:
return ProductCard( const NeverScrollableScrollPhysics(),
data: filteredProducts[index], gridDelegate:
onCartButton: () {}, const SliverGridDelegateWithFixedCrossAxisCount(
); childAspectRatio: 0.85,
}, crossAxisCount: 3,
); crossAxisSpacing: 30.0,
}), mainAxisSpacing: 30.0,
), ),
], itemBuilder: (context, index) {
), return ProductCard(
); data: filteredProducts[index],
}, onCartButton: () {},
);
},
);
}),
),
// Snack Tab
SizedBox(
child: state.maybeWhen(orElse: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loading: () {
return const Center(
child: CircularProgressIndicator(),
);
}, loaded: (products) {
if (products.isEmpty) {
return const Center(
child: Text('No Items'),
);
}
final filteredProducts = _filterProductsByCategory(products, 3);
return filteredProducts.isEmpty
? const _IsEmpty()
: GridView.builder(
shrinkWrap: true,
itemCount: filteredProducts.length,
physics:
const NeverScrollableScrollPhysics(),
gridDelegate:
const SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 0.85,
crossAxisCount: 3,
crossAxisSpacing: 30.0,
mainAxisSpacing: 30.0,
),
itemBuilder: (context, index) {
return ProductCard(
data: filteredProducts[index],
onCartButton: () {},
);
},
);
}),
),
],
);
},
),
],
), ),
], ),
), ),
), ),
), ),
@ -314,226 +319,344 @@ class _HomePageState extends State<HomePage> {
flex: 2, flex: 2,
child: Align( child: Align(
alignment: Alignment.topCenter, alignment: Alignment.topCenter,
child: Material( child: Stack(
color: Colors.white, children: [
child: Column( SingleChildScrollView(
children: [ padding: const EdgeInsets.all(24.0),
HomeRightTitle( child: Column(
table: widget.table, crossAxisAlignment: CrossAxisAlignment.start,
), children: [
Padding( GestureDetector(
padding: const EdgeInsets.all(16.0) onTap: () {
.copyWith(bottom: 0, top: 27), if (widget.table == null) {
child: Column( context.push(DashboardPage(
children: [ index: 1,
const Row( ));
mainAxisAlignment: }
MainAxisAlignment.spaceBetween, },
children: [ child: Text(
Text( 'Meja: ${widget.table == null ? 'Belum Pilih Meja' : '${widget.table!.id}'}',
'Item', style: TextStyle(
color: AppColors.primary,
fontSize: 20,
fontWeight: FontWeight.w600,
),
),
),
const SpaceHeight(8.0),
Button.filled(
width: 180.0,
height: 40,
onPressed: () {},
label: 'Pesanan#',
),
// Row(
// children: [
// Button.filled(
// width: 120.0,
// height: 40,
// onPressed: () {},
// label: 'Dine In',
// ),
// const SpaceWidth(8.0),
// Button.outlined(
// width: 100.0,
// height: 40,
// onPressed: () {},
// label: 'To Go',
// ),
// ],
// ),
const SpaceHeight(16.0),
const Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Item',
style: TextStyle(
color: AppColors.primary,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
SizedBox(
width: 130,
),
SizedBox(
width: 50.0,
child: Text(
'Qty',
style: TextStyle( style: TextStyle(
color: AppColors.primary, color: AppColors.primary,
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
), ),
), ),
SizedBox( ),
width: 130, SizedBox(
), child: Text(
SizedBox( 'Price',
width: 50.0, style: TextStyle(
child: Text( color: AppColors.primary,
'Qty', fontSize: 16,
style: TextStyle( fontWeight: FontWeight.w600,
color: AppColors.primary,
fontSize: 16,
fontWeight: FontWeight.w600,
),
), ),
), ),
SizedBox( ),
child: Text( ],
'Price', ),
style: TextStyle( const SpaceHeight(8),
color: AppColors.primary, const Divider(),
fontSize: 16, const SpaceHeight(8),
fontWeight: FontWeight.w600, BlocBuilder<CheckoutBloc, CheckoutState>(
), builder: (context, state) {
), return state.maybeWhen(
orElse: () => const Center(
child: Text('No Items'),
), ),
], loaded: (products,
), discountModel,
const SpaceHeight(8), discount,
const Divider(), discountAmount,
], tax,
), serviceCharge,
), totalQuantity,
Expanded( totalPrice,
child: SingleChildScrollView( draftName, orderType) {
padding: if (products.isEmpty) {
const EdgeInsets.all(16.0).copyWith(top: 0), return const Center(
child: Column( child: Text('No Items'),
crossAxisAlignment: CrossAxisAlignment.start, );
}
return ListView.separated(
shrinkWrap: true,
physics:
const NeverScrollableScrollPhysics(),
itemBuilder: (context, index) =>
OrderMenu(data: products[index]),
separatorBuilder: (context, index) =>
const SpaceHeight(1.0),
itemCount: products.length,
);
},
);
},
),
const SpaceHeight(8.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
ColumnButton(
label: 'Diskon',
svgGenImage: Assets.icons.diskon,
onPressed: () => showDialog(
context: context,
barrierDismissible: false,
builder: (context) => const DiscountDialog(),
),
),
ColumnButton(
label: 'Pajak PB1',
svgGenImage: Assets.icons.pajak,
onPressed: () => showDialog(
context: context,
builder: (context) => const TaxDialog(),
),
),
ColumnButton(
label: 'Layanan',
svgGenImage: Assets.icons.layanan,
onPressed: () => showDialog(
context: context,
builder: (context) => const ServiceDialog(),
),
),
],
),
const SpaceHeight(8.0),
const Divider(),
const SpaceHeight(8.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Pajak PB1',
style: TextStyle(color: AppColors.grey),
),
BlocBuilder<CheckoutBloc, CheckoutState>( BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) { builder: (context, state) {
return state.maybeWhen( final tax = state.maybeWhen(
orElse: () => const Center( orElse: () => 0,
child: Text('No Items'), loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName, orderType) {
if (products.isEmpty) {
return 0;
}
return tax;
});
return Text(
'$tax %',
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.w600,
), ),
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName,
orderType) {
if (products.isEmpty) {
return const Center(
child: Text('No Items'),
);
}
return ListView.separated(
shrinkWrap: true,
physics:
const NeverScrollableScrollPhysics(),
itemBuilder: (context, index) =>
OrderMenu(data: products[index]),
separatorBuilder: (context, index) =>
const SpaceHeight(1.0),
itemCount: products.length,
);
},
); );
}, },
), ),
const SpaceHeight(8.0),
], ],
), ),
const SpaceHeight(8.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Layanan',
style: TextStyle(color: AppColors.grey),
),
BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) {
final serviceCharge = state.maybeWhen(
orElse: () => 0,
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName, orderType) {
return serviceCharge;
});
return Text(
'$serviceCharge %',
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.w600,
),
);
},
),
],
),
const SpaceHeight(8.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Diskon',
style: TextStyle(color: AppColors.grey),
),
BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) {
final discount = state.maybeWhen(
orElse: () => 0,
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName, orderType) {
if (discountModel == null) {
return 0;
}
return discountModel.value!
.replaceAll('.00', '')
.toIntegerFromText;
});
return Text(
'$discount %',
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.w600,
),
);
},
),
],
),
const SpaceHeight(8.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Sub total',
style: TextStyle(
color: AppColors.grey,
fontWeight: FontWeight.bold,
fontSize: 16),
),
BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) {
final price = state.maybeWhen(
orElse: () => 0,
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName, orderType) {
if (products.isEmpty) {
return 0;
}
return products
.map((e) =>
e.product.price!
.toIntegerFromText *
e.quantity)
.reduce((value, element) =>
value + element);
});
return Text(
price.currencyFormatRp,
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.bold,
fontSize: 16),
);
},
),
],
),
const SpaceHeight(100.0),
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: ColoredBox(
color: AppColors.white,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 24.0, vertical: 16.0),
child: Button.filled(
onPressed: () {
context.push(ConfirmPaymentPage(
isTable: widget.isTable,
table: widget.table,
));
},
label: 'Lanjutkan Pembayaran',
),
), ),
), ),
Padding( ),
padding: const EdgeInsets.all(16.0).copyWith(top: 0), ],
child: Column(
children: [
const Divider(),
const SpaceHeight(16.0),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
const Text(
'Pajak',
style: TextStyle(
color: AppColors.black,
fontWeight: FontWeight.bold,
),
),
BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) {
final tax = state.maybeWhen(
orElse: () => 0,
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName,
orderType) {
if (products.isEmpty) {
return 0;
}
return tax;
});
return Text(
'$tax %',
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.w600,
),
);
},
),
],
),
const SpaceHeight(16.0),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
const Text(
'Sub total',
style: TextStyle(
color: AppColors.black,
fontWeight: FontWeight.bold,
),
),
BlocBuilder<CheckoutBloc, CheckoutState>(
builder: (context, state) {
final price = state.maybeWhen(
orElse: () => 0,
loaded: (products,
discountModel,
discount,
discountAmount,
tax,
serviceCharge,
totalQuantity,
totalPrice,
draftName,
orderType) {
if (products.isEmpty) {
return 0;
}
return products
.map((e) =>
e.product.price!
.toIntegerFromText *
e.quantity)
.reduce((value, element) =>
value + element);
});
return Text(
price.currencyFormatRp,
style: const TextStyle(
color: AppColors.primary,
fontWeight: FontWeight.w900,
),
);
},
),
],
),
SpaceHeight(16.0),
Align(
alignment: Alignment.bottomCenter,
child: Expanded(
child: Button.filled(
borderRadius: 12,
elevation: 1,
onPressed: () {
context.push(ConfirmPaymentPage(
isTable: widget.isTable,
table: widget.table,
));
},
label: 'Lanjutkan Pembayaran',
),
),
),
],
),
),
],
),
), ),
), ),
), ),

117
lib/presentation/home/widgets/custom_tab_bar.dart
View File

@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
class CustomTabBar extends StatefulWidget { class CustomTabBar extends StatefulWidget {
final List<String> tabTitles; final List<String> tabTitles;
final int initialTabIndex; final int initialTabIndex;
@ -32,38 +34,33 @@ class _CustomTabBarState extends State<CustomTabBar> {
return Column( return Column(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
Container( Row(
padding: EdgeInsets.all(16), children: List.generate(
decoration: BoxDecoration( widget.tabTitles.length,
color: Colors.white, (index) => GestureDetector(
), onTap: () {
child: Row( setState(() {
children: List.generate( _selectedIndex = index;
widget.tabTitles.length, });
(index) => GestureDetector( },
onTap: () { child: Container(
setState(() { padding: const EdgeInsets.symmetric(vertical: 14),
_selectedIndex = index; margin: const EdgeInsets.only(right: 32),
}); decoration: BoxDecoration(
}, border: _selectedIndex == index
child: Container( ? const Border(
padding: bottom: BorderSide(
const EdgeInsets.symmetric(vertical: 6, horizontal: 12), width: 3.0,
margin: const EdgeInsets.only(right: 16), color: AppColors.primary,
decoration: BoxDecoration( ),
borderRadius: BorderRadius.circular(8), )
color: _selectedIndex == index : null,
? AppColors.primary ),
: Colors.transparent, child: Text(
), widget.tabTitles[index],
child: Text( style: const TextStyle(
widget.tabTitles[index], color: AppColors.primary,
style: TextStyle( fontWeight: FontWeight.bold,
color: _selectedIndex == index
? Colors.white
: AppColors.primary,
fontWeight: FontWeight.bold,
),
), ),
), ),
), ),
@ -78,59 +75,3 @@ class _CustomTabBarState extends State<CustomTabBar> {
); );
} }
} }
class CustomTabBarV2 extends StatelessWidget {
final List<String> tabTitles;
final List<Widget> tabViews;
const CustomTabBarV2({
super.key,
required this.tabTitles,
required this.tabViews,
});
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: tabTitles.length,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Material(
elevation: 0,
color: Colors.white,
borderOnForeground: false,
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 16),
child: TabBar(
isScrollable: true,
tabAlignment: TabAlignment.start,
labelColor: AppColors.primary,
labelStyle: TextStyle(
fontWeight: FontWeight.bold,
),
dividerColor: AppColors.primary,
unselectedLabelColor: AppColors.primary,
indicatorSize: TabBarIndicatorSize.label,
indicatorWeight: 4,
indicatorColor: AppColors.primary,
tabs: tabTitles
.map((title) => Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Tab(text: title),
))
.toList(),
),
),
),
Expanded(
// âś… ini bagian penting
child: TabBarView(
children: tabViews,
),
),
],
),
);
}
}

116
lib/presentation/home/widgets/home_right_title.dart
View File

@ -1,116 +0,0 @@
import 'package:enaklo_pos/core/components/buttons.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/pages/dashboard_page.dart';
import 'package:flutter/material.dart';
class HomeRightTitle extends StatelessWidget {
final TableModel? table;
const HomeRightTitle({super.key, this.table});
@override
Widget build(BuildContext context) {
return Container(
height: context.deviceHeight * 0.1,
decoration: BoxDecoration(
color: AppColors.primary,
border: Border(
left: BorderSide(
color: Colors.white,
width: 1.0,
),
),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Expanded(
child: Button.filled(
width: 180.0,
height: 40,
elevation: 0,
onPressed: () {},
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
icon: Icon(
Icons.list,
color: Colors.white,
size: 24,
),
label: 'Daftar Pesanan',
),
),
Expanded(
child: Button.filled(
width: 180.0,
height: 40,
elevation: 0,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
icon: Icon(
Icons.person_outline,
color: Colors.white,
size: 24,
),
onPressed: () {
if (table == null) {
context.push(DashboardPage(
index: 1,
));
}
},
label: 'Pelanggan',
),
),
],
),
Row(
children: [
Expanded(
child: Button.filled(
width: 180.0,
height: 40,
elevation: 0,
onPressed: () {},
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
icon: Icon(
Icons.dinner_dining_outlined,
color: Colors.white,
size: 24,
),
label: 'Dine In',
),
),
Expanded(
child: Button.filled(
width: 180.0,
height: 40,
elevation: 0,
icon: Icon(
Icons.table_restaurant_outlined,
color: Colors.white,
size: 24,
),
onPressed: () {
if (table == null) {
context.push(DashboardPage(
index: 1,
));
}
},
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
label: table == null ? 'Pilih Meja' : '${table!.id}',
),
),
],
),
],
),
);
}
}

56
lib/presentation/home/widgets/home_title.dart
View File

@ -1,5 +1,5 @@
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
import '../../../core/components/search_input.dart'; import '../../../core/components/search_input.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
@ -16,33 +16,39 @@ class HomeTitle extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Row(
height: context.deviceHeight * 0.1, mainAxisAlignment: MainAxisAlignment.spaceBetween,
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0), children: [
decoration: BoxDecoration( Column(
color: AppColors.white, crossAxisAlignment: CrossAxisAlignment.start,
), children: [
child: Row( const Text(
mainAxisAlignment: MainAxisAlignment.spaceBetween, 'Enaklo POS',
children: [ style: TextStyle(
const Text( color: AppColors.primary,
'DEFAULT OUTLET', fontSize: 22,
style: TextStyle( fontWeight: FontWeight.w600,
color: AppColors.primary, ),
fontSize: 28,
fontWeight: FontWeight.w600,
), ),
), const SizedBox(height: 4.0),
SizedBox( Text(
width: 300.0, DateTime.now().toFormattedDate(),
child: SearchInput( style: const TextStyle(
controller: controller, color: AppColors.subtitle,
onChanged: onChanged, fontSize: 16,
hintText: 'Search..', ),
), ),
],
),
SizedBox(
width: 300.0,
child: SearchInput(
controller: controller,
onChanged: onChanged,
hintText: 'Search..',
), ),
], ),
), ],
); );
} }
} }

65
lib/presentation/home/widgets/item_notes_dialog.dart
View File

@ -1,15 +1,16 @@
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
import 'package:enaklo_pos/presentation/home/models/product_quantity.dart'; import 'package:enaklo_pos/presentation/home/models/product_quantity.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart';
import '../../../core/components/buttons.dart'; import '../../../core/components/buttons.dart';
import '../../../core/components/spaces.dart'; import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart';
class ItemNotesDialog extends StatefulWidget { class ItemNotesDialog extends StatefulWidget {
final ProductQuantity item; final ProductQuantity item;
const ItemNotesDialog({ const ItemNotesDialog({
super.key, super.key,
required this.item, required this.item,
@ -37,52 +38,24 @@ class _ItemNotesDialogState extends State<ItemNotesDialog> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AlertDialog( return AlertDialog(
backgroundColor: Colors.white, title: const Text('Add Notes'),
title: Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
widget.item.product.name ?? 'Catatan Item',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppColors.black,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4.0),
Text(
'Masukkan catatan untuk item ini',
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
),
],
),
),
SpaceWidth(12),
IconButton(
icon: const Icon(Icons.close, color: AppColors.black),
onPressed: () {
Navigator.of(context).pop();
},
),
],
),
content: Column( content: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text(
widget.item.product.name ?? 'Product',
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
const SpaceHeight(16.0),
TextField( TextField(
controller: notesController, controller: notesController,
maxLines: 3, maxLines: 3,
decoration: const InputDecoration( decoration: const InputDecoration(
hintText: 'Masukkan catatan untuk item ini', hintText: 'Enter notes for this item...',
border: OutlineInputBorder(), border: OutlineInputBorder(),
), ),
), ),
@ -96,11 +69,11 @@ class _ItemNotesDialogState extends State<ItemNotesDialog> {
Button.filled( Button.filled(
onPressed: () { onPressed: () {
context.read<CheckoutBloc>().add( context.read<CheckoutBloc>().add(
CheckoutEvent.updateItemNotes( CheckoutEvent.updateItemNotes(
widget.item.product, widget.item.product,
notesController.text, notesController.text,
), ),
); );
Navigator.of(context).pop(); Navigator.of(context).pop();
}, },
label: 'Save', label: 'Save',
@ -108,4 +81,4 @@ class _ItemNotesDialogState extends State<ItemNotesDialog> {
], ],
); );
} }
} }

123
lib/presentation/home/widgets/order_menu.dart
View File

@ -6,42 +6,15 @@ import 'package:enaklo_pos/core/extensions/int_ext.dart';
import 'package:enaklo_pos/core/extensions/string_ext.dart'; import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
import 'package:enaklo_pos/presentation/home/models/product_quantity.dart'; import 'package:enaklo_pos/presentation/home/models/product_quantity.dart';
import 'package:enaklo_pos/presentation/home/widgets/item_notes_dialog.dart';
import '../../../core/components/spaces.dart'; import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
class OrderMenu extends StatefulWidget { class OrderMenu extends StatelessWidget {
final ProductQuantity data; final ProductQuantity data;
const OrderMenu({super.key, required this.data}); const OrderMenu({super.key, required this.data});
@override
State<OrderMenu> createState() => _OrderMenuState();
}
class _OrderMenuState extends State<OrderMenu> {
final _controller = TextEditingController();
@override
void initState() {
super.initState();
_controller.text = widget.data.notes;
_controller.addListener(() {
context.read<CheckoutBloc>().add(
CheckoutEvent.updateItemNotes(
widget.data.product,
_controller.text,
),
);
});
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Column( return Column(
@ -60,34 +33,65 @@ class _OrderMenuState extends State<OrderMenu> {
// color: AppColors.primary, // color: AppColors.primary,
// ), // ),
CachedNetworkImage( CachedNetworkImage(
imageUrl: widget.data.product.image!.contains('http') imageUrl: data.product.image!.contains('http')
? widget.data.product.image! ? data.product.image!
: '${Variables.baseUrl}/${widget.data.product.image}', : '${Variables.baseUrl}/${data.product.image}',
width: 50.0, width: 50.0,
height: 50.0, height: 50.0,
fit: BoxFit.cover, fit: BoxFit.cover,
errorWidget: (context, url, error) =>
const Icon(Icons.error),
), ),
), ),
title: Row( title: Row(
children: [ children: [
Expanded( Expanded(
child: Text(widget.data.product.name ?? "-", child: Text(data.product.name ?? "-",
maxLines: 1, maxLines: 2,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
style: const TextStyle( style: const TextStyle(
fontSize: 14, fontSize: 14,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
)), )),
), ),
GestureDetector(
onTap: () {
showDialog(
context: context,
builder: (context) => ItemNotesDialog(item: data),
);
},
child: const Icon(
Icons.edit_note,
size: 20,
color: AppColors.primary,
),
),
], ],
), ),
subtitle: Column( subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text(widget.data.product.price!.toIntegerFromText Text(data.product.price!.toIntegerFromText.currencyFormatRp),
.currencyFormatRp), if (data.notes.isNotEmpty) ...[
const SpaceHeight(4.0),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8.0,
vertical: 4.0,
),
decoration: BoxDecoration(
color: AppColors.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(4.0),
),
child: Text(
'Notes: ${data.notes}',
style: const TextStyle(
fontSize: 12,
color: AppColors.primary,
fontStyle: FontStyle.italic,
),
),
),
],
], ],
), ),
), ),
@ -98,7 +102,7 @@ class _OrderMenuState extends State<OrderMenu> {
onTap: () { onTap: () {
context context
.read<CheckoutBloc>() .read<CheckoutBloc>()
.add(CheckoutEvent.removeItem(widget.data.product)); .add(CheckoutEvent.removeItem(data.product));
}, },
child: Container( child: Container(
width: 30, width: 30,
@ -114,14 +118,14 @@ class _OrderMenuState extends State<OrderMenu> {
width: 30.0, width: 30.0,
child: Center( child: Center(
child: Text( child: Text(
widget.data.quantity.toString(), data.quantity.toString(),
)), )),
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
context context
.read<CheckoutBloc>() .read<CheckoutBloc>()
.add(CheckoutEvent.addItem(widget.data.product)); .add(CheckoutEvent.addItem(data.product));
}, },
child: Container( child: Container(
width: 30, width: 30,
@ -139,8 +143,7 @@ class _OrderMenuState extends State<OrderMenu> {
SizedBox( SizedBox(
width: 80.0, width: 80.0,
child: Text( child: Text(
(widget.data.product.price!.toIntegerFromText * (data.product.price!.toIntegerFromText * data.quantity)
widget.data.quantity)
.currencyFormatRp, .currencyFormatRp,
textAlign: TextAlign.right, textAlign: TextAlign.right,
style: const TextStyle( style: const TextStyle(
@ -151,40 +154,6 @@ class _OrderMenuState extends State<OrderMenu> {
), ),
], ],
), ),
SpaceHeight(8.0),
SizedBox(
height: 40,
child: Row(
children: [
Flexible(
child: TextFormField(
cursorColor: AppColors.primary,
controller: _controller,
style: const TextStyle(
fontSize: 12,
color: AppColors.black,
),
decoration: InputDecoration(
hintText: 'Catatan Pesanan',
),
),
),
const SpaceWidth(16.0),
Container(
height: 40,
width: 40,
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: BorderRadius.circular(8.0),
),
child: Icon(
Icons.delete_outline,
color: AppColors.white,
),
),
],
),
)
], ],
); );
} }

103
lib/presentation/home/widgets/product_card.dart
View File

@ -7,6 +7,7 @@ import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart'; import 'package:enaklo_pos/data/models/response/product_response_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart'; import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
import '../../../core/assets/assets.gen.dart';
import '../../../core/components/spaces.dart'; import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
@ -28,11 +29,10 @@ class ProductCard extends StatelessWidget {
}, },
child: Container( child: Container(
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
decoration: BoxDecoration( decoration: ShapeDecoration(
color: AppColors.white, shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12.0), side: const BorderSide(width: 1, color: AppColors.card),
border: Border.all( borderRadius: BorderRadius.circular(16),
color: AppColors.disabled,
), ),
), ),
child: Stack( child: Stack(
@ -50,25 +50,19 @@ class ProductCard extends StatelessWidget {
), ),
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(40.0)), borderRadius: BorderRadius.all(Radius.circular(40.0)),
child: CachedNetworkImage( child:
// Icon(
// Icons.fastfood,
// size: 40,
// color: AppColors.primary,
// ),
CachedNetworkImage(
imageUrl: data.image!.contains('http') imageUrl: data.image!.contains('http')
? data.image! ? data.image!
: '${Variables.baseUrl}/${data.image}', : '${Variables.baseUrl}/${data.image}',
fit: BoxFit.cover,
width: 60, width: 60,
height: 60, height: 60,
errorWidget: (context, url, error) => Container( fit: BoxFit.cover,
width: 60,
height: 60,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: AppColors.disabled.withOpacity(0.4),
),
child: const Icon(
Icons.image_not_supported,
color: AppColors.grey,
),
),
), ),
), ),
), ),
@ -83,29 +77,28 @@ class ProductCard extends StatelessWidget {
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
), ),
const Spacer(), const Spacer(),
Align( Row(
alignment: Alignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween,
child: Text( children: [
data.category?.name ?? '-', Flexible(
style: const TextStyle( child: Text(
fontSize: 14, data.category?.name ?? '-',
color: AppColors.grey, style: const TextStyle(
fontWeight: FontWeight.w500, color: AppColors.grey,
fontSize: 12,
),
),
), ),
maxLines: 2, Flexible(
overflow: TextOverflow.ellipsis, child: Text(
), data.price!.toIntegerFromText.currencyFormatRp,
), style: const TextStyle(
const Spacer(), fontWeight: FontWeight.bold,
Align( fontSize: 13,
alignment: Alignment.center, ),
child: Text( ),
data.price!.toIntegerFromText.currencyFormatRp,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 13,
), ),
), ],
), ),
const Spacer(), const Spacer(),
], ],
@ -156,8 +149,34 @@ class ProductCard extends StatelessWidget {
), ),
), ),
) )
: SizedBox.shrink() : Align(
: SizedBox.shrink(); alignment: Alignment.topRight,
child: Container(
width: 36,
height: 36,
padding: const EdgeInsets.all(6),
decoration: const BoxDecoration(
borderRadius:
BorderRadius.all(Radius.circular(9.0)),
color: AppColors.primary,
),
child: Assets.icons.shoppingBasket.svg(),
),
)
: Align(
alignment: Alignment.topRight,
child: Container(
width: 36,
height: 36,
padding: const EdgeInsets.all(6),
decoration: const BoxDecoration(
borderRadius:
BorderRadius.all(Radius.circular(9.0)),
color: AppColors.primary,
),
child: Assets.icons.shoppingBasket.svg(),
),
);
}, },
); );
}, },

121
lib/presentation/setting/pages/product_page.dart
View File

@ -1,5 +1,3 @@
import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/data/datasources/product_remote_datasource.dart'; import 'package:enaklo_pos/data/datasources/product_remote_datasource.dart';
@ -29,68 +27,40 @@ class _ProductPageState extends State<ProductPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
backgroundColor: AppColors.background, body: ListView(
body: Column( padding: const EdgeInsets.all(24.0),
children: [ children: [
SettingsTitle( const SettingsTitle('Manage Products'),
'Kelola Produk', const SizedBox(height: 24),
subtitle: 'Kelola produk anda', BlocBuilder<GetProductsBloc, GetProductsState>(
actionWidget: [ builder: (context, state) {
Button.outlined( return state.maybeWhen(orElse: () {
onPressed: () { return const Center(
showDialog( child: CircularProgressIndicator(),
context: context, );
builder: (context) => MultiBlocProvider( }, success: (products) {
providers: [ return GridView.builder(
BlocProvider( padding: EdgeInsets.zero,
create: (context) => gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
AddProductBloc(ProductRemoteDatasource()), childAspectRatio: 1,
), crossAxisCount: 3,
BlocProvider.value( mainAxisSpacing: 12,
value: context.read<SyncProductBloc>(), crossAxisSpacing: 12,
), ),
BlocProvider.value( itemCount: products.length + 1,
value: context.read<GetProductsBloc>(), shrinkWrap: true,
), physics: const ScrollPhysics(),
], itemBuilder: (BuildContext context, int index) {
child: const FormProductDialog(), if (index == 0) {
), return AddData(
); title: 'Add New Product',
}, onPressed: () {
label: "Tambah Produk",
icon: Icon(Icons.add, color: AppColors.primary),
)
],
),
Expanded(
child: BlocBuilder<GetProductsBloc, GetProductsState>(
builder: (context, state) {
return state.maybeWhen(orElse: () {
return const Center(
child: CircularProgressIndicator(),
);
}, success: (products) {
return GridView.builder(
padding: EdgeInsets.all(16),
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 200,
mainAxisSpacing: 30,
crossAxisSpacing: 30,
childAspectRatio: 0.85,
),
itemCount: products.length,
itemBuilder: (BuildContext context, int index) {
final item = products[index];
return MenuProductItem(
data: item,
onTapEdit: () {
showDialog( showDialog(
context: context, context: context,
builder: (context) => MultiBlocProvider( builder: (context) => MultiBlocProvider(
providers: [ providers: [
BlocProvider( BlocProvider(
create: (context) => UpdateProductBloc( create: (context) => AddProductBloc(ProductRemoteDatasource()),
ProductRemoteDatasource()),
), ),
BlocProvider.value( BlocProvider.value(
value: context.read<SyncProductBloc>(), value: context.read<SyncProductBloc>(),
@ -99,16 +69,39 @@ class _ProductPageState extends State<ProductPage> {
value: context.read<GetProductsBloc>(), value: context.read<GetProductsBloc>(),
), ),
], ],
child: FormProductDialog(product: item), child: const FormProductDialog(),
), ),
); );
}, },
); );
}, }
); final item = products[index - 1];
}); return MenuProductItem(
}, data: item,
), onTapEdit: () {
showDialog(
context: context,
builder: (context) => MultiBlocProvider(
providers: [
BlocProvider(
create: (context) => UpdateProductBloc(ProductRemoteDatasource()),
),
BlocProvider.value(
value: context.read<SyncProductBloc>(),
),
BlocProvider.value(
value: context.read<GetProductsBloc>(),
),
],
child: FormProductDialog(product: item),
),
);
},
);
},
);
});
},
), ),
], ],
), ),

72
lib/presentation/setting/pages/setting_tile.dart
View File

@ -1,72 +0,0 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart';
class SettingTile extends StatelessWidget {
final int index;
final int currentIndex;
final String title;
final String subtitle;
final IconData icon;
final Function() onTap;
const SettingTile({
super.key,
required this.title,
required this.subtitle,
required this.icon,
required this.onTap,
required this.index,
required this.currentIndex,
});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
child: Container(
padding: const EdgeInsets.all(12.0),
decoration: BoxDecoration(
border: Border(
right: BorderSide(
color: currentIndex == index
? AppColors.primary
: Colors.transparent,
width: 4.0,
),
),
),
child: Row(
children: [
Icon(
icon,
size: 24.0,
color: currentIndex == index ? AppColors.primary : AppColors.grey,
),
const SpaceWidth(12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4.0),
Text(
subtitle,
style:
const TextStyle(fontSize: 14.0, color: AppColors.grey),
),
],
),
),
],
),
),
);
}
}

222
lib/presentation/setting/pages/settings_page.dart
View File

@ -1,14 +1,15 @@
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/presentation/setting/pages/setting_tile.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart'; import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
import 'package:enaklo_pos/presentation/sales/pages/sales_page.dart'; import 'package:enaklo_pos/presentation/sales/pages/sales_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/discount_page.dart'; import 'package:enaklo_pos/presentation/setting/pages/discount_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/manage_printer_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/product_page.dart'; import 'package:enaklo_pos/presentation/setting/pages/product_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/server_key_page.dart'; import 'package:enaklo_pos/presentation/setting/pages/server_key_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/sync_data_page.dart'; import 'package:enaklo_pos/presentation/setting/pages/sync_data_page.dart';
import 'package:enaklo_pos/presentation/setting/pages/tax_page.dart'; import 'package:enaklo_pos/presentation/setting/pages/tax_page.dart';
import '../../../core/assets/assets.gen.dart';
import '../../../core/components/spaces.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
class SettingsPage extends StatefulWidget { class SettingsPage extends StatefulWidget {
@ -44,7 +45,6 @@ class _SettingsPageState extends State<SettingsPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
backgroundColor: AppColors.background,
body: Row( body: Row(
children: [ children: [
// LEFT CONTENT // LEFT CONTENT
@ -52,108 +52,89 @@ class _SettingsPageState extends State<SettingsPage> {
flex: 2, flex: 2,
child: Align( child: Align(
alignment: Alignment.topCenter, alignment: Alignment.topCenter,
child: Material( child: ListView(
color: AppColors.white, padding: const EdgeInsets.all(16.0),
child: Column( children: [
crossAxisAlignment: CrossAxisAlignment.start, const Text(
children: [ 'Settings',
Container( style: TextStyle(
padding: const EdgeInsets.symmetric( color: AppColors.primary,
horizontal: 16.0, fontSize: 28,
vertical: 12.0, fontWeight: FontWeight.w600,
),
width: double.infinity,
height: context.deviceHeight * 0.1,
decoration: const BoxDecoration(
color: AppColors.white,
border: Border(
bottom: BorderSide(
color: AppColors.background,
width: 1.0,
),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Pengaturan',
style: TextStyle(
color: AppColors.black,
fontSize: 20,
fontWeight: FontWeight.w600,
),
),
Text(
'Kelola pengaturan aplikasi',
style: TextStyle(
color: AppColors.grey,
fontSize: 14,
),
),
],
),
), ),
Expanded( ),
child: SingleChildScrollView( const SpaceHeight(16.0),
child: Column( role != null && role! != 'admin'
children: [ ? const SizedBox()
role != null && role! != 'admin' : ListTile(
? const SizedBox() contentPadding: const EdgeInsets.all(12.0),
: SettingTile( leading: Assets.icons.kelolaProduk.svg(),
index: 0, title: const Text('Manage Products'),
currentIndex: currentIndex, subtitle: const Text('Manage products in your store'),
title: 'Kelola Produk', textColor: AppColors.primary,
subtitle: 'Kelola produk anda', tileColor: currentIndex == 0
icon: Icons.inventory_outlined, ? AppColors.blueLight
onTap: () => indexValue(0), : Colors.transparent,
), onTap: () => indexValue(0),
SettingTile(
index: 1,
currentIndex: currentIndex,
title: 'Kelola Diskon',
subtitle: 'Kelola diskon pelanggan',
icon: Icons.discount_outlined,
onTap: () => indexValue(1),
),
SettingTile(
index: 2,
currentIndex: currentIndex,
title: 'Riwayat Transaksi',
subtitle: 'Lihat riwayat transaksi',
icon: Icons.receipt_long_outlined,
onTap: () => indexValue(2),
),
SettingTile(
index: 3,
currentIndex: currentIndex,
title: 'Perhitungan Biaya',
subtitle: 'Kelola biaya diluar biaya modal',
icon: Icons.attach_money_outlined,
onTap: () => indexValue(3),
),
SettingTile(
index: 4,
currentIndex: currentIndex,
title: 'Sinkronisasi Data',
subtitle: 'Sinkronisasi data dari dan ke server',
icon: Icons.sync_outlined,
onTap: () => indexValue(4),
),
SettingTile(
index: 6,
currentIndex: currentIndex,
title: 'Qr Key Setting',
subtitle: 'Kelola QR Key',
icon: Icons.qr_code_2_outlined,
onTap: () => indexValue(6),
),
],
), ),
), ListTile(
), contentPadding: const EdgeInsets.all(12.0),
], leading: Assets.icons.kelolaDiskon.svg(),
), title: const Text('Kelola Diskon'),
subtitle: const Text('Kelola Diskon Pelanggan'),
textColor: AppColors.primary,
tileColor: currentIndex == 1
? AppColors.blueLight
: Colors.transparent,
onTap: () => indexValue(1),
),
ListTile(
contentPadding: const EdgeInsets.all(12.0),
leading: Assets.icons.dashboard.svg(),
title: const Text('History Transaksi'),
subtitle: const Text('Lihat history transaksi'),
textColor: AppColors.primary,
tileColor: currentIndex == 2
? AppColors.blueLight
: Colors.transparent,
onTap: () => indexValue(2),
),
ListTile(
contentPadding: const EdgeInsets.all(12.0),
leading: Assets.icons.kelolaPajak.svg(),
title: const Text('Perhitungan Biaya'),
subtitle: const Text('Kelola biaya diluar biaya modal'),
textColor: AppColors.primary,
tileColor: currentIndex == 3
? AppColors.blueLight
: Colors.transparent,
onTap: () => indexValue(3),
),
ListTile(
contentPadding: const EdgeInsets.all(12.0),
leading: Assets.icons.kelolaPajak.svg(),
title: const Text('Sync Data'),
subtitle:
const Text('Sinkronisasi data dari dan ke server'),
textColor: AppColors.primary,
tileColor: currentIndex == 4
? AppColors.blueLight
: Colors.transparent,
onTap: () => indexValue(4),
),
ListTile(
contentPadding: const EdgeInsets.all(12.0),
leading: Image.asset(Assets.images.manageQr.path,
fit: BoxFit.contain),
title: const Text('QR Key Setting'),
subtitle: const Text('QR Key Configuration'),
textColor: AppColors.primary,
tileColor: currentIndex == 6
? AppColors.blueLight
: Colors.transparent,
onTap: () => indexValue(6),
),
],
), ),
), ),
), ),
@ -163,21 +144,26 @@ class _SettingsPageState extends State<SettingsPage> {
flex: 4, flex: 4,
child: Align( child: Align(
alignment: AlignmentDirectional.topStart, alignment: AlignmentDirectional.topStart,
child: IndexedStack( child: Padding(
index: currentIndex, padding: const EdgeInsets.all(16.0),
children: [ child: IndexedStack(
role != null && role! != 'admin' ? SizedBox() : ProductPage(), index: currentIndex,
DiscountPage(), children: [
SalesPage(), role != null && role! != 'admin'
TaxPage(), ? SizedBox()
SyncDataPage(), : ProductPage(),
ProductPage(), DiscountPage(),
ServerKeyPage() SalesPage(),
// Text('tax'), TaxPage(),
// ManageDiscount(), SyncDataPage(),
// ManagePrinterPage(), ProductPage(),
// ManageTax(), ServerKeyPage()
], // Text('tax'),
// ManageDiscount(),
// ManagePrinterPage(),
// ManageTax(),
],
),
), ),
), ),
), ),

217
lib/presentation/setting/widgets/menu_product_item.dart
View File

@ -1,6 +1,5 @@
// ignore_for_file: public_member_api_docs, sort_constructors_first // ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:cached_network_image/cached_network_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart'; import 'package:enaklo_pos/data/models/response/product_response_model.dart';
@ -12,221 +11,7 @@ import '../../../core/constants/variables.dart';
class MenuProductItem extends StatelessWidget { class MenuProductItem extends StatelessWidget {
final Product data; final Product data;
final Function() onTapEdit; final Function() onTapEdit;
const MenuProductItem( const MenuProductItem({
{super.key, required this.data, required this.onTapEdit});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.zero,
decoration: BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.circular(12.0),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: const EdgeInsets.all(8.0).copyWith(bottom: 0),
child: Stack(
children: [
AspectRatio(
aspectRatio: 1.2,
child: ClipRRect(
borderRadius: BorderRadius.circular(12),
child: CachedNetworkImage(
imageUrl: data.image!.contains('http')
? data.image!
: '${Variables.baseUrl}/${data.image}',
fit: BoxFit.cover,
errorWidget: (context, url, error) => Container(
width: double.infinity,
height: context.deviceHeight * 0.18,
decoration: BoxDecoration(
color: AppColors.grey.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: const Icon(
Icons.image_outlined,
color: AppColors.grey,
size: 40,
),
),
),
),
),
Positioned(
top: 8,
right: 8,
child: Container(
padding:
const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: BorderRadius.circular(8),
),
child: Text(
data.category?.name ?? "",
style: const TextStyle(
color: AppColors.white,
fontSize: 10,
fontWeight: FontWeight.w600,
),
),
),
),
],
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
child: Row(
children: [
Expanded(
child: Text(
"${data.name}",
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w700,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
],
),
),
Row(
children: [
Expanded(
child: GestureDetector(
onTap: () {
showDialog(
context: context,
builder: (context) {
//container for product detail
return AlertDialog(
backgroundColor: AppColors.white,
contentPadding: const EdgeInsets.all(16.0),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text(
data.name!,
style: const TextStyle(
fontSize: 20,
),
),
IconButton(
onPressed: () {
Navigator.pop(context);
},
icon: const Icon(Icons.close),
),
],
),
const SpaceHeight(10.0),
ClipRRect(
borderRadius: const BorderRadius.all(
Radius.circular(10.0)),
child: CachedNetworkImage(
imageUrl: '${Variables.baseUrl}${data.image}',
placeholder: (context, url) => const Center(
child: CircularProgressIndicator()),
errorWidget: (context, url, error) =>
const Icon(
Icons.food_bank_outlined,
size: 80,
),
width: 80,
),
),
const SpaceHeight(10.0),
Text(
data.category?.name ?? '-',
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
Text(
data.price.toString(),
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
Text(
data.stock.toString(),
style: const TextStyle(
fontSize: 12,
color: Colors.grey,
),
),
const SpaceHeight(10.0),
],
),
);
},
);
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 4),
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(12),
),
),
child: Icon(
Icons.visibility_outlined,
color: AppColors.white,
size: 18,
),
),
),
),
Container(
width: 1,
color: AppColors.grey.withOpacity(0.2),
),
Expanded(
child: GestureDetector(
onTap: onTapEdit,
child: Container(
padding: const EdgeInsets.symmetric(vertical: 4),
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: const BorderRadius.only(
bottomRight: Radius.circular(12),
),
),
child: Icon(
Icons.edit_outlined,
color: AppColors.white,
size: 18,
),
),
),
),
],
),
],
),
);
}
}
class MenuProductItemOld extends StatelessWidget {
final Product data;
final Function() onTapEdit;
const MenuProductItemOld({
super.key, super.key,
required this.data, required this.data,
required this.onTapEdit, required this.onTapEdit,

66
lib/presentation/setting/widgets/settings_title.dart
View File

@ -1,69 +1,45 @@
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../../../core/components/search_input.dart'; import '../../../core/components/search_input.dart';
import '../../../core/constants/colors.dart'; import '../../../core/constants/colors.dart';
class SettingsTitle extends StatelessWidget { class SettingsTitle extends StatelessWidget {
final String title; final String title;
final String? subtitle;
final TextEditingController? controller; final TextEditingController? controller;
final Function(String value)? onChanged; final Function(String value)? onChanged;
final List<Widget>? actionWidget;
const SettingsTitle( const SettingsTitle(
this.title, { this.title, {
super.key, super.key,
this.controller, this.controller,
this.onChanged, this.onChanged,
this.actionWidget,
this.subtitle,
}); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Row(
height: context.deviceHeight * 0.1, mainAxisAlignment: MainAxisAlignment.spaceBetween,
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0), children: [
decoration: BoxDecoration( Text(
color: AppColors.white, title,
), style: const TextStyle(
child: Row( color: AppColors.primary,
mainAxisAlignment: MainAxisAlignment.spaceBetween, fontSize: 20,
children: [ fontWeight: FontWeight.w600,
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
color: AppColors.black,
fontSize: 20,
fontWeight: FontWeight.w600,
),
),
if (subtitle != null)
Text(
subtitle ?? '',
style: TextStyle(
color: AppColors.grey,
fontSize: 14,
),
),
],
), ),
if (controller != null) ),
SizedBox( if (controller != null)
width: 300.0, SizedBox(
child: SearchInput( width: 300.0,
controller: controller!, child: SearchInput(
onChanged: onChanged, controller: controller!,
hintText: 'Search for food, coffe, etc..', onChanged: onChanged,
), hintText: 'Search for food, coffe, etc..',
), ),
if (actionWidget != null) ...actionWidget!, ),
], ],
),
); );
} }
} }