Compare commits

..

No commits in common. "848891e1f44db7a2bff53a2f6a92934973de6c3e" and "711e5f3f521c11d258fc0802a4417a6bf94f7025" have entirely different histories.

9 changed files with 47 additions and 244 deletions

View File

@ -8,26 +8,22 @@ class ListTileView extends StatelessWidget {
final String title; final String title;
final VoidCallback? onPressed; final VoidCallback? onPressed;
final Widget? prefixIcon, suffixIcon; final Widget? prefixIcon, suffixIcon;
final EdgeInsetsGeometry? padding, margin; final Color? colorTitle;
final TextStyle? textStyle;
const ListTileView( const ListTileView(
{Key? key, {Key? key,
required this.title, required this.title,
this.onPressed, this.onPressed,
this.prefixIcon, this.prefixIcon,
this.suffixIcon, this.suffixIcon,
this.padding, this.colorTitle})
this.textStyle,
this.margin})
: super(key: key); : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: SizeConfig.width, width: SizeConfig.width,
padding: padding ?? padding: const EdgeInsets.symmetric(vertical: 16.0, horizontal: 8.0),
const EdgeInsets.symmetric(vertical: 16.0, horizontal: 8.0), margin: const EdgeInsets.symmetric(vertical: 16.0),
margin: margin ?? const EdgeInsets.symmetric(vertical: 16.0),
decoration: BoxDecoration( decoration: BoxDecoration(
color: ColorPalette.blue50, color: ColorPalette.blue50,
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
@ -51,23 +47,22 @@ class ListTileView extends StatelessWidget {
Expanded( Expanded(
child: Text( child: Text(
title, title,
style: textStyle ?? style: TextStyle(
const TextStyle( fontWeight: FontWeight.w600,
fontWeight: FontWeight.w600, color: colorTitle ?? ColorPalette.slate500,
color: ColorPalette.slate500, ),
),
), ),
), ),
suffixIcon ?? suffixIcon != null
IconButton( ? IconButton(
onPressed: onPressed, onPressed: onPressed,
icon: const Icon( icon: const Icon(
Icons.arrow_forward_ios, Icons.arrow_forward_ios,
color: ColorPalette.primary, color: ColorPalette.primary,
size: 20, size: 20,
), ),
), )
// : const SizedBox(), : const SizedBox(),
], ],
), ),
); );

View File

@ -1,6 +1,3 @@
import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:intl/intl.dart'; import 'package:intl/intl.dart';
class StringUtils { class StringUtils {
@ -26,16 +23,4 @@ class StringUtils {
} }
return '--:--:--'; return '--:--:--';
} }
static void iCopyToClipboard(BuildContext context,
{String? desc, required String text}) {
Clipboard.setData(ClipboardData(text: text));
ScaffoldMessenger.of(context)
.showSnackBar(SnackBar(
backgroundColor: ColorPalette.primary,
content: Text(desc ?? "Text copied to clipboard"),
))
.closed
.then((value) => ScaffoldMessenger.of(context).removeCurrentSnackBar());
}
} }

View File

@ -1,6 +1,7 @@
import 'package:cims_apps/application/assets/path_assets.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/component/image/image_view.dart';
import 'package:cims_apps/application/theme/color_palette.dart'; import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:cims_apps/core/route/route.dart';
import 'package:cims_apps/core/utils/size_config.dart'; import 'package:cims_apps/core/utils/size_config.dart';
import 'package:cims_apps/features/profile/model/list_menu_model.dart'; import 'package:cims_apps/features/profile/model/list_menu_model.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
@ -63,9 +64,7 @@ class ProfileView extends StatelessWidget {
image: e.pathAsset, width: SizeConfig.width * .08), image: e.pathAsset, width: SizeConfig.width * .08),
trailing: const Icon(Icons.arrow_forward_ios, trailing: const Icon(Icons.arrow_forward_ios,
color: ColorPalette.slate400), color: ColorPalette.slate400),
onTap: () { onTap: () => routePush(context, page: e.page),
// routePush(context, page: e.page);
},
), ),
); );
}), }),

View File

@ -1,10 +1,5 @@
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/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart'; import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/core/route/route.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/view/subscribe_detail_view.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart'; import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@ -18,29 +13,18 @@ class CancelView extends StatelessWidget {
child: Consumer<TransactionViewModel>( child: Consumer<TransactionViewModel>(
builder: (context, provider, child) => Column( builder: (context, provider, child) => Column(
children: [ children: [
if (provider.listCancelTransaction.isEmpty) if (provider.listOnProcessTransaction.isEmpty)
EmptyCardTransaction( EmptyCardTransaction(
onPressedButton: () {}, onPressedButton: () {},
), ),
...provider.listCancelTransaction.map((e) { ...provider.listOnProcessTransaction.map((e) {
return CardTransactionView( return CardTransactionView(
onTap: () {
routePush(context,
page: const SubscribeDetailView(
type: 'virtual',
));
},
iconPath: PathAssets.iconEducation,
type: 'Education',
amount: NumberFormatter.numberCurrency(
6000000,
'Rp ',
'id_ID',
decimalDigits: 0,
),
timeTransaction: StringUtils.formatTime(DateTime.now()),
subs: '3 Subscription',
step: 'cancel', step: 'cancel',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
); );
}), }),
], ],

View File

@ -1,10 +1,5 @@
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/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart'; import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/core/route/route.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/view/subscribe_detail_view.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart'; import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@ -19,29 +14,18 @@ class DoneView extends StatelessWidget {
builder: (context, provider, child) { builder: (context, provider, child) {
return Column( return Column(
children: [ children: [
if (provider.listDoneTransaction.isEmpty) if (provider.listOnProcessTransaction.isEmpty)
EmptyCardTransaction( EmptyCardTransaction(
onPressedButton: () {}, onPressedButton: () {},
), ),
...provider.listDoneTransaction.map((e) { ...provider.listOnProcessTransaction.map((e) {
return CardTransactionView( return CardTransactionView(
onTap: () {
routePush(context,
page: const SubscribeDetailView(
type: 'virtual',
));
},
iconPath: PathAssets.iconEducation,
type: 'Education',
amount: NumberFormatter.numberCurrency(
6000000,
'Rp ',
'id_ID',
decimalDigits: 0,
),
timeTransaction: StringUtils.formatTime(DateTime.now()),
subs: '3 Subscription',
step: 'done', step: 'done',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
); );
}), }),
], ],

View File

@ -1,10 +1,5 @@
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/card_transaction_view.dart';
import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart'; import 'package:cims_apps/application/component/card_transaction/empty_card_transaction.dart';
import 'package:cims_apps/core/route/route.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/view/subscribe_detail_view.dart';
import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart'; import 'package:cims_apps/features/transaction/viewmodel/transaction_viewmodel.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@ -24,23 +19,12 @@ class OnProcessView extends StatelessWidget {
), ),
...provider.listOnProcessTransaction.map((e) { ...provider.listOnProcessTransaction.map((e) {
return CardTransactionView( return CardTransactionView(
onTap: () {
routePush(context,
page: const SubscribeDetailView(
type: 'virtual',
));
},
iconPath: PathAssets.iconHome,
type: 'Home',
amount: NumberFormatter.numberCurrency(
6000000,
'Rp ',
'id_ID',
decimalDigits: 0,
),
timeTransaction: StringUtils.formatTime(DateTime.now()),
subs: '3 Subscription',
step: 'on process', step: 'on process',
type: 'type',
amount: 'amount',
iconPath: 'iconPath',
subs: 'subs',
onTap: () {},
); );
}), }),
]); ]);

View File

@ -1,16 +1,12 @@
import 'package:cims_apps/application/assets/path_assets.dart'; import 'package:cims_apps/application/assets/path_assets.dart';
import 'package:cims_apps/application/component/button/back_button_view.dart'; import 'package:cims_apps/application/component/button/back_button_view.dart';
import 'package:cims_apps/application/component/button/button_view.dart';
import 'package:cims_apps/application/component/image/image_view.dart'; import 'package:cims_apps/application/component/image/image_view.dart';
import 'package:cims_apps/application/component/list_tile/list_tile_view.dart';
import 'package:cims_apps/application/theme/color_palette.dart'; import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:cims_apps/core/utils/size_config.dart'; import 'package:cims_apps/core/utils/size_config.dart';
import 'package:cims_apps/core/utils/string_utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class SubscribeDetailView extends StatelessWidget { class SubscribeDetailView extends StatelessWidget {
final String type; const SubscribeDetailView({Key? key}) : super(key: key);
const SubscribeDetailView({Key? key, required this.type}) : super(key: key);
Widget _stepper( Widget _stepper(
TextTheme textTheme, { TextTheme textTheme, {
@ -164,114 +160,6 @@ class SubscribeDetailView extends StatelessWidget {
); );
} }
Widget _cardVA(BuildContext context) {
return Container(
margin: const EdgeInsets.only(top: 16.0, bottom: 8.0),
padding: const EdgeInsets.only(bottom: 16.0),
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(width: 1, color: ColorPalette.slate200),
borderRadius: const BorderRadius.all(Radius.circular(12)),
),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: SizeConfig.height * .02),
RichText(
text: const TextSpan(children: [
TextSpan(
text: 'Transfer to ',
style: TextStyle(
color: ColorPalette.slate400,
fontWeight: FontWeight.normal,
),
),
TextSpan(
text: 'ABC Virtual Account',
style: TextStyle(
color: ColorPalette.slate800,
fontWeight: FontWeight.bold,
),
),
])),
SizedBox(height: SizeConfig.height * .01),
const Text(
'Ferdy Maulana',
style: TextStyle(
color: Colors.black87,
fontSize: 16,
),
),
ListTileView(
title: '8785 0000 3165 5512',
prefixIcon: const SizedBox(),
padding: const EdgeInsets.only(right: 16.0),
margin: const EdgeInsets.only(top: 8.0, bottom: 8.0),
textStyle: const TextStyle(
fontWeight: FontWeight.bold, color: ColorPalette.primary),
suffixIcon: ButtonView(
name: 'Copy',
width: SizeConfig.width * .3,
height: SizeConfig.height * .052,
sizeBorderRadius: 8.0,
widthPrefix: 8.0,
marginVertical: 10.0,
prefixIcon: const Icon(
Icons.file_copy_outlined,
color: Colors.white,
size: 20,
),
onPressed: () {
StringUtils.iCopyToClipboard(
context,
text: '8785 0000 3165 5512',
);
},
),
),
const Divider(color: ColorPalette.slate200),
const Text(
'Amount to be transferred',
style: TextStyle(
color: Colors.black87,
fontSize: 16,
),
),
ListTileView(
title: 'Rp 10.000.000',
prefixIcon: const SizedBox(),
padding: const EdgeInsets.only(right: 16.0),
margin: const EdgeInsets.only(top: 8.0),
textStyle: const TextStyle(
fontWeight: FontWeight.bold, color: ColorPalette.primary),
suffixIcon: ButtonView(
name: 'Copy',
width: SizeConfig.width * .3,
height: SizeConfig.height * .052,
sizeBorderRadius: 8.0,
widthPrefix: 8.0,
marginVertical: 10.0,
prefixIcon: const Icon(
Icons.file_copy_outlined,
color: Colors.white,
size: 20,
),
onPressed: () {
StringUtils.iCopyToClipboard(
context,
text: '10.000.000',
);
},
),
),
],
),
),
);
}
Widget _cardContent(BuildContext context) { Widget _cardContent(BuildContext context) {
TextTheme textTheme = Theme.of(context).textTheme; TextTheme textTheme = Theme.of(context).textTheme;
List mySteps = const [ List mySteps = const [
@ -325,7 +213,6 @@ class SubscribeDetailView extends StatelessWidget {
Text('23:56:42', style: textTheme.headlineSmall), Text('23:56:42', style: textTheme.headlineSmall),
], ],
), ),
type == 'virtual' ? _cardVA(context) : const SizedBox(),
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0), padding: const EdgeInsets.symmetric(vertical: 16.0),
child: Text('Purchase Details', style: textTheme.headlineSmall), child: Text('Purchase Details', style: textTheme.headlineSmall),
@ -436,18 +323,6 @@ class SubscribeDetailView extends StatelessWidget {
], ],
), ),
), ),
type == 'virtual'
? const Padding(
padding: EdgeInsets.only(bottom: 8.0),
child: Text(
'Virtual Account',
style: TextStyle(
color: Colors.white,
fontSize: 16,
),
),
)
: const SizedBox(),
Row( Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
@ -455,11 +330,11 @@ class SubscribeDetailView extends StatelessWidget {
image: PathAssets.imgProduct, image: PathAssets.imgProduct,
width: SizeConfig.width * .08, width: SizeConfig.width * .08,
), ),
Padding( const Padding(
padding: const EdgeInsets.only(left: 8.0), padding: EdgeInsets.only(left: 8.0),
child: Text( child: Text(
type == 'virtual' ? 'ABC' : 'Shopping Pay', 'Shopping Pay',
style: const TextStyle( style: TextStyle(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: Colors.white, color: Colors.white,
), ),
@ -493,7 +368,7 @@ class SubscribeDetailView extends StatelessWidget {
child: Container( child: Container(
color: Colors.transparent, color: Colors.transparent,
width: SizeConfig.width, width: SizeConfig.width,
padding: const EdgeInsets.only(top: 16.0), padding: const EdgeInsets.only(top: 32.0),
child: Container( child: Container(
margin: const EdgeInsets.only(top: 32.0), margin: const EdgeInsets.only(top: 32.0),
padding: const EdgeInsets.only(top: 32.0), padding: const EdgeInsets.only(top: 32.0),

View File

@ -22,10 +22,7 @@ class WaitingView extends StatelessWidget {
provider.listWaitingTransaction.isNotEmpty provider.listWaitingTransaction.isNotEmpty
? CardTransactionView( ? CardTransactionView(
onTap: () { onTap: () {
routePush(context, routePush(context, page: const SubscribeDetailView());
page: const SubscribeDetailView(
type: 'normal',
));
}, },
iconPath: PathAssets.iconEducation, iconPath: PathAssets.iconEducation,
type: 'Education', type: 'Education',

View File

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