nugrohob825/cims_apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: transaction

Browse Source
This commit is contained in:
Dian Bayu Nugroho
2024-03-05 15:25:44 +07:00
parent ff515e2621
commit 6f5d3ccca8
19 changed files with 509 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
lib/features/transaction/view/cancel_view.dart Normal file
View File

@@ -0,0 +1,35 @@
import 'package:cims_apps/application/component/card_transaction/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class CancelView extends StatelessWidget {
const CancelView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Consumer<TransactionViewModel>(
builder: (context, provider, child) => Column(
children: [
if (provider.listOnProcessTransaction.isEmpty)
EmptyCardTransaction(
onPressedButton: () {},
),
...provider.listOnProcessTransaction.map((e) {
return CardTransactionView(
step: 'cancel',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
);
}),
],
),
),
);
}
}

37
lib/features/transaction/view/done_view.dart Normal file
View File

@@ -0,0 +1,37 @@
import 'package:cims_apps/application/component/card_transaction/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class DoneView extends StatelessWidget {
const DoneView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Consumer<TransactionViewModel>(
builder: (context, provider, child) {
return Column(
children: [
if (provider.listOnProcessTransaction.isEmpty)
EmptyCardTransaction(
onPressedButton: () {},
),
...provider.listOnProcessTransaction.map((e) {
return CardTransactionView(
step: 'done',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
);
}),
],
);
},
),
);
}
}

34
lib/features/transaction/view/onprocess_view.dart Normal file
View File

@@ -0,0 +1,34 @@
import 'package:cims_apps/application/component/card_transaction/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class OnProcessView extends StatelessWidget {
const OnProcessView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child:
Consumer<TransactionViewModel>(builder: (context, provider, child) {
return Column(children: [
if (provider.listOnProcessTransaction.isEmpty)
EmptyCardTransaction(
onPressedButton: () {},
),
...provider.listOnProcessTransaction.map((e) {
return CardTransactionView(
step: 'on process',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
);
}),
]);
}),
);
}
}

118
lib/features/transaction/view/transaction_view.dart
View File

@@ -1,14 +1,124 @@
import 'package:cims_apps/application/component/custom_app_bar/custom_app_bar.dart';
import 'package:cims_apps/application/assets/path_assets.dart';
import 'package:cims_apps/application/component/image/image_view.dart';
import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:cims_apps/core/utils/size_config.dart';
import 'package:cims_apps/features/transaction/view/cancel_view.dart';
import 'package:cims_apps/features/transaction/view/done_view.dart';
import 'package:cims_apps/features/transaction/view/onprocess_view.dart';
import 'package:cims_apps/features/transaction/view/waiting_view.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart';
import 'package:flutter_toggle_tab/flutter_toggle_tab.dart';
import 'package:provider/provider.dart';
class TransactionView extends StatelessWidget {
const TransactionView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: CustomAppBar(height: SizeConfig.height * 0.08, title: 'Transaction'),
);
List<Tab> textTabs = const [
Tab(text: 'Waiting'),
Tab(text: 'On process'),
Tab(text: 'Done'),
Tab(text: 'Cancel'),
];
List<Widget> listTabBarView = const [
WaitingView(),
OnProcessView(),
DoneView(),
CancelView(),
];
return ChangeNotifierProvider(
create: (context) => TransactionViewModel(),
builder: (context, child) {
return Scaffold(
backgroundColor: ColorPalette.primary,
body: SizedBox(
child: Stack(
children: [
const ImageView(image: PathAssets.imgDashboardAccount),
Column(
children: [
SizedBox(
height: SizeConfig.height * .05,
),
const Center(
child: Text(
'Transaction',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
color: Colors.white),
),
),
SizedBox(
height: SizeConfig.height * .04,
),
Container(
margin: const EdgeInsets.symmetric(horizontal: 24),
child: FlutterToggleTab(
height: SizeConfig.height * .065,
width: SizeConfig.width * .2,
marginSelected: const EdgeInsets.all(8.0),
isScroll: false,
selectedTextStyle: const TextStyle(
color: ColorPalette.primary,
fontWeight: FontWeight.w700,
),
unSelectedTextStyle: const TextStyle(
color: ColorPalette.blackFont,
fontWeight: FontWeight.w700,
),
unSelectedBackgroundColors: const [
ColorPalette.blue50
],
selectedBackgroundColors: const [ColorPalette.white],
labels: const ['Subscribe', 'Reedem'],
selectedLabelIndex: (p0) {},
selectedIndex: 0,
),
),
Expanded(
child: DefaultTabController(
length: textTabs.length,
child: Container(
color: Colors.transparent,
padding: const EdgeInsets.only(top: 32.0),
child: Container(
margin: const EdgeInsets.only(top: 24),
padding: const EdgeInsets.only(top: 16.0),
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24)),
),
child: Column(
children: [
TabBar(
tabs: textTabs,
indicatorColor: Colors.blueAccent,
),
Expanded(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
vertical: 4.0,
),
child: TabBarView(children: listTabBarView),
))
],
),
),
),
)),
],
)
],
),
),
);
});
}
}

42
lib/features/transaction/view/waiting_view.dart Normal file
View File

@@ -0,0 +1,42 @@
import 'package:cims_apps/application/assets/path_assets.dart';
import 'package:cims_apps/application/component/card_transaction/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/core/utils/number_formatter.dart';
import 'package:cims_apps/core/utils/string_utils.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class WaitingView extends StatelessWidget {
const WaitingView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child:
Consumer<TransactionViewModel>(builder: (context, provider, child) {
return Column(
children: [
provider.listWaitingTransaction.isNotEmpty
? CardTransactionView(
onTap: () {},
iconPath: PathAssets.iconEducation,
type: 'Education',
amount: NumberFormatter.numberCurrency(
6000000,
'Rp ',
'id_ID',
decimalDigits: 0,
),
timeTransaction: StringUtils.formatTime(DateTime.now()),
subs: '3 Subscription',
step: 'waiting')
: EmptyCardTransaction(
onPressedButton: () {},
),
],
);
}),
);
}
}

8
lib/features/transaction/viewmodel/transaction_viewmodel.dart Normal file
View File

@@ -0,0 +1,8 @@
import 'package:flutter/material.dart';
class TransactionViewModel extends ChangeNotifier {
List listWaitingTransaction = [1];
List listOnProcessTransaction = [];
List listDoneTransaction = [];
List listCancelTransaction = [];
}