You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
412 lines
18 KiB
412 lines
18 KiB
import 'dart:ui';
|
|
import 'package:cake_wallet/src/screens/send/widgets/parse_address_from_domain_alert.dart';
|
|
import 'package:cake_wallet/src/screens/send/widgets/send_card.dart';
|
|
import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart';
|
|
import 'package:cake_wallet/src/widgets/template_tile.dart';
|
|
import 'package:cake_wallet/view_model/send/send_item.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:mobx/mobx.dart';
|
|
import 'package:cake_wallet/routes.dart';
|
|
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
|
import 'package:cake_wallet/core/execution_state.dart';
|
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
|
import 'package:cake_wallet/src/widgets/primary_button.dart';
|
|
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
|
import 'package:cake_wallet/src/widgets/trail_button.dart';
|
|
import 'package:cake_wallet/utils/show_pop_up.dart';
|
|
import 'package:cake_wallet/view_model/send/send_view_model_state.dart';
|
|
import 'package:cake_wallet/generated/i18n.dart';
|
|
import 'package:dotted_border/dotted_border.dart';
|
|
import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
|
|
import 'package:cake_wallet/src/screens/send/widgets/confirm_sending_alert.dart';
|
|
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
|
|
|
|
class SendPage extends BasePage {
|
|
SendPage({@required this.sendViewModel}) :_formKey = GlobalKey<FormState>();
|
|
|
|
final SendViewModel sendViewModel;
|
|
final GlobalKey<FormState> _formKey;
|
|
final controller = PageController(initialPage: 0);
|
|
|
|
bool _effectsInstalled = false;
|
|
|
|
@override
|
|
String get title => S.current.send;
|
|
|
|
@override
|
|
Color get titleColor => Colors.white;
|
|
|
|
@override
|
|
bool get resizeToAvoidBottomInset => false;
|
|
|
|
@override
|
|
bool get extendBodyBehindAppBar => true;
|
|
|
|
@override
|
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
|
|
|
@override
|
|
Widget trailing(context) => Observer(builder: (_) {
|
|
return sendViewModel.isRemoveButtonShow
|
|
? TrailButton(
|
|
caption: S.of(context).remove,
|
|
onPressed: () {
|
|
var pageToJump = controller.page.round() - 1;
|
|
pageToJump = pageToJump > 0 ? pageToJump : 0;
|
|
final item = _defineCurrentSendItem();
|
|
sendViewModel.removeSendItem(item);
|
|
controller.jumpToPage(pageToJump);
|
|
})
|
|
: TrailButton(
|
|
caption: S.of(context).clear,
|
|
onPressed: () {
|
|
final item = _defineCurrentSendItem();
|
|
_formKey.currentState.reset();
|
|
item.reset();
|
|
});
|
|
});
|
|
|
|
@override
|
|
Widget body(BuildContext context) {
|
|
_setEffects(context);
|
|
|
|
return Form(
|
|
key: _formKey,
|
|
child: ScrollableWithBottomSection(
|
|
contentPadding: EdgeInsets.only(bottom: 24),
|
|
content: Column(
|
|
children: <Widget>[
|
|
Container(
|
|
height: 445,
|
|
child: Observer(
|
|
builder: (_) {
|
|
return PageView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
controller: controller,
|
|
itemCount: sendViewModel.sendItemList.length,
|
|
itemBuilder: (context, index) {
|
|
final item = sendViewModel.sendItemList[index];
|
|
|
|
return SendCard(
|
|
key: item.key,
|
|
item: item,
|
|
sendViewModel: sendViewModel,
|
|
);
|
|
}
|
|
);
|
|
},
|
|
)
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 10, left: 24, right: 24, bottom: 10),
|
|
child: Container(
|
|
height: 10,
|
|
child: Observer(builder: (_) {
|
|
final count = sendViewModel.sendItemList.length;
|
|
|
|
return count > 1
|
|
? SmoothPageIndicator(
|
|
controller: controller,
|
|
count: count,
|
|
effect: ScrollingDotsEffect(
|
|
spacing: 6.0,
|
|
radius: 6.0,
|
|
dotWidth: 6.0,
|
|
dotHeight: 6.0,
|
|
dotColor: Theme.of(context)
|
|
.primaryTextTheme
|
|
.display2
|
|
.backgroundColor,
|
|
activeDotColor: Theme.of(context)
|
|
.primaryTextTheme
|
|
.display3
|
|
.backgroundColor
|
|
)
|
|
)
|
|
: Offstage();
|
|
})
|
|
)
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 24, bottom: 24),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
S.of(context).send_templates,
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context)
|
|
.primaryTextTheme
|
|
.display4
|
|
.color),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
height: 40,
|
|
width: double.infinity,
|
|
padding: EdgeInsets.only(left: 24),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Row(
|
|
children: <Widget>[
|
|
GestureDetector(
|
|
onTap: () => Navigator.of(context)
|
|
.pushNamed(Routes.sendTemplate),
|
|
child: Container(
|
|
padding: EdgeInsets.only(left: 1, right: 10),
|
|
child: DottedBorder(
|
|
borderType: BorderType.RRect,
|
|
dashPattern: [6, 4],
|
|
color: Theme.of(context)
|
|
.primaryTextTheme
|
|
.display2
|
|
.decorationColor,
|
|
strokeWidth: 2,
|
|
radius: Radius.circular(20),
|
|
child: Container(
|
|
height: 34,
|
|
width: 75,
|
|
padding:
|
|
EdgeInsets.only(left: 10, right: 10),
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(20)),
|
|
color: Colors.transparent,
|
|
),
|
|
child: Text(
|
|
S.of(context).send_new,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context)
|
|
.primaryTextTheme
|
|
.display3
|
|
.color),
|
|
),
|
|
)),
|
|
),
|
|
),
|
|
Observer(builder: (_) {
|
|
final templates = sendViewModel.templates;
|
|
final itemCount = templates.length;
|
|
|
|
return ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
shrinkWrap: true,
|
|
physics: NeverScrollableScrollPhysics(),
|
|
itemCount: itemCount,
|
|
itemBuilder: (context, index) {
|
|
final template = templates[index];
|
|
|
|
return TemplateTile(
|
|
key: UniqueKey(),
|
|
to: template.name,
|
|
amount: template.amount,
|
|
from: template.cryptoCurrency,
|
|
onTap: () async {
|
|
final item = _defineCurrentSendItem();
|
|
item.address =
|
|
template.address;
|
|
item.setCryptoAmount(template.amount);
|
|
final record =
|
|
await item.getOpenaliasRecord();
|
|
|
|
if (record != null) {
|
|
showAddressAlert(
|
|
context,
|
|
S.current.openalias_alert_title,
|
|
S.current
|
|
.openalias_alert_content(record.name));
|
|
}
|
|
},
|
|
onRemove: () {
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (dialogContext) {
|
|
return AlertWithTwoActions(
|
|
alertTitle:
|
|
S.of(context).template,
|
|
alertContent: S
|
|
.of(context)
|
|
.confirm_delete_template,
|
|
rightButtonText:
|
|
S.of(context).delete,
|
|
leftButtonText:
|
|
S.of(context).cancel,
|
|
actionRightButton: () {
|
|
Navigator.of(dialogContext)
|
|
.pop();
|
|
sendViewModel
|
|
.sendTemplateViewModel
|
|
.removeTemplate(
|
|
template: template);
|
|
},
|
|
actionLeftButton: () =>
|
|
Navigator.of(dialogContext)
|
|
.pop());
|
|
});
|
|
},
|
|
);
|
|
});
|
|
})
|
|
],
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
bottomSectionPadding:
|
|
EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
|
bottomSection: Column(
|
|
children: [
|
|
PrimaryButton(
|
|
onPressed: () {
|
|
sendViewModel.addSendItem();
|
|
},
|
|
text: 'Add receiver',
|
|
color: Colors.green,
|
|
textColor: Colors.white,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 12),
|
|
child: Observer(builder: (_) {
|
|
return LoadingPrimaryButton(
|
|
onPressed: () async {
|
|
if (_formKey.currentState.validate()) {
|
|
//await sendViewModel.createTransaction();
|
|
// FIXME: for test only
|
|
sendViewModel.clearSendItemList();
|
|
await showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertWithOneAction(
|
|
alertTitle: S.of(context).send,
|
|
alertContent: S.of(context).send_success(
|
|
sendViewModel.currency
|
|
.toString()),
|
|
buttonText: S.of(context).ok,
|
|
buttonAction: () => Navigator.of(context).pop());
|
|
});
|
|
} else {
|
|
await showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertWithOneAction(
|
|
alertTitle: S.of(context).error,
|
|
alertContent: 'Please, check your receivers forms',
|
|
buttonText: S.of(context).ok,
|
|
buttonAction: () =>
|
|
Navigator.of(context).pop());
|
|
});
|
|
}
|
|
},
|
|
text: S.of(context).send,
|
|
color: Theme.of(context).accentTextTheme.body2.color,
|
|
textColor: Colors.white,
|
|
isLoading: sendViewModel.state is IsExecutingState ||
|
|
sendViewModel.state is TransactionCommitting,
|
|
isDisabled: !sendViewModel.isReadyForSend,
|
|
);
|
|
},
|
|
))
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
void _setEffects(BuildContext context) {
|
|
if (_effectsInstalled) {
|
|
return;
|
|
}
|
|
|
|
reaction((_) => sendViewModel.state, (ExecutionState state) {
|
|
if (state is FailureState) {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertWithOneAction(
|
|
alertTitle: S.of(context).error,
|
|
alertContent: state.error,
|
|
buttonText: S.of(context).ok,
|
|
buttonAction: () => Navigator.of(context).pop());
|
|
});
|
|
});
|
|
}
|
|
|
|
if (state is ExecutedSuccessfullyState) {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return ConfirmSendingAlert(
|
|
alertTitle: S.of(context).confirm_sending,
|
|
amount: S.of(context).send_amount,
|
|
amountValue:
|
|
sendViewModel.pendingTransaction.amountFormatted,
|
|
fiatAmountValue: sendViewModel.pendingTransactionFiatAmount
|
|
+ ' ' + sendViewModel.fiat.title,
|
|
fee: S.of(context).send_fee,
|
|
feeValue: sendViewModel.pendingTransaction.feeFormatted,
|
|
feeFiatAmount: sendViewModel.pendingTransactionFeeFiatAmount
|
|
+ ' ' + sendViewModel.fiat.title,
|
|
recipientTitle: S.of(context).recipient_address,
|
|
recipientAddress: '', // FIXME: sendViewModel.address,
|
|
rightButtonText: S.of(context).ok,
|
|
leftButtonText: S.of(context).cancel,
|
|
actionRightButton: () {
|
|
Navigator.of(context).pop();
|
|
sendViewModel.commitTransaction();
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return Observer(builder: (_) {
|
|
final state = sendViewModel.state;
|
|
|
|
if (state is FailureState) {
|
|
Navigator.of(context).pop();
|
|
}
|
|
|
|
if (state is TransactionCommitted) {
|
|
return AlertWithOneAction(
|
|
alertTitle: '',
|
|
alertContent: S.of(context).send_success(
|
|
sendViewModel.currency
|
|
.toString()),
|
|
buttonText: S.of(context).ok,
|
|
buttonAction: () =>
|
|
Navigator.of(context).pop());
|
|
}
|
|
|
|
return Offstage();
|
|
});
|
|
});
|
|
},
|
|
actionLeftButton: () => Navigator.of(context).pop());
|
|
});
|
|
});
|
|
}
|
|
|
|
if (state is TransactionCommitted) {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
sendViewModel.clearSendItemList();
|
|
});
|
|
}
|
|
});
|
|
|
|
_effectsInstalled = true;
|
|
}
|
|
|
|
SendItem _defineCurrentSendItem() {
|
|
final itemCount = controller.page.round();
|
|
return sendViewModel.sendItemList[itemCount];
|
|
}
|
|
}
|