import 'package:cake_wallet/core/address_validator.dart'; import 'package:cake_wallet/core/amount_validator.dart'; import 'package:cake_wallet/src/screens/auth/auth_page.dart'; import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart'; import 'package:cake_wallet/view_model/send_view_model.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_mobx/flutter_mobx.dart'; import 'package:mobx/mobx.dart'; import 'package:provider/provider.dart'; import 'package:cake_wallet/palette.dart'; import 'package:cake_wallet/routes.dart'; import 'package:cake_wallet/src/widgets/address_text_field.dart'; import 'package:cake_wallet/src/widgets/primary_button.dart'; import 'package:cake_wallet/src/stores/settings/settings_store.dart'; import 'package:cake_wallet/src/stores/balance/balance_store.dart'; import 'package:cake_wallet/src/stores/wallet/wallet_store.dart'; import 'package:cake_wallet/src/stores/send/send_store.dart'; //import 'package:cake_wallet/src/stores/send/sending_state.dart'; import 'package:cake_wallet/src/screens/base_page.dart'; import 'package:cake_wallet/src/domain/common/crypto_currency.dart'; import 'package:cake_wallet/src/domain/common/calculate_estimated_fee.dart'; import 'package:cake_wallet/generated/i18n.dart'; import 'package:cake_wallet/src/domain/common/sync_status.dart'; import 'package:cake_wallet/src/stores/sync/sync_store.dart'; import 'package:cake_wallet/src/widgets/top_panel.dart'; import 'package:dotted_border/dotted_border.dart'; import 'package:cake_wallet/src/widgets/alert_with_one_action.dart'; import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart'; import 'package:cake_wallet/src/screens/send/widgets/confirm_sending_alert.dart'; import 'package:cake_wallet/src/screens/send/widgets/sending_alert.dart'; import 'package:cake_wallet/src/widgets/template_tile.dart'; import 'package:cake_wallet/src/stores/send_template/send_template_store.dart'; import 'package:cake_wallet/src/widgets/trail_button.dart'; class SendPage extends BasePage { SendPage({@required this.sendViewModel}); final SendViewModel sendViewModel; @override String get title => S.current.send_title; @override Color get backgroundLightColor => Palette.lavender; @override Color get backgroundDarkColor => PaletteDark.lightNightBlue; @override bool get resizeToAvoidBottomPadding => false; @override Widget trailing(context) { // final sendStore = Provider.of(context); return TrailButton(caption: S.of(context).clear, onPressed: () => null); } @override Widget body(BuildContext context) => SendForm(sendViewModel: sendViewModel); } class SendForm extends StatefulWidget { SendForm({this.sendViewModel}); final SendViewModel sendViewModel; @override State createState() => SendFormState(); } class SendFormState extends State { final _addressController = TextEditingController(); final _cryptoAmountController = TextEditingController(); final _fiatAmountController = TextEditingController(); final _focusNode = FocusNode(); bool _effectsInstalled = false; final _formKey = GlobalKey(); @override void initState() { _focusNode.addListener(() { if (!_focusNode.hasFocus && _addressController.text.isNotEmpty) { getOpenaliasRecord(context); } }); super.initState(); } Future getOpenaliasRecord(BuildContext context) async { final sendStore = Provider.of(context); final isOpenalias = await sendStore.isOpenaliasRecord(_addressController.text); if (isOpenalias) { _addressController.text = sendStore.recordAddress; await showDialog( context: context, builder: (BuildContext context) { return AlertWithOneAction( alertTitle: S.of(context).openalias_alert_title, alertContent: S.of(context).openalias_alert_content(sendStore.recordName), buttonText: S.of(context).ok, buttonAction: () => Navigator.of(context).pop()); }); } } @override Widget build(BuildContext context) { // final settingsStore = Provider.of(context); // final sendStore = Provider.of(context); // sendStore.settingsStore = settingsStore; // final balanceStore = Provider.of(context); // final walletStore = Provider.of(context); // final syncStore = Provider.of(context); // final sendTemplateStore = Provider.of(context); _setEffects(context); return Container( color: Theme.of(context).backgroundColor, child: ScrollableWithBottomSection( contentPadding: EdgeInsets.only(bottom: 24), content: Column( children: [ TopPanel( color: Theme.of(context).accentTextTheme.title.backgroundColor, widget: Form( key: _formKey, child: Column(children: [ AddressTextField( controller: _addressController, placeholder: S.of(context).send_monero_address, focusNode: _focusNode, onURIScanned: (uri) { var address = ''; var amount = ''; if (uri != null) { address = uri.path; amount = uri.queryParameters['tx_amount']; } else { address = uri.toString(); } _addressController.text = address; _cryptoAmountController.text = amount; }, options: [ AddressTextFieldOption.qrCode, AddressTextFieldOption.addressBook ], buttonColor: Theme.of(context).accentTextTheme.title.color, validator: widget.sendViewModel.addressValidator, ), Observer(builder: (_) { return Padding( padding: const EdgeInsets.only(top: 20), child: TextFormField( style: TextStyle( fontSize: 16.0, color: Theme.of(context) .primaryTextTheme .title .color), controller: _cryptoAmountController, keyboardType: TextInputType.numberWithOptions( signed: false, decimal: true), inputFormatters: [ BlacklistingTextInputFormatter( RegExp('[\\-|\\ |\\,]')) ], decoration: InputDecoration( prefixIcon: Padding( padding: EdgeInsets.only(top: 12), child: Text('XMR:', style: TextStyle( fontSize: 16, fontWeight: FontWeight.w500, color: Theme.of(context) .primaryTextTheme .title .color, )), ), suffixIcon: Padding( padding: EdgeInsets.only(bottom: 5), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( width: MediaQuery.of(context).size.width / 2, alignment: Alignment.centerLeft, child: Text( ' / ' + widget.sendViewModel.balance, maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: 16, color: Theme.of(context) .primaryTextTheme .caption .color)), ), Container( height: 32, width: 32, margin: EdgeInsets.only( left: 12, bottom: 7, top: 4), decoration: BoxDecoration( color: Theme.of(context) .accentTextTheme .title .color, borderRadius: BorderRadius.all( Radius.circular(6))), child: InkWell( onTap: () => null, // widget.sendViewModel, child: Center( child: Text(S.of(context).all, textAlign: TextAlign.center, style: TextStyle( fontSize: 9, fontWeight: FontWeight.bold, color: Theme.of(context) .primaryTextTheme .caption .color)), ), ), ) ], ), ), hintStyle: TextStyle( fontSize: 16.0, color: Theme.of(context) .primaryTextTheme .title .color), hintText: '0.0000', focusedBorder: UnderlineInputBorder( borderSide: BorderSide( color: Theme.of(context).dividerColor, width: 1.0)), enabledBorder: UnderlineInputBorder( borderSide: BorderSide( color: Theme.of(context).dividerColor, width: 1.0))), validator: widget.sendViewModel.amountValidator), ); }), Padding( padding: const EdgeInsets.only(top: 20), child: TextFormField( style: TextStyle( fontSize: 16.0, color: Theme.of(context).primaryTextTheme.title.color), controller: _fiatAmountController, keyboardType: TextInputType.numberWithOptions( signed: false, decimal: true), inputFormatters: [ BlacklistingTextInputFormatter( RegExp('[\\-|\\ |\\,]')) ], decoration: InputDecoration( prefixIcon: Padding( padding: EdgeInsets.only(top: 12), child: Text( '${widget.sendViewModel.fiat.toString()}:', style: TextStyle( fontSize: 16, fontWeight: FontWeight.w500, color: Theme.of(context) .primaryTextTheme .title .color, )), ), hintStyle: TextStyle( fontSize: 16.0, color: Theme.of(context) .primaryTextTheme .caption .color), hintText: '0.00', focusedBorder: UnderlineInputBorder( borderSide: BorderSide( color: Theme.of(context).dividerColor, width: 1.0)), enabledBorder: UnderlineInputBorder( borderSide: BorderSide( color: Theme.of(context).dividerColor, width: 1.0)))), ), Padding( padding: const EdgeInsets.only(top: 20), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text(S.of(context).send_estimated_fee, style: TextStyle( fontSize: 12, fontWeight: FontWeight.w600, color: Theme.of(context) .primaryTextTheme .title .color, )), Text( '${widget.sendViewModel.estimatedFee} ${widget.sendViewModel.currency.toString()}', style: TextStyle( fontSize: 12, fontWeight: FontWeight.w600, color: Theme.of(context) .primaryTextTheme .title .color, )) ], ), ) ]), ), ), // Padding( // padding: EdgeInsets.only(top: 32, left: 24, bottom: 24), // child: Row( // mainAxisAlignment: MainAxisAlignment.start, // children: [ // Text( // S.of(context).send_templates, // style: TextStyle( // fontSize: 18, // fontWeight: FontWeight.w600, // color: // Theme.of(context).primaryTextTheme.caption.color), // ) // ], // ), // ), // Container( // height: 40, // width: double.infinity, // padding: EdgeInsets.only(left: 24), // child: Observer(builder: (_) { // final itemCount = sendTemplateStore.templates.length + 1; // // return ListView.builder( // scrollDirection: Axis.horizontal, // itemCount: itemCount, // itemBuilder: (context, index) { // if (index == 0) { // return GestureDetector( // onTap: () => Navigator.of(context) // .pushNamed(Routes.sendTemplate), // child: Container( // padding: EdgeInsets.only(right: 10), // child: DottedBorder( // borderType: BorderType.RRect, // dashPattern: [8, 4], // color: Theme.of(context) // .accentTextTheme // .title // .backgroundColor, // strokeWidth: 2, // radius: Radius.circular(20), // child: Container( // height: 40, // 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 // .caption // .color), // ), // )), // ), // ); // } // // index -= 1; // // final template = sendTemplateStore.templates[index]; // // return TemplateTile( // to: template.name, // amount: template.amount, // from: template.cryptoCurrency, // onTap: () { // _addressController.text = template.address; // _cryptoAmountController.text = template.amount; // getOpenaliasRecord(context); // }); // }); // }), // ) ], ), bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24), bottomSection: Observer(builder: (_) { return LoadingPrimaryButton( onPressed: () => null, // syncStore.status is SyncedSyncStatus // ? () async { // // Hack. Don't ask me. // FocusScope.of(context).requestFocus(FocusNode()); // // if (_formKey.currentState.validate()) { // await showDialog( // context: context, // builder: (dialogContext) { // return AlertWithTwoActions( // alertTitle: // S.of(context).send_creating_transaction, // alertContent: S.of(context).confirm_sending, // leftButtonText: S.of(context).send, // rightButtonText: S.of(context).cancel, // actionLeftButton: () async { // await Navigator.of(dialogContext) // .popAndPushNamed(Routes.auth, arguments: // (bool isAuthenticatedSuccessfully, // AuthPageState auth) { // if (!isAuthenticatedSuccessfully) { // return; // } // // Navigator.of(auth.context).pop(); // // sendStore.createTransaction( // address: _addressController.text, // paymentId: ''); // }); // }, // actionRightButton: () => // Navigator.of(context).pop()); // }); // } // } // : null, text: S.of(context).send, color: Colors.blue, textColor: Colors.white, isLoading: widget.sendViewModel.state is TransactionIsCreating || widget.sendViewModel.state is TransactionCommitting, isDisabled: false // FIXME !(syncStore.status is SyncedSyncStatus), ); }), ), ); } void _setEffects(BuildContext context) { if (_effectsInstalled) { return; } // reaction((_) => widget.sendViewModel.fiatAmount, (String amount) { // if (amount != _fiatAmountController.text) { // _fiatAmountController.text = amount; // } // }); // // reaction((_) => widget.sendViewModel.cryptoAmount, (String amount) { // if (amount != _cryptoAmountController.text) { // _cryptoAmountController.text = amount; // } // }); // // reaction((_) => widget.sendViewModel.address, (String address) { // if (address != _addressController.text) { // _addressController.text = address; // } // }); // // _addressController.addListener(() { // final address = _addressController.text; // // if (widget.sendViewModel.address != address) { // widget.sendViewModel.changeAddress(address); // } // }); // _fiatAmountController.addListener(() { // final fiatAmount = _fiatAmountController.text; // // if (sendStore.fiatAmount != fiatAmount) { // sendStore.changeFiatAmount(fiatAmount); // } // }); // _cryptoAmountController.addListener(() { // final cryptoAmount = _cryptoAmountController.text; // // if (sendStore.cryptoAmount != cryptoAmount) { // sendStore.changeCryptoAmount(cryptoAmount); // } // }); reaction((_) => widget.sendViewModel.state, (SendViewModelState state) { if (state is SendingFailed) { WidgetsBinding.instance.addPostFrameCallback((_) { showDialog( 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 TransactionCreatedSuccessfully) { // WidgetsBinding.instance.addPostFrameCallback((_) { // showDialog( // context: context, // builder: (BuildContext context) { // return ConfirmSendingAlert( // alertTitle: S.of(context).confirm_sending, // amount: S.of(context).send_amount, // amountValue: sendStore.pendingTransaction.amount, // fee: S.of(context).send_fee, // feeValue: sendStore.pendingTransaction.fee, // leftButtonText: S.of(context).ok, // rightButtonText: S.of(context).cancel, // actionLeftButton: () { // Navigator.of(context).pop(); // sendStore.commitTransaction(); // showDialog( // context: context, // builder: (BuildContext context) { // return SendingAlert(sendStore: sendStore); // }); // }, // actionRightButton: () => Navigator.of(context).pop()); // }); // }); } if (state is TransactionCommitted) { WidgetsBinding.instance.addPostFrameCallback((_) { _addressController.text = ''; _cryptoAmountController.text = ''; }); } }); _effectsInstalled = true; } }