mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2024-11-02 02:17:39 +00:00
579 lines
25 KiB
Dart
579 lines
25 KiB
Dart
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<SendStore>(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<StatefulWidget> createState() => SendFormState();
|
|
}
|
|
|
|
class SendFormState extends State<SendForm> {
|
|
final _addressController = TextEditingController();
|
|
final _cryptoAmountController = TextEditingController();
|
|
final _fiatAmountController = TextEditingController();
|
|
|
|
final _focusNode = FocusNode();
|
|
|
|
bool _effectsInstalled = false;
|
|
|
|
final _formKey = GlobalKey<FormState>();
|
|
|
|
@override
|
|
void initState() {
|
|
_focusNode.addListener(() {
|
|
if (!_focusNode.hasFocus && _addressController.text.isNotEmpty) {
|
|
getOpenaliasRecord(context);
|
|
}
|
|
});
|
|
|
|
super.initState();
|
|
}
|
|
|
|
Future<void> getOpenaliasRecord(BuildContext context) async {
|
|
final sendStore = Provider.of<SendStore>(context);
|
|
final isOpenalias =
|
|
await sendStore.isOpenaliasRecord(_addressController.text);
|
|
|
|
if (isOpenalias) {
|
|
_addressController.text = sendStore.recordAddress;
|
|
|
|
await showDialog<void>(
|
|
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<SettingsStore>(context);
|
|
// final sendStore = Provider.of<SendStore>(context);
|
|
// sendStore.settingsStore = settingsStore;
|
|
// final balanceStore = Provider.of<BalanceStore>(context);
|
|
// final walletStore = Provider.of<WalletStore>(context);
|
|
// final syncStore = Provider.of<SyncStore>(context);
|
|
// final sendTemplateStore = Provider.of<SendTemplateStore>(context);
|
|
|
|
_setEffects(context);
|
|
|
|
return Container(
|
|
color: Theme.of(context).backgroundColor,
|
|
child: ScrollableWithBottomSection(
|
|
contentPadding: EdgeInsets.only(bottom: 24),
|
|
content: Column(
|
|
children: <Widget>[
|
|
TopPanel(
|
|
color: Theme.of(context).accentTextTheme.title.backgroundColor,
|
|
widget: Form(
|
|
key: _formKey,
|
|
child: Column(children: <Widget>[
|
|
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: <Widget>[
|
|
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: <Widget>[
|
|
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: <Widget>[
|
|
// 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<void>(
|
|
// 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<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 TransactionCreatedSuccessfully) {
|
|
// WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
// showDialog<void>(
|
|
// 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<void>(
|
|
// 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;
|
|
}
|
|
}
|