feat: setting page and setting product page
This commit is contained in:
efrilm
@@ -1,3 +1,5 @@
|
||||
import 'package:enaklo_pos/core/components/buttons.dart';
|
||||
import 'package:enaklo_pos/core/constants/colors.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:enaklo_pos/data/datasources/product_remote_datasource.dart';
|
||||
@@ -27,40 +29,68 @@ class _ProductPageState extends State<ProductPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: ListView(
|
||||
padding: const EdgeInsets.all(24.0),
|
||||
backgroundColor: AppColors.background,
|
||||
body: Column(
|
||||
children: [
|
||||
const SettingsTitle('Manage Products'),
|
||||
const SizedBox(height: 24),
|
||||
BlocBuilder<GetProductsBloc, GetProductsState>(
|
||||
builder: (context, state) {
|
||||
return state.maybeWhen(orElse: () {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}, success: (products) {
|
||||
return GridView.builder(
|
||||
padding: EdgeInsets.zero,
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
childAspectRatio: 1,
|
||||
crossAxisCount: 3,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
),
|
||||
itemCount: products.length + 1,
|
||||
shrinkWrap: true,
|
||||
physics: const ScrollPhysics(),
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
if (index == 0) {
|
||||
return AddData(
|
||||
title: 'Add New Product',
|
||||
onPressed: () {
|
||||
SettingsTitle(
|
||||
'Kelola Produk',
|
||||
subtitle: 'Kelola produk anda',
|
||||
actionWidget: [
|
||||
Button.outlined(
|
||||
onPressed: () {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => MultiBlocProvider(
|
||||
providers: [
|
||||
BlocProvider(
|
||||
create: (context) =>
|
||||
AddProductBloc(ProductRemoteDatasource()),
|
||||
),
|
||||
BlocProvider.value(
|
||||
value: context.read<SyncProductBloc>(),
|
||||
),
|
||||
BlocProvider.value(
|
||||
value: context.read<GetProductsBloc>(),
|
||||
),
|
||||
],
|
||||
child: const FormProductDialog(),
|
||||
),
|
||||
);
|
||||
},
|
||||
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(
|
||||
context: context,
|
||||
builder: (context) => MultiBlocProvider(
|
||||
providers: [
|
||||
BlocProvider(
|
||||
create: (context) => AddProductBloc(ProductRemoteDatasource()),
|
||||
create: (context) => UpdateProductBloc(
|
||||
ProductRemoteDatasource()),
|
||||
),
|
||||
BlocProvider.value(
|
||||
value: context.read<SyncProductBloc>(),
|
||||
@@ -69,39 +99,16 @@ class _ProductPageState extends State<ProductPage> {
|
||||
value: context.read<GetProductsBloc>(),
|
||||
),
|
||||
],
|
||||
child: const FormProductDialog(),
|
||||
child: FormProductDialog(product: item),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
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),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
});
|
||||
},
|
||||
},
|
||||
);
|
||||
});
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
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),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,15 +1,14 @@
|
||||
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:enaklo_pos/data/datasources/auth_local_datasource.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/manage_printer_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/sync_data_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';
|
||||
|
||||
class SettingsPage extends StatefulWidget {
|
||||
@@ -45,6 +44,7 @@ class _SettingsPageState extends State<SettingsPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.background,
|
||||
body: Row(
|
||||
children: [
|
||||
// LEFT CONTENT
|
||||
@@ -52,89 +52,108 @@ class _SettingsPageState extends State<SettingsPage> {
|
||||
flex: 2,
|
||||
child: Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
children: [
|
||||
const Text(
|
||||
'Settings',
|
||||
style: TextStyle(
|
||||
color: AppColors.primary,
|
||||
fontSize: 28,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
const SpaceHeight(16.0),
|
||||
role != null && role! != 'admin'
|
||||
? const SizedBox()
|
||||
: ListTile(
|
||||
contentPadding: const EdgeInsets.all(12.0),
|
||||
leading: Assets.icons.kelolaProduk.svg(),
|
||||
title: const Text('Manage Products'),
|
||||
subtitle: const Text('Manage products in your store'),
|
||||
textColor: AppColors.primary,
|
||||
tileColor: currentIndex == 0
|
||||
? AppColors.blueLight
|
||||
: Colors.transparent,
|
||||
onTap: () => indexValue(0),
|
||||
child: Material(
|
||||
color: AppColors.white,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 16.0,
|
||||
vertical: 12.0,
|
||||
),
|
||||
width: double.infinity,
|
||||
height: context.deviceHeight * 0.1,
|
||||
decoration: const BoxDecoration(
|
||||
color: AppColors.white,
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: AppColors.background,
|
||||
width: 1.0,
|
||||
),
|
||||
),
|
||||
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),
|
||||
),
|
||||
],
|
||||
),
|
||||
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(
|
||||
child: Column(
|
||||
children: [
|
||||
role != null && role! != 'admin'
|
||||
? const SizedBox()
|
||||
: SettingTile(
|
||||
index: 0,
|
||||
currentIndex: currentIndex,
|
||||
title: 'Kelola Produk',
|
||||
subtitle: 'Kelola produk anda',
|
||||
icon: Icons.inventory_outlined,
|
||||
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),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -144,26 +163,21 @@ class _SettingsPageState extends State<SettingsPage> {
|
||||
flex: 4,
|
||||
child: Align(
|
||||
alignment: AlignmentDirectional.topStart,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: IndexedStack(
|
||||
index: currentIndex,
|
||||
children: [
|
||||
role != null && role! != 'admin'
|
||||
? SizedBox()
|
||||
: ProductPage(),
|
||||
DiscountPage(),
|
||||
SalesPage(),
|
||||
TaxPage(),
|
||||
SyncDataPage(),
|
||||
ProductPage(),
|
||||
ServerKeyPage()
|
||||
// Text('tax'),
|
||||
// ManageDiscount(),
|
||||
// ManagePrinterPage(),
|
||||
// ManageTax(),
|
||||
],
|
||||
),
|
||||
child: IndexedStack(
|
||||
index: currentIndex,
|
||||
children: [
|
||||
role != null && role! != 'admin' ? SizedBox() : ProductPage(),
|
||||
DiscountPage(),
|
||||
SalesPage(),
|
||||
TaxPage(),
|
||||
SyncDataPage(),
|
||||
ProductPage(),
|
||||
ServerKeyPage()
|
||||
// Text('tax'),
|
||||
// ManageDiscount(),
|
||||
// ManagePrinterPage(),
|
||||
// ManageTax(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user