mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2024-11-17 09:47:35 +00:00
CAKE-49 | deleted base send widget, base exchange widget and top panel; added extendBodyBehindAppBar property and transparent AppBar style to base page; refactored send page, send template page, exchange page and exchange template page
This commit is contained in:
OleksandrSobol
parent
45c8b74bf1
commit
585f90b2fb
8 changed files with 1528 additions and 1790 deletions
|
|
@ -6,7 +6,7 @@ import 'package:cake_wallet/themes.dart';
|
||||||
import 'package:cake_wallet/theme_changer.dart';
|
import 'package:cake_wallet/theme_changer.dart';
|
||||||
import 'package:cake_wallet/palette.dart';
|
import 'package:cake_wallet/palette.dart';
|
||||||
|
|
||||||
enum AppBarStyle { regular, withShadow }
|
enum AppBarStyle { regular, withShadow, transparent }
|
||||||
|
|
||||||
abstract class BasePage extends StatelessWidget {
|
abstract class BasePage extends StatelessWidget {
|
||||||
String get title => null;
|
String get title => null;
|
||||||
|
|
@ -21,6 +21,8 @@ abstract class BasePage extends StatelessWidget {
|
||||||
|
|
||||||
bool get resizeToAvoidBottomPadding => true;
|
bool get resizeToAvoidBottomPadding => true;
|
||||||
|
|
||||||
|
bool get extendBodyBehindAppBar => false;
|
||||||
|
|
||||||
Widget get endDrawer => null;
|
Widget get endDrawer => null;
|
||||||
|
|
||||||
AppBarStyle get appBarStyle => AppBarStyle.regular;
|
AppBarStyle get appBarStyle => AppBarStyle.regular;
|
||||||
|
|
@ -85,6 +87,8 @@ abstract class BasePage extends StatelessWidget {
|
||||||
ObstructingPreferredSizeWidget appBar(BuildContext context) {
|
ObstructingPreferredSizeWidget appBar(BuildContext context) {
|
||||||
final _themeChanger = Provider.of<ThemeChanger>(context);
|
final _themeChanger = Provider.of<ThemeChanger>(context);
|
||||||
final _isDarkTheme = _themeChanger.getTheme() == Themes.darkTheme;
|
final _isDarkTheme = _themeChanger.getTheme() == Themes.darkTheme;
|
||||||
|
final appBarColor = _isDarkTheme
|
||||||
|
? backgroundDarkColor : backgroundLightColor;
|
||||||
|
|
||||||
switch (appBarStyle) {
|
switch (appBarStyle) {
|
||||||
case AppBarStyle.regular:
|
case AppBarStyle.regular:
|
||||||
|
|
@ -93,8 +97,7 @@ abstract class BasePage extends StatelessWidget {
|
||||||
leading: leading(context),
|
leading: leading(context),
|
||||||
middle: middle(context),
|
middle: middle(context),
|
||||||
trailing: trailing(context),
|
trailing: trailing(context),
|
||||||
backgroundColor:
|
backgroundColor: appBarColor);
|
||||||
_isDarkTheme ? backgroundDarkColor : backgroundLightColor);
|
|
||||||
|
|
||||||
case AppBarStyle.withShadow:
|
case AppBarStyle.withShadow:
|
||||||
return NavBar.withShadow(
|
return NavBar.withShadow(
|
||||||
|
|
@ -102,8 +105,16 @@ abstract class BasePage extends StatelessWidget {
|
||||||
leading: leading(context),
|
leading: leading(context),
|
||||||
middle: middle(context),
|
middle: middle(context),
|
||||||
trailing: trailing(context),
|
trailing: trailing(context),
|
||||||
backgroundColor:
|
backgroundColor: appBarColor);
|
||||||
_isDarkTheme ? backgroundDarkColor : backgroundLightColor);
|
|
||||||
|
case AppBarStyle.transparent:
|
||||||
|
return CupertinoNavigationBar(
|
||||||
|
leading: leading(context),
|
||||||
|
middle: middle(context),
|
||||||
|
trailing: trailing(context),
|
||||||
|
backgroundColor: Colors.transparent,
|
||||||
|
border: null,
|
||||||
|
);
|
||||||
|
|
||||||
default:
|
default:
|
||||||
return NavBar(
|
return NavBar(
|
||||||
|
|
@ -111,8 +122,7 @@ abstract class BasePage extends StatelessWidget {
|
||||||
leading: leading(context),
|
leading: leading(context),
|
||||||
middle: middle(context),
|
middle: middle(context),
|
||||||
trailing: trailing(context),
|
trailing: trailing(context),
|
||||||
backgroundColor:
|
backgroundColor: appBarColor);
|
||||||
_isDarkTheme ? backgroundDarkColor : backgroundLightColor);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -128,6 +138,7 @@ abstract class BasePage extends StatelessWidget {
|
||||||
backgroundColor:
|
backgroundColor:
|
||||||
_isDarkTheme ? backgroundDarkColor : backgroundLightColor,
|
_isDarkTheme ? backgroundDarkColor : backgroundLightColor,
|
||||||
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
||||||
|
extendBodyBehindAppBar: extendBodyBehindAppBar,
|
||||||
endDrawer: endDrawer,
|
endDrawer: endDrawer,
|
||||||
appBar: appBar(context),
|
appBar: appBar(context),
|
||||||
body: body(context), //SafeArea(child: ),
|
body: body(context), //SafeArea(child: ),
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,38 @@
|
||||||
import 'dart:ui';
|
import 'dart:ui';
|
||||||
|
import 'package:cake_wallet/core/address_validator.dart';
|
||||||
|
import 'package:cake_wallet/core/amount_validator.dart';
|
||||||
|
import 'package:cake_wallet/routes.dart';
|
||||||
|
import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
|
||||||
|
import 'package:cake_wallet/src/domain/exchange/exchange_template.dart';
|
||||||
|
import 'package:cake_wallet/src/domain/exchange/xmrto/xmrto_exchange_provider.dart';
|
||||||
|
import 'package:cake_wallet/src/screens/exchange/widgets/exchange_card.dart';
|
||||||
|
import 'package:cake_wallet/src/stores/exchange/exchange_trade_state.dart';
|
||||||
|
import 'package:cake_wallet/src/stores/exchange/limits_state.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/widgets/primary_button.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/template_tile.dart';
|
||||||
|
import 'package:dotted_border/dotted_border.dart';
|
||||||
import 'package:flutter/cupertino.dart';
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:cake_wallet/palette.dart';
|
import 'package:cake_wallet/palette.dart';
|
||||||
import 'package:cake_wallet/generated/i18n.dart';
|
import 'package:cake_wallet/generated/i18n.dart';
|
||||||
import 'package:cake_wallet/src/screens/base_page.dart';
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
||||||
import 'package:cake_wallet/src/screens/exchange/widgets/present_provider_picker.dart';
|
import 'package:cake_wallet/src/screens/exchange/widgets/present_provider_picker.dart';
|
||||||
import 'package:cake_wallet/src/screens/exchange/widgets/base_exchange_widget.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/trail_button.dart';
|
import 'package:cake_wallet/src/widgets/trail_button.dart';
|
||||||
import 'package:cake_wallet/view_model/exchange/exchange_view_model.dart';
|
import 'package:cake_wallet/view_model/exchange/exchange_view_model.dart';
|
||||||
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
||||||
|
import 'package:mobx/mobx.dart';
|
||||||
|
|
||||||
class ExchangePage extends BasePage {
|
class ExchangePage extends BasePage {
|
||||||
ExchangePage(this.exchangeViewModel);
|
ExchangePage(this.exchangeViewModel);
|
||||||
|
|
||||||
final ExchangeViewModel exchangeViewModel;
|
final ExchangeViewModel exchangeViewModel;
|
||||||
|
final depositKey = GlobalKey<ExchangeCardState>();
|
||||||
|
final receiveKey = GlobalKey<ExchangeCardState>();
|
||||||
|
final _formKey = GlobalKey<FormState>();
|
||||||
|
var _isReactionsSet = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
String get title => S.current.exchange;
|
String get title => S.current.exchange;
|
||||||
|
|
@ -21,10 +41,13 @@ class ExchangePage extends BasePage {
|
||||||
Color get titleColor => Colors.white;
|
Color get titleColor => Colors.white;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color get backgroundLightColor => Colors.transparent;
|
bool get resizeToAvoidBottomPadding => false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color get backgroundDarkColor => Colors.transparent;
|
bool get extendBodyBehindAppBar => true;
|
||||||
|
|
||||||
|
@override
|
||||||
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget middle(BuildContext context) =>
|
Widget middle(BuildContext context) =>
|
||||||
|
|
@ -38,22 +61,530 @@ class ExchangePage extends BasePage {
|
||||||
);
|
);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget body(BuildContext context) =>
|
Widget body(BuildContext context) {
|
||||||
BaseExchangeWidget(
|
final arrowBottomPurple = Image.asset(
|
||||||
exchangeViewModel: exchangeViewModel,
|
'assets/images/arrow_bottom_purple_icon.png',
|
||||||
leading: leading(context),
|
color: Colors.white,
|
||||||
middle: middle(context),
|
height: 8,
|
||||||
trailing: trailing(context),
|
);
|
||||||
);
|
final arrowBottomCakeGreen = Image.asset(
|
||||||
|
'assets/images/arrow_bottom_cake_green.png',
|
||||||
|
color: Colors.white,
|
||||||
|
height: 8,
|
||||||
|
);
|
||||||
|
|
||||||
@override
|
final depositWalletName =
|
||||||
Widget build(BuildContext context) {
|
exchangeViewModel.depositCurrency == CryptoCurrency.xmr
|
||||||
return Scaffold(
|
? exchangeViewModel.wallet.name
|
||||||
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
: null;
|
||||||
body: Container(
|
final receiveWalletName =
|
||||||
color: Theme.of(context).backgroundColor,
|
exchangeViewModel.receiveCurrency == CryptoCurrency.xmr
|
||||||
child: body(context)
|
? exchangeViewModel.wallet.name
|
||||||
)
|
: null;
|
||||||
|
|
||||||
|
WidgetsBinding.instance
|
||||||
|
.addPostFrameCallback((_) => _setReactions(context, exchangeViewModel));
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: Theme.of(context).backgroundColor,
|
||||||
|
child: Form(
|
||||||
|
key: _formKey,
|
||||||
|
child: ScrollableWithBottomSection(
|
||||||
|
contentPadding: EdgeInsets.only(bottom: 24),
|
||||||
|
content: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.only(bottom: 32),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(24),
|
||||||
|
bottomRight: Radius.circular(24)
|
||||||
|
),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Theme.of(context).primaryTextTheme.body1.color,
|
||||||
|
Theme.of(context).primaryTextTheme.body1.decorationColor,
|
||||||
|
],
|
||||||
|
stops: [0.35, 1.0],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(24),
|
||||||
|
bottomRight: Radius.circular(24)
|
||||||
|
),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.subtitle
|
||||||
|
.color,
|
||||||
|
Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.subtitle
|
||||||
|
.decorationColor,
|
||||||
|
],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight),
|
||||||
|
),
|
||||||
|
padding: EdgeInsets.fromLTRB(24, 90, 24, 32),
|
||||||
|
child: Observer(
|
||||||
|
builder: (_) => ExchangeCard(
|
||||||
|
key: depositKey,
|
||||||
|
title: S.of(context).you_will_send,
|
||||||
|
initialCurrency:
|
||||||
|
exchangeViewModel.depositCurrency,
|
||||||
|
initialWalletName: depositWalletName,
|
||||||
|
initialAddress: exchangeViewModel
|
||||||
|
.depositCurrency ==
|
||||||
|
exchangeViewModel.wallet.currency
|
||||||
|
? exchangeViewModel.wallet.address
|
||||||
|
: exchangeViewModel.depositAddress,
|
||||||
|
initialIsAmountEditable: true,
|
||||||
|
initialIsAddressEditable: exchangeViewModel
|
||||||
|
.isDepositAddressEnabled,
|
||||||
|
isAmountEstimated: false,
|
||||||
|
currencies: CryptoCurrency.all,
|
||||||
|
onCurrencySelected: (currency) =>
|
||||||
|
exchangeViewModel.changeDepositCurrency(
|
||||||
|
currency: currency),
|
||||||
|
imageArrow: arrowBottomPurple,
|
||||||
|
currencyButtonColor: Colors.transparent,
|
||||||
|
addressButtonsColor:
|
||||||
|
Theme.of(context).focusColor,
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.body2
|
||||||
|
.color,
|
||||||
|
currencyValueValidator: AmountValidator(
|
||||||
|
type: exchangeViewModel.wallet.type),
|
||||||
|
addressTextFieldValidator: AddressValidator(
|
||||||
|
type:
|
||||||
|
exchangeViewModel.depositCurrency),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 29, left: 24, right: 24),
|
||||||
|
child: Observer(
|
||||||
|
builder: (_) => ExchangeCard(
|
||||||
|
key: receiveKey,
|
||||||
|
title: S.of(context).you_will_get,
|
||||||
|
initialCurrency:
|
||||||
|
exchangeViewModel.receiveCurrency,
|
||||||
|
initialWalletName: receiveWalletName,
|
||||||
|
initialAddress:
|
||||||
|
exchangeViewModel.receiveCurrency ==
|
||||||
|
exchangeViewModel.wallet.currency
|
||||||
|
? exchangeViewModel.wallet.address
|
||||||
|
: exchangeViewModel.receiveAddress,
|
||||||
|
initialIsAmountEditable: false,
|
||||||
|
initialIsAddressEditable:
|
||||||
|
exchangeViewModel.isReceiveAddressEnabled,
|
||||||
|
isAmountEstimated: true,
|
||||||
|
currencies: CryptoCurrency.all,
|
||||||
|
onCurrencySelected: (currency) =>
|
||||||
|
exchangeViewModel.changeReceiveCurrency(
|
||||||
|
currency: currency),
|
||||||
|
imageArrow: arrowBottomCakeGreen,
|
||||||
|
currencyButtonColor: Colors.transparent,
|
||||||
|
addressButtonsColor:
|
||||||
|
Theme.of(context).focusColor,
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.body2
|
||||||
|
.decorationColor,
|
||||||
|
currencyValueValidator: AmountValidator(
|
||||||
|
type: exchangeViewModel.wallet.type),
|
||||||
|
addressTextFieldValidator: AddressValidator(
|
||||||
|
type: exchangeViewModel.receiveCurrency),
|
||||||
|
)),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 30, 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.exchangeTemplate),
|
||||||
|
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 = exchangeViewModel.templates;
|
||||||
|
final itemCount =
|
||||||
|
exchangeViewModel.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(),
|
||||||
|
amount: template.amount,
|
||||||
|
from: template.depositCurrency,
|
||||||
|
to: template.receiveCurrency,
|
||||||
|
onTap: () {
|
||||||
|
applyTemplate(
|
||||||
|
exchangeViewModel, template);
|
||||||
|
},
|
||||||
|
onRemove: () {
|
||||||
|
showDialog<void>(
|
||||||
|
context: context,
|
||||||
|
builder: (dialogContext) {
|
||||||
|
return AlertWithTwoActions(
|
||||||
|
alertTitle:
|
||||||
|
S.of(context).template,
|
||||||
|
alertContent: S
|
||||||
|
.of(context)
|
||||||
|
.confirm_delete_template,
|
||||||
|
leftButtonText:
|
||||||
|
S.of(context).delete,
|
||||||
|
rightButtonText:
|
||||||
|
S.of(context).cancel,
|
||||||
|
actionLeftButton: () {
|
||||||
|
Navigator.of(
|
||||||
|
dialogContext)
|
||||||
|
.pop();
|
||||||
|
exchangeViewModel
|
||||||
|
.exchangeTemplateStore
|
||||||
|
.remove(
|
||||||
|
template:
|
||||||
|
template);
|
||||||
|
exchangeViewModel
|
||||||
|
.exchangeTemplateStore
|
||||||
|
.update();
|
||||||
|
},
|
||||||
|
actionRightButton: () =>
|
||||||
|
Navigator.of(
|
||||||
|
dialogContext)
|
||||||
|
.pop());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
)))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
bottomSectionPadding:
|
||||||
|
EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
||||||
|
bottomSection: Column(children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(bottom: 15),
|
||||||
|
child: Observer(builder: (_) {
|
||||||
|
final description =
|
||||||
|
exchangeViewModel.provider is XMRTOExchangeProvider
|
||||||
|
? S.of(context).amount_is_guaranteed
|
||||||
|
: S.of(context).amount_is_estimate;
|
||||||
|
return Center(
|
||||||
|
child: Text(
|
||||||
|
description,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.display4
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 12),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
Observer(
|
||||||
|
builder: (_) => LoadingPrimaryButton(
|
||||||
|
text: S.of(context).exchange,
|
||||||
|
onPressed: () {
|
||||||
|
if (_formKey.currentState.validate()) {
|
||||||
|
exchangeViewModel.createTrade();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
color: Palette.blueCraiola,
|
||||||
|
textColor: Colors.white,
|
||||||
|
isLoading:
|
||||||
|
exchangeViewModel.tradeState is TradeIsCreating,
|
||||||
|
)),
|
||||||
|
]),
|
||||||
|
)),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void applyTemplate(
|
||||||
|
ExchangeViewModel exchangeViewModel, ExchangeTemplate template) {
|
||||||
|
exchangeViewModel.changeDepositCurrency(
|
||||||
|
currency: CryptoCurrency.fromString(template.depositCurrency));
|
||||||
|
exchangeViewModel.changeReceiveCurrency(
|
||||||
|
currency: CryptoCurrency.fromString(template.receiveCurrency));
|
||||||
|
|
||||||
|
switch (template.provider) {
|
||||||
|
case 'XMR.TO':
|
||||||
|
exchangeViewModel.changeProvider(
|
||||||
|
provider: exchangeViewModel.providerList[0]);
|
||||||
|
break;
|
||||||
|
case 'ChangeNOW':
|
||||||
|
exchangeViewModel.changeProvider(
|
||||||
|
provider: exchangeViewModel.providerList[1]);
|
||||||
|
break;
|
||||||
|
case 'MorphToken':
|
||||||
|
exchangeViewModel.changeProvider(
|
||||||
|
provider: exchangeViewModel.providerList[2]);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
exchangeViewModel.changeDepositAmount(amount: template.amount);
|
||||||
|
exchangeViewModel.depositAddress = template.depositAddress;
|
||||||
|
exchangeViewModel.receiveAddress = template.receiveAddress;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _setReactions(
|
||||||
|
BuildContext context, ExchangeViewModel exchangeViewModel) {
|
||||||
|
if (_isReactionsSet) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final depositAddressController = depositKey.currentState.addressController;
|
||||||
|
final depositAmountController = depositKey.currentState.amountController;
|
||||||
|
final receiveAddressController = receiveKey.currentState.addressController;
|
||||||
|
final receiveAmountController = receiveKey.currentState.amountController;
|
||||||
|
final limitsState = exchangeViewModel.limitsState;
|
||||||
|
|
||||||
|
if (limitsState is LimitsLoadedSuccessfully) {
|
||||||
|
final min = limitsState.limits.min != null
|
||||||
|
? limitsState.limits.min.toString()
|
||||||
|
: null;
|
||||||
|
final max = limitsState.limits.max != null
|
||||||
|
? limitsState.limits.max.toString()
|
||||||
|
: null;
|
||||||
|
final key = depositKey;
|
||||||
|
key.currentState.changeLimits(min: min, max: max);
|
||||||
|
}
|
||||||
|
|
||||||
|
_onCurrencyChange(
|
||||||
|
exchangeViewModel.receiveCurrency, exchangeViewModel, receiveKey);
|
||||||
|
_onCurrencyChange(
|
||||||
|
exchangeViewModel.depositCurrency, exchangeViewModel, depositKey);
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.wallet.name,
|
||||||
|
(String _) => _onWalletNameChange(
|
||||||
|
exchangeViewModel, exchangeViewModel.receiveCurrency, receiveKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.wallet.name,
|
||||||
|
(String _) => _onWalletNameChange(
|
||||||
|
exchangeViewModel, exchangeViewModel.depositCurrency, depositKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.receiveCurrency,
|
||||||
|
(CryptoCurrency currency) =>
|
||||||
|
_onCurrencyChange(currency, exchangeViewModel, receiveKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.depositCurrency,
|
||||||
|
(CryptoCurrency currency) =>
|
||||||
|
_onCurrencyChange(currency, exchangeViewModel, depositKey));
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.depositAmount, (String amount) {
|
||||||
|
if (depositKey.currentState.amountController.text != amount) {
|
||||||
|
depositKey.currentState.amountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.depositAddress, (String address) {
|
||||||
|
if (depositKey.currentState.addressController.text != address) {
|
||||||
|
depositKey.currentState.addressController.text = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.isDepositAddressEnabled,
|
||||||
|
(bool isEnabled) {
|
||||||
|
depositKey.currentState.isAddressEditable(isEditable: isEnabled);
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.receiveAmount, (String amount) {
|
||||||
|
if (receiveKey.currentState.amountController.text != amount) {
|
||||||
|
receiveKey.currentState.amountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.receiveAddress, (String address) {
|
||||||
|
if (receiveKey.currentState.addressController.text != address) {
|
||||||
|
receiveKey.currentState.addressController.text = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.isReceiveAddressEnabled,
|
||||||
|
(bool isEnabled) {
|
||||||
|
receiveKey.currentState.isAddressEditable(isEditable: isEnabled);
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.tradeState, (ExchangeTradeState state) {
|
||||||
|
if (state is TradeIsCreatedFailure) {
|
||||||
|
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 TradeIsCreatedSuccessfully) {
|
||||||
|
Navigator.of(context).pushNamed(Routes.exchangeConfirm);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.limitsState, (LimitsState state) {
|
||||||
|
String min;
|
||||||
|
String max;
|
||||||
|
|
||||||
|
if (state is LimitsLoadedSuccessfully) {
|
||||||
|
min = state.limits.min != null ? state.limits.min.toString() : null;
|
||||||
|
max = state.limits.max != null ? state.limits.max.toString() : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state is LimitsLoadedFailure) {
|
||||||
|
min = '0';
|
||||||
|
max = '0';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state is LimitsIsLoading) {
|
||||||
|
min = '...';
|
||||||
|
max = '...';
|
||||||
|
}
|
||||||
|
|
||||||
|
depositKey.currentState.changeLimits(min: min, max: max);
|
||||||
|
receiveKey.currentState.changeLimits(min: null, max: null);
|
||||||
|
});
|
||||||
|
|
||||||
|
depositAddressController.addListener(
|
||||||
|
() => exchangeViewModel.depositAddress = depositAddressController.text);
|
||||||
|
|
||||||
|
depositAmountController.addListener(() {
|
||||||
|
if (depositAmountController.text != exchangeViewModel.depositAmount) {
|
||||||
|
exchangeViewModel.changeDepositAmount(
|
||||||
|
amount: depositAmountController.text);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
receiveAddressController.addListener(
|
||||||
|
() => exchangeViewModel.receiveAddress = receiveAddressController.text);
|
||||||
|
|
||||||
|
receiveAmountController.addListener(() {
|
||||||
|
if (receiveAmountController.text != exchangeViewModel.receiveAmount) {
|
||||||
|
exchangeViewModel.changeReceiveAmount(
|
||||||
|
amount: receiveAmountController.text);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.wallet.address, (String address) {
|
||||||
|
if (exchangeViewModel.depositCurrency == CryptoCurrency.xmr) {
|
||||||
|
depositKey.currentState.changeAddress(address: address);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (exchangeViewModel.receiveCurrency == CryptoCurrency.xmr) {
|
||||||
|
receiveKey.currentState.changeAddress(address: address);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
_isReactionsSet = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onCurrencyChange(CryptoCurrency currency,
|
||||||
|
ExchangeViewModel exchangeViewModel, GlobalKey<ExchangeCardState> key) {
|
||||||
|
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
||||||
|
|
||||||
|
key.currentState.changeSelectedCurrency(currency);
|
||||||
|
key.currentState.changeWalletName(
|
||||||
|
isCurrentTypeWallet ? exchangeViewModel.wallet.name : null);
|
||||||
|
|
||||||
|
key.currentState.changeAddress(
|
||||||
|
address: isCurrentTypeWallet ? exchangeViewModel.wallet.address : '');
|
||||||
|
|
||||||
|
key.currentState.changeAmount(amount: '');
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onWalletNameChange(ExchangeViewModel exchangeViewModel,
|
||||||
|
CryptoCurrency currency, GlobalKey<ExchangeCardState> key) {
|
||||||
|
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
||||||
|
|
||||||
|
if (isCurrentTypeWallet) {
|
||||||
|
key.currentState.changeWalletName(exchangeViewModel.wallet.name);
|
||||||
|
key.currentState.addressController.text =
|
||||||
|
exchangeViewModel.wallet.address;
|
||||||
|
} else if (key.currentState.addressController.text ==
|
||||||
|
exchangeViewModel.wallet.address) {
|
||||||
|
key.currentState.changeWalletName(null);
|
||||||
|
key.currentState.addressController.text = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,29 @@
|
||||||
import 'dart:ui';
|
import 'dart:ui';
|
||||||
|
import 'package:cake_wallet/core/address_validator.dart';
|
||||||
|
import 'package:cake_wallet/core/amount_validator.dart';
|
||||||
|
import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
|
||||||
|
import 'package:cake_wallet/src/domain/exchange/xmrto/xmrto_exchange_provider.dart';
|
||||||
|
import 'package:cake_wallet/src/screens/exchange/widgets/exchange_card.dart';
|
||||||
|
import 'package:cake_wallet/src/stores/exchange/limits_state.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/primary_button.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
||||||
import 'package:flutter/cupertino.dart';
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:cake_wallet/src/screens/base_page.dart';
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
||||||
import 'package:cake_wallet/src/screens/exchange/widgets/present_provider_picker.dart';
|
import 'package:cake_wallet/src/screens/exchange/widgets/present_provider_picker.dart';
|
||||||
import 'package:cake_wallet/src/screens/exchange/widgets/base_exchange_widget.dart';
|
|
||||||
import 'package:cake_wallet/generated/i18n.dart';
|
import 'package:cake_wallet/generated/i18n.dart';
|
||||||
import 'package:cake_wallet/view_model/exchange/exchange_view_model.dart';
|
import 'package:cake_wallet/view_model/exchange/exchange_view_model.dart';
|
||||||
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
||||||
|
import 'package:mobx/mobx.dart';
|
||||||
|
|
||||||
class ExchangeTemplatePage extends BasePage {
|
class ExchangeTemplatePage extends BasePage {
|
||||||
ExchangeTemplatePage(this.exchangeViewModel);
|
ExchangeTemplatePage(this.exchangeViewModel);
|
||||||
|
|
||||||
final ExchangeViewModel exchangeViewModel;
|
final ExchangeViewModel exchangeViewModel;
|
||||||
|
final depositKey = GlobalKey<ExchangeCardState>();
|
||||||
|
final receiveKey = GlobalKey<ExchangeCardState>();
|
||||||
|
final _formKey = GlobalKey<FormState>();
|
||||||
|
var _isReactionsSet = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
String get title => S.current.exchange_new_template;
|
String get title => S.current.exchange_new_template;
|
||||||
|
|
@ -19,33 +32,375 @@ class ExchangeTemplatePage extends BasePage {
|
||||||
Color get titleColor => Colors.white;
|
Color get titleColor => Colors.white;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color get backgroundLightColor => Colors.transparent;
|
bool get resizeToAvoidBottomPadding => false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color get backgroundDarkColor => Colors.transparent;
|
bool get extendBodyBehindAppBar => true;
|
||||||
|
|
||||||
|
@override
|
||||||
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget trailing(BuildContext context) =>
|
Widget trailing(BuildContext context) =>
|
||||||
PresentProviderPicker(exchangeViewModel: exchangeViewModel);
|
PresentProviderPicker(exchangeViewModel: exchangeViewModel);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget body(BuildContext context) =>
|
Widget body(BuildContext context) {
|
||||||
BaseExchangeWidget(
|
final arrowBottomPurple = Image.asset(
|
||||||
exchangeViewModel: exchangeViewModel,
|
'assets/images/arrow_bottom_purple_icon.png',
|
||||||
leading: leading(context),
|
color: Colors.white,
|
||||||
middle: middle(context),
|
height: 8,
|
||||||
trailing: trailing(context),
|
);
|
||||||
isTemplate: true
|
final arrowBottomCakeGreen = Image.asset(
|
||||||
);
|
'assets/images/arrow_bottom_cake_green.png',
|
||||||
|
color: Colors.white,
|
||||||
|
height: 8,
|
||||||
|
);
|
||||||
|
|
||||||
@override
|
final depositWalletName =
|
||||||
Widget build(BuildContext context) {
|
exchangeViewModel.depositCurrency == CryptoCurrency.xmr
|
||||||
return Scaffold(
|
? exchangeViewModel.wallet.name
|
||||||
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
: null;
|
||||||
body: Container(
|
final receiveWalletName =
|
||||||
color: Theme.of(context).backgroundColor,
|
exchangeViewModel.receiveCurrency == CryptoCurrency.xmr
|
||||||
child: body(context)
|
? exchangeViewModel.wallet.name
|
||||||
)
|
: null;
|
||||||
|
|
||||||
|
WidgetsBinding.instance
|
||||||
|
.addPostFrameCallback((_) => _setReactions(context, exchangeViewModel));
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: Theme.of(context).backgroundColor,
|
||||||
|
child: Form(
|
||||||
|
key: _formKey,
|
||||||
|
child: ScrollableWithBottomSection(
|
||||||
|
contentPadding: EdgeInsets.only(bottom: 24),
|
||||||
|
content: Container(
|
||||||
|
padding: EdgeInsets.only(bottom: 32),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(24),
|
||||||
|
bottomRight: Radius.circular(24)
|
||||||
|
),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Theme.of(context).primaryTextTheme.body1.color,
|
||||||
|
Theme.of(context).primaryTextTheme.body1.decorationColor,
|
||||||
|
],
|
||||||
|
stops: [0.35, 1.0],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(24),
|
||||||
|
bottomRight: Radius.circular(24)
|
||||||
|
),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.subtitle
|
||||||
|
.color,
|
||||||
|
Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.subtitle
|
||||||
|
.decorationColor,
|
||||||
|
],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight),
|
||||||
|
),
|
||||||
|
padding: EdgeInsets.fromLTRB(24, 90, 24, 32),
|
||||||
|
child: Observer(
|
||||||
|
builder: (_) => ExchangeCard(
|
||||||
|
key: depositKey,
|
||||||
|
title: S.of(context).you_will_send,
|
||||||
|
initialCurrency:
|
||||||
|
exchangeViewModel.depositCurrency,
|
||||||
|
initialWalletName: depositWalletName,
|
||||||
|
initialAddress: exchangeViewModel
|
||||||
|
.depositCurrency ==
|
||||||
|
exchangeViewModel.wallet.currency
|
||||||
|
? exchangeViewModel.wallet.address
|
||||||
|
: exchangeViewModel.depositAddress,
|
||||||
|
initialIsAmountEditable: true,
|
||||||
|
initialIsAddressEditable: exchangeViewModel
|
||||||
|
.isDepositAddressEnabled,
|
||||||
|
isAmountEstimated: false,
|
||||||
|
currencies: CryptoCurrency.all,
|
||||||
|
onCurrencySelected: (currency) =>
|
||||||
|
exchangeViewModel.changeDepositCurrency(
|
||||||
|
currency: currency),
|
||||||
|
imageArrow: arrowBottomPurple,
|
||||||
|
currencyButtonColor: Colors.transparent,
|
||||||
|
addressButtonsColor:
|
||||||
|
Theme.of(context).focusColor,
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.body2
|
||||||
|
.color,
|
||||||
|
currencyValueValidator: AmountValidator(
|
||||||
|
type: exchangeViewModel.wallet.type),
|
||||||
|
addressTextFieldValidator: AddressValidator(
|
||||||
|
type:
|
||||||
|
exchangeViewModel.depositCurrency),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 29, left: 24, right: 24),
|
||||||
|
child: Observer(
|
||||||
|
builder: (_) => ExchangeCard(
|
||||||
|
key: receiveKey,
|
||||||
|
title: S.of(context).you_will_get,
|
||||||
|
initialCurrency:
|
||||||
|
exchangeViewModel.receiveCurrency,
|
||||||
|
initialWalletName: receiveWalletName,
|
||||||
|
initialAddress:
|
||||||
|
exchangeViewModel.receiveCurrency ==
|
||||||
|
exchangeViewModel.wallet.currency
|
||||||
|
? exchangeViewModel.wallet.address
|
||||||
|
: exchangeViewModel.receiveAddress,
|
||||||
|
initialIsAmountEditable: false,
|
||||||
|
initialIsAddressEditable:
|
||||||
|
exchangeViewModel.isReceiveAddressEnabled,
|
||||||
|
isAmountEstimated: true,
|
||||||
|
currencies: CryptoCurrency.all,
|
||||||
|
onCurrencySelected: (currency) =>
|
||||||
|
exchangeViewModel.changeReceiveCurrency(
|
||||||
|
currency: currency),
|
||||||
|
imageArrow: arrowBottomCakeGreen,
|
||||||
|
currencyButtonColor: Colors.transparent,
|
||||||
|
addressButtonsColor:
|
||||||
|
Theme.of(context).focusColor,
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.body2
|
||||||
|
.decorationColor,
|
||||||
|
currencyValueValidator: AmountValidator(
|
||||||
|
type: exchangeViewModel.wallet.type),
|
||||||
|
addressTextFieldValidator: AddressValidator(
|
||||||
|
type: exchangeViewModel.receiveCurrency),
|
||||||
|
)),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomSectionPadding:
|
||||||
|
EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
||||||
|
bottomSection: Column(children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(bottom: 15),
|
||||||
|
child: Observer(builder: (_) {
|
||||||
|
final description =
|
||||||
|
exchangeViewModel.provider is XMRTOExchangeProvider
|
||||||
|
? S.of(context).amount_is_guaranteed
|
||||||
|
: S.of(context).amount_is_estimate;
|
||||||
|
return Center(
|
||||||
|
child: Text(
|
||||||
|
description,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.display4
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 12),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
PrimaryButton(
|
||||||
|
onPressed: () {
|
||||||
|
if (_formKey.currentState.validate()) {
|
||||||
|
exchangeViewModel.exchangeTemplateStore.addTemplate(
|
||||||
|
amount: exchangeViewModel.depositAmount,
|
||||||
|
depositCurrency:
|
||||||
|
exchangeViewModel.depositCurrency.toString(),
|
||||||
|
receiveCurrency:
|
||||||
|
exchangeViewModel.receiveCurrency.toString(),
|
||||||
|
provider: exchangeViewModel.provider.toString(),
|
||||||
|
depositAddress: exchangeViewModel.depositAddress,
|
||||||
|
receiveAddress: exchangeViewModel.receiveAddress);
|
||||||
|
exchangeViewModel.exchangeTemplateStore.update();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
text: S.of(context).save,
|
||||||
|
color: Colors.green,
|
||||||
|
textColor: Colors.white),
|
||||||
|
]),
|
||||||
|
))
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void _setReactions(
|
||||||
|
BuildContext context, ExchangeViewModel exchangeViewModel) {
|
||||||
|
if (_isReactionsSet) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final depositAddressController = depositKey.currentState.addressController;
|
||||||
|
final depositAmountController = depositKey.currentState.amountController;
|
||||||
|
final receiveAddressController = receiveKey.currentState.addressController;
|
||||||
|
final receiveAmountController = receiveKey.currentState.amountController;
|
||||||
|
final limitsState = exchangeViewModel.limitsState;
|
||||||
|
|
||||||
|
if (limitsState is LimitsLoadedSuccessfully) {
|
||||||
|
final min = limitsState.limits.min != null
|
||||||
|
? limitsState.limits.min.toString()
|
||||||
|
: null;
|
||||||
|
final max = limitsState.limits.max != null
|
||||||
|
? limitsState.limits.max.toString()
|
||||||
|
: null;
|
||||||
|
final key = depositKey;
|
||||||
|
key.currentState.changeLimits(min: min, max: max);
|
||||||
|
}
|
||||||
|
|
||||||
|
_onCurrencyChange(
|
||||||
|
exchangeViewModel.receiveCurrency, exchangeViewModel, receiveKey);
|
||||||
|
_onCurrencyChange(
|
||||||
|
exchangeViewModel.depositCurrency, exchangeViewModel, depositKey);
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.wallet.name,
|
||||||
|
(String _) => _onWalletNameChange(
|
||||||
|
exchangeViewModel, exchangeViewModel.receiveCurrency, receiveKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.wallet.name,
|
||||||
|
(String _) => _onWalletNameChange(
|
||||||
|
exchangeViewModel, exchangeViewModel.depositCurrency, depositKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.receiveCurrency,
|
||||||
|
(CryptoCurrency currency) =>
|
||||||
|
_onCurrencyChange(currency, exchangeViewModel, receiveKey));
|
||||||
|
|
||||||
|
reaction(
|
||||||
|
(_) => exchangeViewModel.depositCurrency,
|
||||||
|
(CryptoCurrency currency) =>
|
||||||
|
_onCurrencyChange(currency, exchangeViewModel, depositKey));
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.depositAmount, (String amount) {
|
||||||
|
if (depositKey.currentState.amountController.text != amount) {
|
||||||
|
depositKey.currentState.amountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.depositAddress, (String address) {
|
||||||
|
if (depositKey.currentState.addressController.text != address) {
|
||||||
|
depositKey.currentState.addressController.text = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.isDepositAddressEnabled,
|
||||||
|
(bool isEnabled) {
|
||||||
|
depositKey.currentState.isAddressEditable(isEditable: isEnabled);
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.receiveAmount, (String amount) {
|
||||||
|
if (receiveKey.currentState.amountController.text != amount) {
|
||||||
|
receiveKey.currentState.amountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.receiveAddress, (String address) {
|
||||||
|
if (receiveKey.currentState.addressController.text != address) {
|
||||||
|
receiveKey.currentState.addressController.text = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.isReceiveAddressEnabled,
|
||||||
|
(bool isEnabled) {
|
||||||
|
receiveKey.currentState.isAddressEditable(isEditable: isEnabled);
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.limitsState, (LimitsState state) {
|
||||||
|
String min;
|
||||||
|
String max;
|
||||||
|
|
||||||
|
if (state is LimitsLoadedSuccessfully) {
|
||||||
|
min = state.limits.min != null ? state.limits.min.toString() : null;
|
||||||
|
max = state.limits.max != null ? state.limits.max.toString() : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state is LimitsLoadedFailure) {
|
||||||
|
min = '0';
|
||||||
|
max = '0';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (state is LimitsIsLoading) {
|
||||||
|
min = '...';
|
||||||
|
max = '...';
|
||||||
|
}
|
||||||
|
|
||||||
|
depositKey.currentState.changeLimits(min: min, max: max);
|
||||||
|
receiveKey.currentState.changeLimits(min: null, max: null);
|
||||||
|
});
|
||||||
|
|
||||||
|
depositAddressController.addListener(
|
||||||
|
() => exchangeViewModel.depositAddress = depositAddressController.text);
|
||||||
|
|
||||||
|
depositAmountController.addListener(() {
|
||||||
|
if (depositAmountController.text != exchangeViewModel.depositAmount) {
|
||||||
|
exchangeViewModel.changeDepositAmount(
|
||||||
|
amount: depositAmountController.text);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
receiveAddressController.addListener(
|
||||||
|
() => exchangeViewModel.receiveAddress = receiveAddressController.text);
|
||||||
|
|
||||||
|
receiveAmountController.addListener(() {
|
||||||
|
if (receiveAmountController.text != exchangeViewModel.receiveAmount) {
|
||||||
|
exchangeViewModel.changeReceiveAmount(
|
||||||
|
amount: receiveAmountController.text);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => exchangeViewModel.wallet.address, (String address) {
|
||||||
|
if (exchangeViewModel.depositCurrency == CryptoCurrency.xmr) {
|
||||||
|
depositKey.currentState.changeAddress(address: address);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (exchangeViewModel.receiveCurrency == CryptoCurrency.xmr) {
|
||||||
|
receiveKey.currentState.changeAddress(address: address);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
_isReactionsSet = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onCurrencyChange(CryptoCurrency currency,
|
||||||
|
ExchangeViewModel exchangeViewModel, GlobalKey<ExchangeCardState> key) {
|
||||||
|
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
||||||
|
|
||||||
|
key.currentState.changeSelectedCurrency(currency);
|
||||||
|
key.currentState.changeWalletName(
|
||||||
|
isCurrentTypeWallet ? exchangeViewModel.wallet.name : null);
|
||||||
|
|
||||||
|
key.currentState.changeAddress(
|
||||||
|
address: isCurrentTypeWallet ? exchangeViewModel.wallet.address : '');
|
||||||
|
|
||||||
|
key.currentState.changeAmount(amount: '');
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onWalletNameChange(ExchangeViewModel exchangeViewModel,
|
||||||
|
CryptoCurrency currency, GlobalKey<ExchangeCardState> key) {
|
||||||
|
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
||||||
|
|
||||||
|
if (isCurrentTypeWallet) {
|
||||||
|
key.currentState.changeWalletName(exchangeViewModel.wallet.name);
|
||||||
|
key.currentState.addressController.text =
|
||||||
|
exchangeViewModel.wallet.address;
|
||||||
|
} else if (key.currentState.addressController.text ==
|
||||||
|
exchangeViewModel.wallet.address) {
|
||||||
|
key.currentState.changeWalletName(null);
|
||||||
|
key.currentState.addressController.text = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,618 +0,0 @@
|
||||||
import 'dart:ui';
|
|
||||||
import 'package:cake_wallet/palette.dart';
|
|
||||||
import 'package:cake_wallet/src/domain/exchange/exchange_template.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/template_tile.dart';
|
|
||||||
import 'package:dotted_border/dotted_border.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/generated/i18n.dart';
|
|
||||||
import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
|
|
||||||
import 'package:cake_wallet/src/domain/exchange/xmrto/xmrto_exchange_provider.dart';
|
|
||||||
import 'package:cake_wallet/src/stores/exchange/exchange_trade_state.dart';
|
|
||||||
import 'package:cake_wallet/src/stores/exchange/limits_state.dart';
|
|
||||||
import 'package:cake_wallet/src/screens/exchange/widgets/exchange_card.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/top_panel.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
|
|
||||||
import 'package:cake_wallet/view_model/exchange/exchange_view_model.dart';
|
|
||||||
import 'package:cake_wallet/core/address_validator.dart';
|
|
||||||
import 'package:cake_wallet/core/amount_validator.dart';
|
|
||||||
|
|
||||||
class BaseExchangeWidget extends StatefulWidget {
|
|
||||||
BaseExchangeWidget({
|
|
||||||
@required this.exchangeViewModel,
|
|
||||||
this.leading,
|
|
||||||
this.middle,
|
|
||||||
this.trailing,
|
|
||||||
this.isTemplate = false,
|
|
||||||
});
|
|
||||||
|
|
||||||
final ExchangeViewModel exchangeViewModel;
|
|
||||||
final Widget leading;
|
|
||||||
final Widget middle;
|
|
||||||
final Widget trailing;
|
|
||||||
final bool isTemplate;
|
|
||||||
|
|
||||||
@override
|
|
||||||
BaseExchangeWidgetState createState() => BaseExchangeWidgetState(
|
|
||||||
exchangeViewModel: exchangeViewModel,
|
|
||||||
leading: leading,
|
|
||||||
middle: middle,
|
|
||||||
trailing: trailing,
|
|
||||||
isTemplate: isTemplate);
|
|
||||||
}
|
|
||||||
|
|
||||||
class BaseExchangeWidgetState extends State<BaseExchangeWidget> {
|
|
||||||
BaseExchangeWidgetState({
|
|
||||||
@required this.exchangeViewModel,
|
|
||||||
@required this.leading,
|
|
||||||
@required this.middle,
|
|
||||||
@required this.trailing,
|
|
||||||
@required this.isTemplate,
|
|
||||||
});
|
|
||||||
|
|
||||||
final ExchangeViewModel exchangeViewModel;
|
|
||||||
final Widget leading;
|
|
||||||
final Widget middle;
|
|
||||||
final Widget trailing;
|
|
||||||
final bool isTemplate;
|
|
||||||
final double topPanelHeight = 290;
|
|
||||||
|
|
||||||
final depositKey = GlobalKey<ExchangeCardState>();
|
|
||||||
final receiveKey = GlobalKey<ExchangeCardState>();
|
|
||||||
final _formKey = GlobalKey<FormState>();
|
|
||||||
var _isReactionsSet = false;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final arrowBottomPurple = Image.asset(
|
|
||||||
'assets/images/arrow_bottom_purple_icon.png',
|
|
||||||
color: Colors.white,
|
|
||||||
height: 8,
|
|
||||||
);
|
|
||||||
final arrowBottomCakeGreen = Image.asset(
|
|
||||||
'assets/images/arrow_bottom_cake_green.png',
|
|
||||||
color: Colors.white,
|
|
||||||
height: 8,
|
|
||||||
);
|
|
||||||
|
|
||||||
final depositWalletName =
|
|
||||||
exchangeViewModel.depositCurrency == CryptoCurrency.xmr
|
|
||||||
? exchangeViewModel.wallet.name
|
|
||||||
: null;
|
|
||||||
final receiveWalletName =
|
|
||||||
exchangeViewModel.receiveCurrency == CryptoCurrency.xmr
|
|
||||||
? exchangeViewModel.wallet.name
|
|
||||||
: null;
|
|
||||||
|
|
||||||
WidgetsBinding.instance
|
|
||||||
.addPostFrameCallback((_) => _setReactions(context, exchangeViewModel));
|
|
||||||
|
|
||||||
return Form(
|
|
||||||
key: _formKey,
|
|
||||||
child: ScrollableWithBottomSection(
|
|
||||||
contentPadding: EdgeInsets.only(bottom: 24),
|
|
||||||
content: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
TopPanel(
|
|
||||||
gradient: LinearGradient(colors: [
|
|
||||||
Theme.of(context).primaryTextTheme.body1.color,
|
|
||||||
Theme.of(context).primaryTextTheme.body1.decorationColor,
|
|
||||||
], stops: [
|
|
||||||
0.35,
|
|
||||||
1.0
|
|
||||||
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
|
||||||
edgeInsets: EdgeInsets.only(bottom: 32),
|
|
||||||
widget: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
TopPanel(
|
|
||||||
edgeInsets: EdgeInsets.all(0),
|
|
||||||
gradient: LinearGradient(
|
|
||||||
colors: [
|
|
||||||
Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.subtitle
|
|
||||||
.color,
|
|
||||||
Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.subtitle
|
|
||||||
.decorationColor,
|
|
||||||
],
|
|
||||||
begin: Alignment.topLeft,
|
|
||||||
end: Alignment.bottomRight),
|
|
||||||
widget: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
CupertinoNavigationBar(
|
|
||||||
leading: leading,
|
|
||||||
middle: middle,
|
|
||||||
trailing: trailing,
|
|
||||||
backgroundColor: Colors.transparent,
|
|
||||||
border: null,
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.fromLTRB(24, 29, 24, 32),
|
|
||||||
child: Observer(
|
|
||||||
builder: (_) => ExchangeCard(
|
|
||||||
key: depositKey,
|
|
||||||
title: S.of(context).you_will_send,
|
|
||||||
initialCurrency:
|
|
||||||
exchangeViewModel.depositCurrency,
|
|
||||||
initialWalletName: depositWalletName,
|
|
||||||
initialAddress: exchangeViewModel
|
|
||||||
.depositCurrency ==
|
|
||||||
exchangeViewModel.wallet.currency
|
|
||||||
? exchangeViewModel.wallet.address
|
|
||||||
: exchangeViewModel.depositAddress,
|
|
||||||
initialIsAmountEditable: true,
|
|
||||||
initialIsAddressEditable: exchangeViewModel
|
|
||||||
.isDepositAddressEnabled,
|
|
||||||
isAmountEstimated: false,
|
|
||||||
currencies: CryptoCurrency.all,
|
|
||||||
onCurrencySelected: (currency) =>
|
|
||||||
exchangeViewModel.changeDepositCurrency(
|
|
||||||
currency: currency),
|
|
||||||
imageArrow: arrowBottomPurple,
|
|
||||||
currencyButtonColor: Colors.transparent,
|
|
||||||
addressButtonsColor:
|
|
||||||
Theme.of(context).focusColor,
|
|
||||||
borderColor: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.body2
|
|
||||||
.color,
|
|
||||||
currencyValueValidator: AmountValidator(
|
|
||||||
type: exchangeViewModel.wallet.type),
|
|
||||||
addressTextFieldValidator: AddressValidator(
|
|
||||||
type:
|
|
||||||
exchangeViewModel.depositCurrency),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
)),
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.only(top: 29, left: 24, right: 24),
|
|
||||||
child: Observer(
|
|
||||||
builder: (_) => ExchangeCard(
|
|
||||||
key: receiveKey,
|
|
||||||
title: S.of(context).you_will_get,
|
|
||||||
initialCurrency:
|
|
||||||
exchangeViewModel.receiveCurrency,
|
|
||||||
initialWalletName: receiveWalletName,
|
|
||||||
initialAddress:
|
|
||||||
exchangeViewModel.receiveCurrency ==
|
|
||||||
exchangeViewModel.wallet.currency
|
|
||||||
? exchangeViewModel.wallet.address
|
|
||||||
: exchangeViewModel.receiveAddress,
|
|
||||||
initialIsAmountEditable: false,
|
|
||||||
initialIsAddressEditable:
|
|
||||||
exchangeViewModel.isReceiveAddressEnabled,
|
|
||||||
isAmountEstimated: true,
|
|
||||||
currencies: CryptoCurrency.all,
|
|
||||||
onCurrencySelected: (currency) =>
|
|
||||||
exchangeViewModel.changeReceiveCurrency(
|
|
||||||
currency: currency),
|
|
||||||
imageArrow: arrowBottomCakeGreen,
|
|
||||||
currencyButtonColor: Colors.transparent,
|
|
||||||
addressButtonsColor:
|
|
||||||
Theme.of(context).focusColor,
|
|
||||||
borderColor: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.body2
|
|
||||||
.decorationColor,
|
|
||||||
currencyValueValidator: AmountValidator(
|
|
||||||
type: exchangeViewModel.wallet.type),
|
|
||||||
addressTextFieldValidator: AddressValidator(
|
|
||||||
type: exchangeViewModel.receiveCurrency),
|
|
||||||
)),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
)),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: Padding(
|
|
||||||
padding: EdgeInsets.only(top: 30, 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),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: 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.exchangeTemplate),
|
|
||||||
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 = exchangeViewModel.templates;
|
|
||||||
final itemCount =
|
|
||||||
exchangeViewModel.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(),
|
|
||||||
amount: template.amount,
|
|
||||||
from: template.depositCurrency,
|
|
||||||
to: template.receiveCurrency,
|
|
||||||
onTap: () {
|
|
||||||
applyTemplate(
|
|
||||||
exchangeViewModel, template);
|
|
||||||
},
|
|
||||||
onRemove: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (dialogContext) {
|
|
||||||
return AlertWithTwoActions(
|
|
||||||
alertTitle:
|
|
||||||
S.of(context).template,
|
|
||||||
alertContent: S
|
|
||||||
.of(context)
|
|
||||||
.confirm_delete_template,
|
|
||||||
leftButtonText:
|
|
||||||
S.of(context).delete,
|
|
||||||
rightButtonText:
|
|
||||||
S.of(context).cancel,
|
|
||||||
actionLeftButton: () {
|
|
||||||
Navigator.of(
|
|
||||||
dialogContext)
|
|
||||||
.pop();
|
|
||||||
exchangeViewModel
|
|
||||||
.exchangeTemplateStore
|
|
||||||
.remove(
|
|
||||||
template:
|
|
||||||
template);
|
|
||||||
exchangeViewModel
|
|
||||||
.exchangeTemplateStore
|
|
||||||
.update();
|
|
||||||
},
|
|
||||||
actionRightButton: () =>
|
|
||||||
Navigator.of(
|
|
||||||
dialogContext)
|
|
||||||
.pop());
|
|
||||||
});
|
|
||||||
},
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
)))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
bottomSectionPadding:
|
|
||||||
EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
|
||||||
bottomSection: Column(children: <Widget>[
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.only(bottom: 15),
|
|
||||||
child: Observer(builder: (_) {
|
|
||||||
final description =
|
|
||||||
exchangeViewModel.provider is XMRTOExchangeProvider
|
|
||||||
? S.of(context).amount_is_guaranteed
|
|
||||||
: S.of(context).amount_is_estimate;
|
|
||||||
return Center(
|
|
||||||
child: Text(
|
|
||||||
description,
|
|
||||||
style: TextStyle(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.display4
|
|
||||||
.decorationColor,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
fontSize: 12),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
isTemplate
|
|
||||||
? PrimaryButton(
|
|
||||||
onPressed: () {
|
|
||||||
if (_formKey.currentState.validate()) {
|
|
||||||
exchangeViewModel.exchangeTemplateStore.addTemplate(
|
|
||||||
amount: exchangeViewModel.depositAmount,
|
|
||||||
depositCurrency:
|
|
||||||
exchangeViewModel.depositCurrency.toString(),
|
|
||||||
receiveCurrency:
|
|
||||||
exchangeViewModel.receiveCurrency.toString(),
|
|
||||||
provider: exchangeViewModel.provider.toString(),
|
|
||||||
depositAddress: exchangeViewModel.depositAddress,
|
|
||||||
receiveAddress: exchangeViewModel.receiveAddress);
|
|
||||||
exchangeViewModel.exchangeTemplateStore.update();
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
text: S.of(context).save,
|
|
||||||
color: Colors.green,
|
|
||||||
textColor: Colors.white)
|
|
||||||
: Observer(
|
|
||||||
builder: (_) => LoadingPrimaryButton(
|
|
||||||
text: S.of(context).exchange,
|
|
||||||
onPressed: () {
|
|
||||||
if (_formKey.currentState.validate()) {
|
|
||||||
exchangeViewModel.createTrade();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
color: Palette.blueCraiola,
|
|
||||||
textColor: Colors.white,
|
|
||||||
isLoading:
|
|
||||||
exchangeViewModel.tradeState is TradeIsCreating,
|
|
||||||
)),
|
|
||||||
]),
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
void applyTemplate(
|
|
||||||
ExchangeViewModel exchangeViewModel, ExchangeTemplate template) {
|
|
||||||
exchangeViewModel.changeDepositCurrency(
|
|
||||||
currency: CryptoCurrency.fromString(template.depositCurrency));
|
|
||||||
exchangeViewModel.changeReceiveCurrency(
|
|
||||||
currency: CryptoCurrency.fromString(template.receiveCurrency));
|
|
||||||
|
|
||||||
switch (template.provider) {
|
|
||||||
case 'XMR.TO':
|
|
||||||
exchangeViewModel.changeProvider(
|
|
||||||
provider: exchangeViewModel.providerList[0]);
|
|
||||||
break;
|
|
||||||
case 'ChangeNOW':
|
|
||||||
exchangeViewModel.changeProvider(
|
|
||||||
provider: exchangeViewModel.providerList[1]);
|
|
||||||
break;
|
|
||||||
case 'MorphToken':
|
|
||||||
exchangeViewModel.changeProvider(
|
|
||||||
provider: exchangeViewModel.providerList[2]);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
exchangeViewModel.changeDepositAmount(amount: template.amount);
|
|
||||||
exchangeViewModel.depositAddress = template.depositAddress;
|
|
||||||
exchangeViewModel.receiveAddress = template.receiveAddress;
|
|
||||||
}
|
|
||||||
|
|
||||||
void _setReactions(
|
|
||||||
BuildContext context, ExchangeViewModel exchangeViewModel) {
|
|
||||||
if (_isReactionsSet) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
final depositAddressController = depositKey.currentState.addressController;
|
|
||||||
final depositAmountController = depositKey.currentState.amountController;
|
|
||||||
final receiveAddressController = receiveKey.currentState.addressController;
|
|
||||||
final receiveAmountController = receiveKey.currentState.amountController;
|
|
||||||
final limitsState = exchangeViewModel.limitsState;
|
|
||||||
|
|
||||||
if (limitsState is LimitsLoadedSuccessfully) {
|
|
||||||
final min = limitsState.limits.min != null
|
|
||||||
? limitsState.limits.min.toString()
|
|
||||||
: null;
|
|
||||||
final max = limitsState.limits.max != null
|
|
||||||
? limitsState.limits.max.toString()
|
|
||||||
: null;
|
|
||||||
final key = depositKey;
|
|
||||||
key.currentState.changeLimits(min: min, max: max);
|
|
||||||
}
|
|
||||||
|
|
||||||
_onCurrencyChange(
|
|
||||||
exchangeViewModel.receiveCurrency, exchangeViewModel, receiveKey);
|
|
||||||
_onCurrencyChange(
|
|
||||||
exchangeViewModel.depositCurrency, exchangeViewModel, depositKey);
|
|
||||||
|
|
||||||
reaction(
|
|
||||||
(_) => exchangeViewModel.wallet.name,
|
|
||||||
(String _) => _onWalletNameChange(
|
|
||||||
exchangeViewModel, exchangeViewModel.receiveCurrency, receiveKey));
|
|
||||||
|
|
||||||
reaction(
|
|
||||||
(_) => exchangeViewModel.wallet.name,
|
|
||||||
(String _) => _onWalletNameChange(
|
|
||||||
exchangeViewModel, exchangeViewModel.depositCurrency, depositKey));
|
|
||||||
|
|
||||||
reaction(
|
|
||||||
(_) => exchangeViewModel.receiveCurrency,
|
|
||||||
(CryptoCurrency currency) =>
|
|
||||||
_onCurrencyChange(currency, exchangeViewModel, receiveKey));
|
|
||||||
|
|
||||||
reaction(
|
|
||||||
(_) => exchangeViewModel.depositCurrency,
|
|
||||||
(CryptoCurrency currency) =>
|
|
||||||
_onCurrencyChange(currency, exchangeViewModel, depositKey));
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.depositAmount, (String amount) {
|
|
||||||
if (depositKey.currentState.amountController.text != amount) {
|
|
||||||
depositKey.currentState.amountController.text = amount;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.depositAddress, (String address) {
|
|
||||||
if (depositKey.currentState.addressController.text != address) {
|
|
||||||
depositKey.currentState.addressController.text = address;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.isDepositAddressEnabled,
|
|
||||||
(bool isEnabled) {
|
|
||||||
depositKey.currentState.isAddressEditable(isEditable: isEnabled);
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.receiveAmount, (String amount) {
|
|
||||||
if (receiveKey.currentState.amountController.text != amount) {
|
|
||||||
receiveKey.currentState.amountController.text = amount;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.receiveAddress, (String address) {
|
|
||||||
if (receiveKey.currentState.addressController.text != address) {
|
|
||||||
receiveKey.currentState.addressController.text = address;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.isReceiveAddressEnabled,
|
|
||||||
(bool isEnabled) {
|
|
||||||
receiveKey.currentState.isAddressEditable(isEditable: isEnabled);
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.tradeState, (ExchangeTradeState state) {
|
|
||||||
if (state is TradeIsCreatedFailure) {
|
|
||||||
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 TradeIsCreatedSuccessfully) {
|
|
||||||
Navigator.of(context).pushNamed(Routes.exchangeConfirm);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.limitsState, (LimitsState state) {
|
|
||||||
String min;
|
|
||||||
String max;
|
|
||||||
|
|
||||||
if (state is LimitsLoadedSuccessfully) {
|
|
||||||
min = state.limits.min != null ? state.limits.min.toString() : null;
|
|
||||||
max = state.limits.max != null ? state.limits.max.toString() : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state is LimitsLoadedFailure) {
|
|
||||||
min = '0';
|
|
||||||
max = '0';
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state is LimitsIsLoading) {
|
|
||||||
min = '...';
|
|
||||||
max = '...';
|
|
||||||
}
|
|
||||||
|
|
||||||
depositKey.currentState.changeLimits(min: min, max: max);
|
|
||||||
receiveKey.currentState.changeLimits(min: null, max: null);
|
|
||||||
});
|
|
||||||
|
|
||||||
depositAddressController.addListener(
|
|
||||||
() => exchangeViewModel.depositAddress = depositAddressController.text);
|
|
||||||
|
|
||||||
depositAmountController.addListener(() {
|
|
||||||
if (depositAmountController.text != exchangeViewModel.depositAmount) {
|
|
||||||
exchangeViewModel.changeDepositAmount(
|
|
||||||
amount: depositAmountController.text);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
receiveAddressController.addListener(
|
|
||||||
() => exchangeViewModel.receiveAddress = receiveAddressController.text);
|
|
||||||
|
|
||||||
receiveAmountController.addListener(() {
|
|
||||||
if (receiveAmountController.text != exchangeViewModel.receiveAmount) {
|
|
||||||
exchangeViewModel.changeReceiveAmount(
|
|
||||||
amount: receiveAmountController.text);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => exchangeViewModel.wallet.address, (String address) {
|
|
||||||
if (exchangeViewModel.depositCurrency == CryptoCurrency.xmr) {
|
|
||||||
depositKey.currentState.changeAddress(address: address);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (exchangeViewModel.receiveCurrency == CryptoCurrency.xmr) {
|
|
||||||
receiveKey.currentState.changeAddress(address: address);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
_isReactionsSet = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onCurrencyChange(CryptoCurrency currency,
|
|
||||||
ExchangeViewModel exchangeViewModel, GlobalKey<ExchangeCardState> key) {
|
|
||||||
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
|
||||||
|
|
||||||
key.currentState.changeSelectedCurrency(currency);
|
|
||||||
key.currentState.changeWalletName(
|
|
||||||
isCurrentTypeWallet ? exchangeViewModel.wallet.name : null);
|
|
||||||
|
|
||||||
key.currentState.changeAddress(
|
|
||||||
address: isCurrentTypeWallet ? exchangeViewModel.wallet.address : '');
|
|
||||||
|
|
||||||
key.currentState.changeAmount(amount: '');
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onWalletNameChange(ExchangeViewModel exchangeViewModel,
|
|
||||||
CryptoCurrency currency, GlobalKey<ExchangeCardState> key) {
|
|
||||||
final isCurrentTypeWallet = currency == exchangeViewModel.wallet.currency;
|
|
||||||
|
|
||||||
if (isCurrentTypeWallet) {
|
|
||||||
key.currentState.changeWalletName(exchangeViewModel.wallet.name);
|
|
||||||
key.currentState.addressController.text =
|
|
||||||
exchangeViewModel.wallet.address;
|
|
||||||
} else if (key.currentState.addressController.text ==
|
|
||||||
exchangeViewModel.wallet.address) {
|
|
||||||
key.currentState.changeWalletName(null);
|
|
||||||
key.currentState.addressController.text = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -16,7 +16,6 @@ import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
||||||
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
||||||
import 'package:cake_wallet/src/screens/base_page.dart';
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
||||||
import 'package:cake_wallet/generated/i18n.dart';
|
import 'package:cake_wallet/generated/i18n.dart';
|
||||||
import 'package:cake_wallet/src/widgets/top_panel.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/alert_with_one_action.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/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/confirm_sending_alert.dart';
|
||||||
|
|
@ -43,98 +42,188 @@ class SendPage extends BasePage {
|
||||||
Color get titleColor => Colors.white;
|
Color get titleColor => Colors.white;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color get backgroundLightColor => Colors.transparent;
|
bool get resizeToAvoidBottomPadding => false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
bool get resizeToAvoidBottomPadding => false;
|
bool get extendBodyBehindAppBar => true;
|
||||||
|
|
||||||
|
@override
|
||||||
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget trailing(context) => TrailButton(
|
Widget trailing(context) => TrailButton(
|
||||||
caption: S.of(context).clear, onPressed: () => sendViewModel.reset());
|
caption: S.of(context).clear, onPressed: () => sendViewModel.reset());
|
||||||
|
|
||||||
@override
|
|
||||||
Color get backgroundDarkColor => Colors.transparent;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Scaffold(
|
|
||||||
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
|
||||||
body: Container(
|
|
||||||
color: Theme.of(context).backgroundColor, child: body(context)));
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget body(BuildContext context) {
|
Widget body(BuildContext context) {
|
||||||
_setEffects(context);
|
_setEffects(context);
|
||||||
|
|
||||||
return ScrollableWithBottomSection(
|
return Container(
|
||||||
contentPadding: EdgeInsets.only(bottom: 24),
|
color: Theme.of(context).backgroundColor,
|
||||||
content: Column(
|
child: ScrollableWithBottomSection(
|
||||||
children: <Widget>[
|
contentPadding: EdgeInsets.only(bottom: 24),
|
||||||
TopPanel(
|
content: Column(
|
||||||
edgeInsets: EdgeInsets.all(0),
|
children: <Widget>[
|
||||||
gradient: LinearGradient(colors: [
|
Container(
|
||||||
Theme.of(context).primaryTextTheme.subhead.color,
|
decoration: BoxDecoration(
|
||||||
Theme.of(context).primaryTextTheme.subhead.decorationColor,
|
borderRadius: BorderRadius.only(
|
||||||
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
bottomLeft: Radius.circular(24),
|
||||||
widget: Form(
|
bottomRight: Radius.circular(24)
|
||||||
key: _formKey,
|
),
|
||||||
child: Column(children: <Widget>[
|
gradient: LinearGradient(colors: [
|
||||||
CupertinoNavigationBar(
|
Theme.of(context).primaryTextTheme.subhead.color,
|
||||||
leading: leading(context),
|
Theme.of(context).primaryTextTheme.subhead.decorationColor,
|
||||||
middle: middle(context),
|
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
||||||
trailing: trailing(context),
|
|
||||||
backgroundColor: Colors.transparent,
|
|
||||||
border: null,
|
|
||||||
),
|
),
|
||||||
Padding(
|
child: Form(
|
||||||
padding: EdgeInsets.fromLTRB(24, 24, 24, 32),
|
key: _formKey,
|
||||||
child: Column(
|
child: Column(children: <Widget>[
|
||||||
children: <Widget>[
|
Padding(
|
||||||
AddressTextField(
|
padding: EdgeInsets.fromLTRB(24, 90, 24, 32),
|
||||||
controller: _addressController,
|
child: Column(
|
||||||
focusNode: _focusNode,
|
children: <Widget>[
|
||||||
onURIScanned: (uri) {
|
AddressTextField(
|
||||||
var address = '';
|
controller: _addressController,
|
||||||
var amount = '';
|
focusNode: _focusNode,
|
||||||
|
onURIScanned: (uri) {
|
||||||
|
var address = '';
|
||||||
|
var amount = '';
|
||||||
|
|
||||||
if (uri != null) {
|
if (uri != null) {
|
||||||
address = uri.path;
|
address = uri.path;
|
||||||
amount = uri.queryParameters['tx_amount'];
|
amount = uri.queryParameters['tx_amount'];
|
||||||
} else {
|
} else {
|
||||||
address = uri.toString();
|
address = uri.toString();
|
||||||
}
|
}
|
||||||
|
|
||||||
_addressController.text = address;
|
_addressController.text = address;
|
||||||
_cryptoAmountController.text = amount;
|
_cryptoAmountController.text = amount;
|
||||||
},
|
},
|
||||||
options: [
|
options: [
|
||||||
AddressTextFieldOption.paste,
|
AddressTextFieldOption.paste,
|
||||||
AddressTextFieldOption.qrCode,
|
AddressTextFieldOption.qrCode,
|
||||||
AddressTextFieldOption.addressBook
|
AddressTextFieldOption.addressBook
|
||||||
],
|
],
|
||||||
buttonColor:
|
buttonColor:
|
||||||
Theme.of(context).primaryTextTheme.display1.color,
|
Theme.of(context).primaryTextTheme.display1.color,
|
||||||
borderColor:
|
borderColor:
|
||||||
Theme.of(context).primaryTextTheme.headline.color,
|
Theme.of(context).primaryTextTheme.headline.color,
|
||||||
textStyle: TextStyle(
|
textStyle: TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w500,
|
||||||
color: Colors.white),
|
color: Colors.white),
|
||||||
hintStyle: TextStyle(
|
hintStyle: TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w500,
|
||||||
color: Theme.of(context)
|
color: Theme.of(context)
|
||||||
.primaryTextTheme
|
.primaryTextTheme
|
||||||
.headline
|
.headline
|
||||||
.decorationColor),
|
.decorationColor),
|
||||||
validator: sendViewModel.addressValidator,
|
validator: sendViewModel.addressValidator,
|
||||||
),
|
),
|
||||||
Observer(builder: (_) {
|
Observer(builder: (_) {
|
||||||
return Padding(
|
return Padding(
|
||||||
padding: const EdgeInsets.only(top: 20),
|
padding: const EdgeInsets.only(top: 20),
|
||||||
child: BaseTextFormField(
|
child: BaseTextFormField(
|
||||||
controller: _cryptoAmountController,
|
controller: _cryptoAmountController,
|
||||||
|
keyboardType: TextInputType.numberWithOptions(
|
||||||
|
signed: false, decimal: true),
|
||||||
|
inputFormatters: [
|
||||||
|
BlacklistingTextInputFormatter(
|
||||||
|
RegExp('[\\-|\\ |\\,]'))
|
||||||
|
],
|
||||||
|
prefixIcon: Padding(
|
||||||
|
padding: EdgeInsets.only(top: 9),
|
||||||
|
child:
|
||||||
|
Text(sendViewModel.currency.title + ':',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Colors.white,
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
suffixIcon: Container(
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
margin: EdgeInsets.only(
|
||||||
|
left: 14, top: 4, bottom: 10),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.display1
|
||||||
|
.color,
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(6))),
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () =>
|
||||||
|
sendViewModel.setSendAll(),
|
||||||
|
child: Center(
|
||||||
|
child: Text(S.of(context).all,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.display1
|
||||||
|
.decorationColor)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
hintText: '0.0000',
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.color,
|
||||||
|
textStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Colors.white),
|
||||||
|
placeholderTextStyle: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 14),
|
||||||
|
validator: sendViewModel.amountValidator));
|
||||||
|
}),
|
||||||
|
Observer(
|
||||||
|
builder: (_) => Padding(
|
||||||
|
padding: EdgeInsets.only(top: 10),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.spaceBetween,
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
S.of(context).available_balance + ':',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor),
|
||||||
|
)),
|
||||||
|
Text(
|
||||||
|
sendViewModel.balance,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 20),
|
||||||
|
child: BaseTextFormField(
|
||||||
|
controller: _fiatAmountController,
|
||||||
keyboardType: TextInputType.numberWithOptions(
|
keyboardType: TextInputType.numberWithOptions(
|
||||||
signed: false, decimal: true),
|
signed: false, decimal: true),
|
||||||
inputFormatters: [
|
inputFormatters: [
|
||||||
|
|
@ -143,43 +232,14 @@ class SendPage extends BasePage {
|
||||||
],
|
],
|
||||||
prefixIcon: Padding(
|
prefixIcon: Padding(
|
||||||
padding: EdgeInsets.only(top: 9),
|
padding: EdgeInsets.only(top: 9),
|
||||||
child:
|
child: Text(sendViewModel.fiat.title + ':',
|
||||||
Text(sendViewModel.currency.title + ':',
|
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w600,
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
)),
|
)),
|
||||||
),
|
),
|
||||||
suffixIcon: Container(
|
hintText: '0.00',
|
||||||
height: 32,
|
|
||||||
width: 32,
|
|
||||||
margin: EdgeInsets.only(
|
|
||||||
left: 14, top: 4, bottom: 10),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.display1
|
|
||||||
.color,
|
|
||||||
borderRadius: BorderRadius.all(
|
|
||||||
Radius.circular(6))),
|
|
||||||
child: InkWell(
|
|
||||||
onTap: () =>
|
|
||||||
sendViewModel.setSendAll(),
|
|
||||||
child: Center(
|
|
||||||
child: Text(S.of(context).all,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.display1
|
|
||||||
.decorationColor)),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
hintText: '0.0000',
|
|
||||||
borderColor: Theme.of(context)
|
borderColor: Theme.of(context)
|
||||||
.primaryTextTheme
|
.primaryTextTheme
|
||||||
.headline
|
.headline
|
||||||
|
|
@ -195,262 +255,194 @@ class SendPage extends BasePage {
|
||||||
.decorationColor,
|
.decorationColor,
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w500,
|
||||||
fontSize: 14),
|
fontSize: 14),
|
||||||
validator: sendViewModel.amountValidator));
|
)),
|
||||||
}),
|
Observer(
|
||||||
Observer(
|
builder: (_) => GestureDetector(
|
||||||
builder: (_) => Padding(
|
onTap: () =>
|
||||||
padding: EdgeInsets.only(top: 10),
|
_setTransactionPriority(context),
|
||||||
child: Row(
|
child: Container(
|
||||||
mainAxisSize: MainAxisSize.max,
|
padding: EdgeInsets.only(top: 24),
|
||||||
mainAxisAlignment:
|
child: Row(
|
||||||
MainAxisAlignment.spaceBetween,
|
mainAxisAlignment:
|
||||||
children: <Widget>[
|
MainAxisAlignment.spaceBetween,
|
||||||
Expanded(
|
children: <Widget>[
|
||||||
child: Text(
|
Text(S.of(context).send_estimated_fee,
|
||||||
S.of(context).available_balance + ':',
|
style: TextStyle(
|
||||||
style: TextStyle(
|
fontSize: 12,
|
||||||
fontSize: 12,
|
fontWeight: FontWeight.w500,
|
||||||
fontWeight: FontWeight.w600,
|
//color: Theme.of(context).primaryTextTheme.display2.color,
|
||||||
color: Theme.of(context)
|
color: Colors.white)),
|
||||||
.primaryTextTheme
|
Container(
|
||||||
.headline
|
child: Row(
|
||||||
.decorationColor),
|
children: <Widget>[
|
||||||
)),
|
Text(
|
||||||
Text(
|
sendViewModel.estimatedFee
|
||||||
sendViewModel.balance,
|
.toString() +
|
||||||
|
' ' +
|
||||||
|
sendViewModel
|
||||||
|
.currency.title,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight:
|
||||||
|
FontWeight.w600,
|
||||||
|
//color: Theme.of(context).primaryTextTheme.display2.color,
|
||||||
|
color: Colors.white)),
|
||||||
|
Padding(
|
||||||
|
padding:
|
||||||
|
EdgeInsets.only(left: 5),
|
||||||
|
child: Icon(
|
||||||
|
Icons.arrow_forward_ios,
|
||||||
|
size: 12,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 30, 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(
|
style: TextStyle(
|
||||||
fontSize: 12,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w600,
|
||||||
color: Theme.of(context)
|
color: Theme.of(context)
|
||||||
.primaryTextTheme
|
.primaryTextTheme
|
||||||
.headline
|
.display3
|
||||||
.decorationColor),
|
.color),
|
||||||
)
|
),
|
||||||
],
|
)),
|
||||||
),
|
),
|
||||||
)),
|
),
|
||||||
Padding(
|
// Observer(
|
||||||
padding: const EdgeInsets.only(top: 20),
|
// builder: (_) {
|
||||||
child: BaseTextFormField(
|
// final templates = sendViewModel.templates;
|
||||||
controller: _fiatAmountController,
|
// final itemCount = templates.length;
|
||||||
keyboardType: TextInputType.numberWithOptions(
|
|
||||||
signed: false, decimal: true),
|
// return ListView.builder(
|
||||||
inputFormatters: [
|
// scrollDirection: Axis.horizontal,
|
||||||
BlacklistingTextInputFormatter(
|
// shrinkWrap: true,
|
||||||
RegExp('[\\-|\\ |\\,]'))
|
// physics: NeverScrollableScrollPhysics(),
|
||||||
],
|
// itemCount: itemCount,
|
||||||
prefixIcon: Padding(
|
// itemBuilder: (context, index) {
|
||||||
padding: EdgeInsets.only(top: 9),
|
// final template = templates[index];
|
||||||
child: Text(sendViewModel.fiat.title + ':',
|
|
||||||
style: TextStyle(
|
// return TemplateTile(
|
||||||
fontSize: 16,
|
// key: UniqueKey(),
|
||||||
fontWeight: FontWeight.w600,
|
// to: template.name,
|
||||||
color: Colors.white,
|
// amount: template.amount,
|
||||||
)),
|
// from: template.cryptoCurrency,
|
||||||
),
|
// onTap: () {
|
||||||
hintText: '0.00',
|
// _addressController.text = template.address;
|
||||||
borderColor: Theme.of(context)
|
// _cryptoAmountController.text = template.amount;
|
||||||
.primaryTextTheme
|
// getOpenaliasRecord(context);
|
||||||
.headline
|
// },
|
||||||
.color,
|
// onRemove: () {
|
||||||
textStyle: TextStyle(
|
// showDialog<void>(
|
||||||
fontSize: 14,
|
// context: context,
|
||||||
fontWeight: FontWeight.w500,
|
// builder: (dialogContext) {
|
||||||
color: Colors.white),
|
// return AlertWithTwoActions(
|
||||||
placeholderTextStyle: TextStyle(
|
// alertTitle: S.of(context).template,
|
||||||
color: Theme.of(context)
|
// alertContent: S.of(context).confirm_delete_template,
|
||||||
.primaryTextTheme
|
// leftButtonText: S.of(context).delete,
|
||||||
.headline
|
// rightButtonText: S.of(context).cancel,
|
||||||
.decorationColor,
|
// actionLeftButton: () {
|
||||||
fontWeight: FontWeight.w500,
|
// Navigator.of(dialogContext).pop();
|
||||||
fontSize: 14),
|
// sendViewModel.sendTemplateStore.remove(template: template);
|
||||||
)),
|
// sendViewModel.sendTemplateStore.update();
|
||||||
Observer(
|
// },
|
||||||
builder: (_) => GestureDetector(
|
// actionRightButton: () => Navigator.of(dialogContext).pop()
|
||||||
onTap: () =>
|
// );
|
||||||
_setTransactionPriority(context),
|
// }
|
||||||
child: Container(
|
// );
|
||||||
padding: EdgeInsets.only(top: 24),
|
// },
|
||||||
child: Row(
|
// );
|
||||||
mainAxisAlignment:
|
// }
|
||||||
MainAxisAlignment.spaceBetween,
|
// );
|
||||||
children: <Widget>[
|
// }
|
||||||
Text(S.of(context).send_estimated_fee,
|
// )
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
//color: Theme.of(context).primaryTextTheme.display2.color,
|
|
||||||
color: Colors.white)),
|
|
||||||
Container(
|
|
||||||
child: Row(
|
|
||||||
children: <Widget>[
|
|
||||||
Text(
|
|
||||||
sendViewModel.estimatedFee
|
|
||||||
.toString() +
|
|
||||||
' ' +
|
|
||||||
sendViewModel
|
|
||||||
.currency.title,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight:
|
|
||||||
FontWeight.w600,
|
|
||||||
//color: Theme.of(context).primaryTextTheme.display2.color,
|
|
||||||
color: Colors.white)),
|
|
||||||
Padding(
|
|
||||||
padding:
|
|
||||||
EdgeInsets.only(left: 5),
|
|
||||||
child: Icon(
|
|
||||||
Icons.arrow_forward_ios,
|
|
||||||
size: 12,
|
|
||||||
color: Colors.white,
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
))
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
)
|
),
|
||||||
]),
|
)
|
||||||
),
|
],
|
||||||
),
|
),
|
||||||
Padding(
|
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
||||||
padding: EdgeInsets.only(top: 30, left: 24, bottom: 24),
|
bottomSection: Observer(builder: (_) {
|
||||||
child: Row(
|
return LoadingPrimaryButton(
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
onPressed: () {
|
||||||
children: <Widget>[
|
if (_formKey.currentState.validate()) {
|
||||||
Text(
|
print('SENT!!!');
|
||||||
S.of(context).send_templates,
|
}
|
||||||
style: TextStyle(
|
},
|
||||||
fontSize: 18,
|
text: S.of(context).send,
|
||||||
fontWeight: FontWeight.w600,
|
color: Palette.blueCraiola,
|
||||||
color: Theme.of(context)
|
textColor: Colors.white,
|
||||||
.primaryTextTheme
|
isLoading: sendViewModel.state is TransactionIsCreating ||
|
||||||
.display4
|
sendViewModel.state is TransactionCommitting,
|
||||||
.color),
|
isDisabled:
|
||||||
)
|
false // FIXME !(syncStore.status is SyncedSyncStatus),
|
||||||
],
|
);
|
||||||
),
|
})
|
||||||
),
|
|
||||||
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: () {
|
|
||||||
// _addressController.text = template.address;
|
|
||||||
// _cryptoAmountController.text = template.amount;
|
|
||||||
// getOpenaliasRecord(context);
|
|
||||||
// },
|
|
||||||
// onRemove: () {
|
|
||||||
// showDialog<void>(
|
|
||||||
// context: context,
|
|
||||||
// builder: (dialogContext) {
|
|
||||||
// return AlertWithTwoActions(
|
|
||||||
// alertTitle: S.of(context).template,
|
|
||||||
// alertContent: S.of(context).confirm_delete_template,
|
|
||||||
// leftButtonText: S.of(context).delete,
|
|
||||||
// rightButtonText: S.of(context).cancel,
|
|
||||||
// actionLeftButton: () {
|
|
||||||
// Navigator.of(dialogContext).pop();
|
|
||||||
// sendViewModel.sendTemplateStore.remove(template: template);
|
|
||||||
// sendViewModel.sendTemplateStore.update();
|
|
||||||
// },
|
|
||||||
// actionRightButton: () => Navigator.of(dialogContext).pop()
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// },
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// )
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
|
||||||
bottomSection: Observer(builder: (_) {
|
|
||||||
return LoadingPrimaryButton(
|
|
||||||
onPressed: () {
|
|
||||||
if (_formKey.currentState.validate()) {
|
|
||||||
print('SENT!!!');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
text: S.of(context).send,
|
|
||||||
color: Palette.blueCraiola,
|
|
||||||
textColor: Colors.white,
|
|
||||||
isLoading: sendViewModel.state is TransactionIsCreating ||
|
|
||||||
sendViewModel.state is TransactionCommitting,
|
|
||||||
isDisabled:
|
|
||||||
false // FIXME !(syncStore.status is SyncedSyncStatus),
|
|
||||||
);
|
|
||||||
})
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,27 @@
|
||||||
|
import 'package:cake_wallet/src/widgets/address_text_field.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/base_text_form_field.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/primary_button.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
||||||
import 'package:flutter/cupertino.dart';
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:cake_wallet/src/screens/base_page.dart';
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
||||||
import 'package:cake_wallet/generated/i18n.dart';
|
import 'package:cake_wallet/generated/i18n.dart';
|
||||||
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
||||||
import 'package:cake_wallet/src/screens/send/widgets/base_send_widget.dart';
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
||||||
|
import 'package:mobx/mobx.dart';
|
||||||
|
|
||||||
class SendTemplatePage extends BasePage {
|
class SendTemplatePage extends BasePage {
|
||||||
SendTemplatePage({@required this.sendViewModel});
|
SendTemplatePage({@required this.sendViewModel});
|
||||||
|
|
||||||
final SendViewModel sendViewModel;
|
final SendViewModel sendViewModel;
|
||||||
|
final _addressController = TextEditingController();
|
||||||
|
final _cryptoAmountController = TextEditingController();
|
||||||
|
final _fiatAmountController = TextEditingController();
|
||||||
|
final _nameController = TextEditingController();
|
||||||
|
final _formKey = GlobalKey<FormState>();
|
||||||
|
|
||||||
|
bool _effectsInstalled = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
String get title => S.current.exchange_new_template;
|
String get title => S.current.exchange_new_template;
|
||||||
|
|
@ -16,27 +29,234 @@ class SendTemplatePage extends BasePage {
|
||||||
@override
|
@override
|
||||||
Color get titleColor => Colors.white;
|
Color get titleColor => Colors.white;
|
||||||
|
|
||||||
@override
|
|
||||||
Color get backgroundLightColor => Colors.transparent;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Color get backgroundDarkColor => Colors.transparent;
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
bool get resizeToAvoidBottomPadding => false;
|
bool get resizeToAvoidBottomPadding => false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget body(BuildContext context) => BaseSendWidget(
|
bool get extendBodyBehindAppBar => true;
|
||||||
sendViewModel: sendViewModel,
|
|
||||||
leading: leading(context),
|
|
||||||
middle: middle(context),
|
|
||||||
isTemplate: true);
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
||||||
return Scaffold(
|
|
||||||
resizeToAvoidBottomPadding: resizeToAvoidBottomPadding,
|
@override
|
||||||
body: Container(
|
Widget body(BuildContext context) {
|
||||||
color: Theme.of(context).backgroundColor, child: body(context)));
|
_setEffects(context);
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: Theme.of(context).backgroundColor,
|
||||||
|
child: ScrollableWithBottomSection(
|
||||||
|
contentPadding: EdgeInsets.only(bottom: 24),
|
||||||
|
content: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(24),
|
||||||
|
bottomRight: Radius.circular(24)
|
||||||
|
),
|
||||||
|
gradient: LinearGradient(colors: [
|
||||||
|
Theme.of(context).primaryTextTheme.subhead.color,
|
||||||
|
Theme.of(context).primaryTextTheme.subhead.decorationColor,
|
||||||
|
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
||||||
|
),
|
||||||
|
child: Form(
|
||||||
|
key: _formKey,
|
||||||
|
child: Column(children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.fromLTRB(24, 90, 24, 32),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
BaseTextFormField(
|
||||||
|
controller: _nameController,
|
||||||
|
hintText: S.of(context).send_name,
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.color,
|
||||||
|
textStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Colors.white),
|
||||||
|
placeholderTextStyle: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 14),
|
||||||
|
validator: sendViewModel.templateValidator,
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 20),
|
||||||
|
child: AddressTextField(
|
||||||
|
controller: _addressController,
|
||||||
|
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.paste,
|
||||||
|
AddressTextFieldOption.qrCode,
|
||||||
|
AddressTextFieldOption.addressBook
|
||||||
|
],
|
||||||
|
buttonColor:
|
||||||
|
Theme.of(context).primaryTextTheme.display1.color,
|
||||||
|
borderColor:
|
||||||
|
Theme.of(context).primaryTextTheme.headline.color,
|
||||||
|
textStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Colors.white),
|
||||||
|
hintStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor),
|
||||||
|
validator: sendViewModel.addressValidator,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Observer(builder: (_) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 20),
|
||||||
|
child: BaseTextFormField(
|
||||||
|
controller: _cryptoAmountController,
|
||||||
|
keyboardType: TextInputType.numberWithOptions(
|
||||||
|
signed: false, decimal: true),
|
||||||
|
inputFormatters: [
|
||||||
|
BlacklistingTextInputFormatter(
|
||||||
|
RegExp('[\\-|\\ |\\,]'))
|
||||||
|
],
|
||||||
|
prefixIcon: Padding(
|
||||||
|
padding: EdgeInsets.only(top: 9),
|
||||||
|
child:
|
||||||
|
Text(sendViewModel.currency.title + ':',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Colors.white,
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
hintText: '0.0000',
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.color,
|
||||||
|
textStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Colors.white),
|
||||||
|
placeholderTextStyle: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 14),
|
||||||
|
validator: sendViewModel.amountValidator));
|
||||||
|
}),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 20),
|
||||||
|
child: BaseTextFormField(
|
||||||
|
controller: _fiatAmountController,
|
||||||
|
keyboardType: TextInputType.numberWithOptions(
|
||||||
|
signed: false, decimal: true),
|
||||||
|
inputFormatters: [
|
||||||
|
BlacklistingTextInputFormatter(
|
||||||
|
RegExp('[\\-|\\ |\\,]'))
|
||||||
|
],
|
||||||
|
prefixIcon: Padding(
|
||||||
|
padding: EdgeInsets.only(top: 9),
|
||||||
|
child: Text(sendViewModel.fiat.title + ':',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Colors.white,
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
hintText: '0.00',
|
||||||
|
borderColor: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.color,
|
||||||
|
textStyle: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Colors.white),
|
||||||
|
placeholderTextStyle: TextStyle(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.primaryTextTheme
|
||||||
|
.headline
|
||||||
|
.decorationColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 14),
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
||||||
|
bottomSection: PrimaryButton(
|
||||||
|
onPressed: () {
|
||||||
|
if (_formKey.currentState.validate()) {
|
||||||
|
// sendViewModel.sendTemplateStore.addTemplate(
|
||||||
|
// name: _nameController.text,
|
||||||
|
// address: _addressController.text,
|
||||||
|
// cryptoCurrency: sendViewModel.currency.title,
|
||||||
|
// amount: _cryptoAmountController.text);
|
||||||
|
// sendViewModel.sendTemplateStore.update();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
text: S.of(context).save,
|
||||||
|
color: Colors.green,
|
||||||
|
textColor: Colors.white),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _setEffects(BuildContext context) {
|
||||||
|
if (_effectsInstalled) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
reaction((_) => sendViewModel.fiatAmount, (String amount) {
|
||||||
|
if (amount != _fiatAmountController.text) {
|
||||||
|
_fiatAmountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => sendViewModel.cryptoAmount, (String amount) {
|
||||||
|
if (amount != _cryptoAmountController.text) {
|
||||||
|
_cryptoAmountController.text = amount;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
reaction((_) => sendViewModel.address, (String address) {
|
||||||
|
if (address != _addressController.text) {
|
||||||
|
_addressController.text = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
_addressController.addListener(() {
|
||||||
|
final address = _addressController.text;
|
||||||
|
|
||||||
|
if (sendViewModel.address != address) {
|
||||||
|
sendViewModel.address = address;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
_effectsInstalled = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,709 +0,0 @@
|
||||||
import 'dart:ui';
|
|
||||||
import 'package:cake_wallet/src/domain/common/transaction_priority.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/picker.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/view_model/send/send_view_model_state.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:cake_wallet/view_model/send/send_view_model.dart';
|
|
||||||
import 'package:flutter/services.dart';
|
|
||||||
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
||||||
import 'package:mobx/mobx.dart';
|
|
||||||
import 'package:cake_wallet/palette.dart';
|
|
||||||
import 'package:cake_wallet/src/widgets/address_text_field.dart';
|
|
||||||
import 'package:cake_wallet/generated/i18n.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/widgets/base_text_form_field.dart';
|
|
||||||
import 'package:cake_wallet/routes.dart';
|
|
||||||
|
|
||||||
class BaseSendWidget extends StatelessWidget {
|
|
||||||
BaseSendWidget(
|
|
||||||
{@required this.sendViewModel,
|
|
||||||
@required this.leading,
|
|
||||||
@required this.middle,
|
|
||||||
this.isTemplate = false});
|
|
||||||
|
|
||||||
final SendViewModel sendViewModel;
|
|
||||||
final bool isTemplate;
|
|
||||||
final Widget leading;
|
|
||||||
final Widget middle;
|
|
||||||
|
|
||||||
final _addressController = TextEditingController();
|
|
||||||
final _cryptoAmountController = TextEditingController();
|
|
||||||
final _fiatAmountController = TextEditingController();
|
|
||||||
final _nameController = TextEditingController();
|
|
||||||
final _focusNode = FocusNode();
|
|
||||||
final _formKey = GlobalKey<FormState>();
|
|
||||||
|
|
||||||
bool _effectsInstalled = false;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
_setEffects(context);
|
|
||||||
|
|
||||||
return ScrollableWithBottomSection(
|
|
||||||
contentPadding: EdgeInsets.only(bottom: 24),
|
|
||||||
content: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
TopPanel(
|
|
||||||
edgeInsets: EdgeInsets.all(0),
|
|
||||||
gradient: LinearGradient(colors: [
|
|
||||||
Theme.of(context).primaryTextTheme.subhead.color,
|
|
||||||
Theme.of(context).primaryTextTheme.subhead.decorationColor,
|
|
||||||
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
|
||||||
widget: Form(
|
|
||||||
key: _formKey,
|
|
||||||
child: Column(children: <Widget>[
|
|
||||||
CupertinoNavigationBar(
|
|
||||||
leading: leading,
|
|
||||||
middle: middle,
|
|
||||||
backgroundColor: Colors.transparent,
|
|
||||||
border: null,
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.fromLTRB(24, 24, 24, 32),
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
isTemplate
|
|
||||||
? BaseTextFormField(
|
|
||||||
controller: _nameController,
|
|
||||||
hintText: S.of(context).send_name,
|
|
||||||
borderColor: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.color,
|
|
||||||
textStyle: TextStyle(
|
|
||||||
fontSize: 14,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
color: Colors.white),
|
|
||||||
placeholderTextStyle: TextStyle(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
fontSize: 14),
|
|
||||||
validator: sendViewModel.templateValidator,
|
|
||||||
)
|
|
||||||
: Offstage(),
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.only(top: isTemplate ? 20 : 0),
|
|
||||||
child: AddressTextField(
|
|
||||||
controller: _addressController,
|
|
||||||
// placeholder: S
|
|
||||||
// .of(context)
|
|
||||||
// .send_address(sendViewModel.cryptoCurrencyTitle),
|
|
||||||
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.paste,
|
|
||||||
AddressTextFieldOption.qrCode,
|
|
||||||
AddressTextFieldOption.addressBook
|
|
||||||
],
|
|
||||||
buttonColor:
|
|
||||||
Theme.of(context).primaryTextTheme.display1.color,
|
|
||||||
borderColor:
|
|
||||||
Theme.of(context).primaryTextTheme.headline.color,
|
|
||||||
textStyle: TextStyle(
|
|
||||||
fontSize: 14,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
color: Colors.white),
|
|
||||||
hintStyle: TextStyle(
|
|
||||||
fontSize: 14,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor),
|
|
||||||
validator: sendViewModel.addressValidator,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Observer(builder: (_) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.only(top: 20),
|
|
||||||
child: BaseTextFormField(
|
|
||||||
controller: _cryptoAmountController,
|
|
||||||
keyboardType: TextInputType.numberWithOptions(
|
|
||||||
signed: false, decimal: true),
|
|
||||||
inputFormatters: [
|
|
||||||
BlacklistingTextInputFormatter(
|
|
||||||
RegExp('[\\-|\\ |\\,]'))
|
|
||||||
],
|
|
||||||
prefixIcon: Padding(
|
|
||||||
padding: EdgeInsets.only(top: 9),
|
|
||||||
child:
|
|
||||||
Text(sendViewModel.currency.title + ':',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: Colors.white,
|
|
||||||
)),
|
|
||||||
),
|
|
||||||
suffixIcon: isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: Container(
|
|
||||||
height: 32,
|
|
||||||
width: 32,
|
|
||||||
margin: EdgeInsets.only(
|
|
||||||
left: 14, top: 4, bottom: 10),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.display1
|
|
||||||
.color,
|
|
||||||
borderRadius: BorderRadius.all(
|
|
||||||
Radius.circular(6))),
|
|
||||||
child: InkWell(
|
|
||||||
onTap: () =>
|
|
||||||
sendViewModel.setSendAll(),
|
|
||||||
child: Center(
|
|
||||||
child: Text(S.of(context).all,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.display1
|
|
||||||
.decorationColor)),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
hintText: '0.0000',
|
|
||||||
borderColor: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.color,
|
|
||||||
textStyle: TextStyle(
|
|
||||||
fontSize: 14,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
color: Colors.white),
|
|
||||||
placeholderTextStyle: TextStyle(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
fontSize: 14),
|
|
||||||
validator: sendViewModel.amountValidator));
|
|
||||||
}),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: Observer(
|
|
||||||
builder: (_) => Padding(
|
|
||||||
padding: EdgeInsets.only(top: 10),
|
|
||||||
child: Row(
|
|
||||||
mainAxisSize: MainAxisSize.max,
|
|
||||||
mainAxisAlignment:
|
|
||||||
MainAxisAlignment.spaceBetween,
|
|
||||||
children: <Widget>[
|
|
||||||
Expanded(
|
|
||||||
child: Text(
|
|
||||||
S.of(context).available_balance + ':',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor),
|
|
||||||
)),
|
|
||||||
Text(
|
|
||||||
sendViewModel.balance,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(top: 20),
|
|
||||||
child: BaseTextFormField(
|
|
||||||
controller: _fiatAmountController,
|
|
||||||
keyboardType: TextInputType.numberWithOptions(
|
|
||||||
signed: false, decimal: true),
|
|
||||||
inputFormatters: [
|
|
||||||
BlacklistingTextInputFormatter(
|
|
||||||
RegExp('[\\-|\\ |\\,]'))
|
|
||||||
],
|
|
||||||
prefixIcon: Padding(
|
|
||||||
padding: EdgeInsets.only(top: 9),
|
|
||||||
child: Text(sendViewModel.fiat.title + ':',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: Colors.white,
|
|
||||||
)),
|
|
||||||
),
|
|
||||||
hintText: '0.00',
|
|
||||||
borderColor: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.color,
|
|
||||||
textStyle: TextStyle(
|
|
||||||
fontSize: 14,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
color: Colors.white),
|
|
||||||
placeholderTextStyle: TextStyle(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.headline
|
|
||||||
.decorationColor,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
fontSize: 14),
|
|
||||||
)),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: Observer(
|
|
||||||
builder: (_) => GestureDetector(
|
|
||||||
onTap: () =>
|
|
||||||
_setTransactionPriority(context),
|
|
||||||
child: Container(
|
|
||||||
padding: EdgeInsets.only(top: 24),
|
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment:
|
|
||||||
MainAxisAlignment.spaceBetween,
|
|
||||||
children: <Widget>[
|
|
||||||
Text(S.of(context).send_estimated_fee,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
//color: Theme.of(context).primaryTextTheme.display2.color,
|
|
||||||
color: Colors.white)),
|
|
||||||
Container(
|
|
||||||
child: Row(
|
|
||||||
children: <Widget>[
|
|
||||||
Text(
|
|
||||||
sendViewModel.estimatedFee
|
|
||||||
.toString() +
|
|
||||||
' ' +
|
|
||||||
sendViewModel
|
|
||||||
.currency.title,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontWeight:
|
|
||||||
FontWeight.w600,
|
|
||||||
//color: Theme.of(context).primaryTextTheme.display2.color,
|
|
||||||
color: Colors.white)),
|
|
||||||
Padding(
|
|
||||||
padding:
|
|
||||||
EdgeInsets.only(left: 5),
|
|
||||||
child: Icon(
|
|
||||||
Icons.arrow_forward_ios,
|
|
||||||
size: 12,
|
|
||||||
color: Colors.white,
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)
|
|
||||||
]),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: Padding(
|
|
||||||
padding: EdgeInsets.only(top: 30, 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),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
isTemplate
|
|
||||||
? Offstage()
|
|
||||||
: 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: () {
|
|
||||||
// _addressController.text = template.address;
|
|
||||||
// _cryptoAmountController.text = template.amount;
|
|
||||||
// getOpenaliasRecord(context);
|
|
||||||
// },
|
|
||||||
// onRemove: () {
|
|
||||||
// showDialog<void>(
|
|
||||||
// context: context,
|
|
||||||
// builder: (dialogContext) {
|
|
||||||
// return AlertWithTwoActions(
|
|
||||||
// alertTitle: S.of(context).template,
|
|
||||||
// alertContent: S.of(context).confirm_delete_template,
|
|
||||||
// leftButtonText: S.of(context).delete,
|
|
||||||
// rightButtonText: S.of(context).cancel,
|
|
||||||
// actionLeftButton: () {
|
|
||||||
// Navigator.of(dialogContext).pop();
|
|
||||||
// sendViewModel.sendTemplateStore.remove(template: template);
|
|
||||||
// sendViewModel.sendTemplateStore.update();
|
|
||||||
// },
|
|
||||||
// actionRightButton: () => Navigator.of(dialogContext).pop()
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// },
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// )
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
|
||||||
bottomSection: isTemplate
|
|
||||||
? PrimaryButton(
|
|
||||||
onPressed: () {
|
|
||||||
if (_formKey.currentState.validate()) {
|
|
||||||
// sendViewModel.sendTemplateStore.addTemplate(
|
|
||||||
// name: _nameController.text,
|
|
||||||
// address: _addressController.text,
|
|
||||||
// cryptoCurrency: sendViewModel.currency.title,
|
|
||||||
// amount: _cryptoAmountController.text);
|
|
||||||
// sendViewModel.sendTemplateStore.update();
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
text: S.of(context).save,
|
|
||||||
color: Colors.green,
|
|
||||||
textColor: Colors.white)
|
|
||||||
: Observer(builder: (_) {
|
|
||||||
return LoadingPrimaryButton(
|
|
||||||
onPressed: () {
|
|
||||||
if (_formKey.currentState.validate()) {
|
|
||||||
print('SENT!!!');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
text: S.of(context).send,
|
|
||||||
color: Palette.blueCraiola,
|
|
||||||
textColor: Colors.white,
|
|
||||||
isLoading: sendViewModel.state is TransactionIsCreating ||
|
|
||||||
sendViewModel.state is TransactionCommitting,
|
|
||||||
isDisabled:
|
|
||||||
false // FIXME !(syncStore.status is SyncedSyncStatus),
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
void _setEffects(BuildContext context) {
|
|
||||||
if (_effectsInstalled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
reaction((_) => sendViewModel.sendAll, (bool all) {
|
|
||||||
if (all) {
|
|
||||||
_cryptoAmountController.text = S.current.all;
|
|
||||||
_fiatAmountController.text = null;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => sendViewModel.fiatAmount, (String amount) {
|
|
||||||
if (amount != _fiatAmountController.text) {
|
|
||||||
_fiatAmountController.text = amount;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => sendViewModel.cryptoAmount, (String amount) {
|
|
||||||
if (sendViewModel.sendAll && amount != S.current.all) {
|
|
||||||
sendViewModel.sendAll = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (amount != _cryptoAmountController.text) {
|
|
||||||
_cryptoAmountController.text = amount;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => sendViewModel.address, (String address) {
|
|
||||||
if (address != _addressController.text) {
|
|
||||||
_addressController.text = address;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
_addressController.addListener(() {
|
|
||||||
final address = _addressController.text;
|
|
||||||
|
|
||||||
if (sendViewModel.address != address) {
|
|
||||||
sendViewModel.address = address;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
reaction((_) => 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:
|
|
||||||
sendViewModel.pendingTransaction.amountFormatted,
|
|
||||||
fee: S.of(context).send_fee,
|
|
||||||
feeValue: sendViewModel.pendingTransaction.feeFormatted,
|
|
||||||
leftButtonText: S.of(context).ok,
|
|
||||||
rightButtonText: S.of(context).cancel,
|
|
||||||
actionLeftButton: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
sendViewModel.commitTransaction();
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (BuildContext context) {
|
|
||||||
return Observer(builder: (_) {
|
|
||||||
final state = sendViewModel.state;
|
|
||||||
|
|
||||||
if (state is TransactionCommitted) {
|
|
||||||
return Stack(
|
|
||||||
children: <Widget>[
|
|
||||||
Container(
|
|
||||||
color: Theme.of(context).backgroundColor,
|
|
||||||
child: Center(
|
|
||||||
child: Image.asset(
|
|
||||||
'assets/images/birthday_cake.png'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Center(
|
|
||||||
child: Padding(
|
|
||||||
padding: EdgeInsets.only(
|
|
||||||
top: 220, left: 24, right: 24),
|
|
||||||
child: Text(
|
|
||||||
S.of(context).send_success,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 22,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.title
|
|
||||||
.color,
|
|
||||||
decoration: TextDecoration.none,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Positioned(
|
|
||||||
left: 24,
|
|
||||||
right: 24,
|
|
||||||
bottom: 24,
|
|
||||||
child: PrimaryButton(
|
|
||||||
onPressed: () =>
|
|
||||||
Navigator.of(context).pop(),
|
|
||||||
text: S.of(context).send_got_it,
|
|
||||||
color: Colors.blue,
|
|
||||||
textColor: Colors.white))
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return Stack(
|
|
||||||
children: <Widget>[
|
|
||||||
Container(
|
|
||||||
color: Theme.of(context).backgroundColor,
|
|
||||||
child: Center(
|
|
||||||
child: Image.asset(
|
|
||||||
'assets/images/birthday_cake.png'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
BackdropFilter(
|
|
||||||
filter: ImageFilter.blur(
|
|
||||||
sigmaX: 3.0, sigmaY: 3.0),
|
|
||||||
child: Container(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.backgroundColor
|
|
||||||
.withOpacity(0.25)),
|
|
||||||
child: Center(
|
|
||||||
child: Padding(
|
|
||||||
padding: EdgeInsets.only(top: 220),
|
|
||||||
child: Text(
|
|
||||||
S.of(context).send_sending,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 22,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: Theme.of(context)
|
|
||||||
.primaryTextTheme
|
|
||||||
.title
|
|
||||||
.color,
|
|
||||||
decoration: TextDecoration.none,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
actionRightButton: () => Navigator.of(context).pop());
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state is TransactionCommitted) {
|
|
||||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
||||||
_addressController.text = '';
|
|
||||||
_cryptoAmountController.text = '';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
_effectsInstalled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> getOpenaliasRecord(BuildContext context) async {
|
|
||||||
// final isOpenalias =
|
|
||||||
// await sendViewModel.isOpenaliasRecord(_addressController.text);
|
|
||||||
|
|
||||||
// if (isOpenalias) {
|
|
||||||
// _addressController.text = sendViewModel.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(sendViewModel.recordName),
|
|
||||||
// buttonText: S.of(context).ok,
|
|
||||||
// buttonAction: () => Navigator.of(context).pop());
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _setTransactionPriority(BuildContext context) async {
|
|
||||||
final items = TransactionPriority.all;
|
|
||||||
final selectedItem = items.indexOf(sendViewModel.transactionPriority);
|
|
||||||
|
|
||||||
await showDialog<void>(
|
|
||||||
builder: (_) => Picker(
|
|
||||||
items: items,
|
|
||||||
selectedAtIndex: selectedItem,
|
|
||||||
title: S.of(context).please_select,
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
onItemSelected: (TransactionPriority priority) => null,
|
|
||||||
// sendViewModel.setTransactionPriority(priority),
|
|
||||||
isAlwaysShowScrollThumb: true,
|
|
||||||
),
|
|
||||||
context: context);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
class TopPanel extends StatefulWidget {
|
|
||||||
TopPanel({
|
|
||||||
@required this.widget,
|
|
||||||
this.edgeInsets = const EdgeInsets.all(24),
|
|
||||||
this.color,
|
|
||||||
this.gradient
|
|
||||||
});
|
|
||||||
|
|
||||||
final Color color;
|
|
||||||
final Widget widget;
|
|
||||||
final EdgeInsets edgeInsets;
|
|
||||||
final Gradient gradient;
|
|
||||||
|
|
||||||
@override
|
|
||||||
TopPanelState createState() => TopPanelState(widget, edgeInsets, color, gradient);
|
|
||||||
}
|
|
||||||
|
|
||||||
class TopPanelState extends State<TopPanel> {
|
|
||||||
TopPanelState(this._widget, this._edgeInsets, this._color, this._gradient);
|
|
||||||
|
|
||||||
final Color _color;
|
|
||||||
final Widget _widget;
|
|
||||||
final EdgeInsets _edgeInsets;
|
|
||||||
final Gradient _gradient;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
width: double.infinity,
|
|
||||||
padding: _edgeInsets,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
borderRadius: BorderRadius.only(
|
|
||||||
bottomLeft: Radius.circular(24),
|
|
||||||
bottomRight: Radius.circular(24)
|
|
||||||
),
|
|
||||||
color: _color,
|
|
||||||
gradient: _gradient
|
|
||||||
),
|
|
||||||
child: _widget,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue