mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2024-11-01 09:57:46 +00:00
306 lines
13 KiB
Dart
306 lines
13 KiB
Dart
import 'package:cake_wallet/buy/buy_amount.dart';
|
|
import 'package:cake_wallet/buy/buy_provider.dart';
|
|
import 'package:cake_wallet/buy/moonpay/moonpay_buy_provider.dart';
|
|
import 'package:cake_wallet/entities/fiat_currency.dart';
|
|
import 'package:cake_wallet/src/widgets/picker.dart';
|
|
import 'package:cw_core/wallet_type.dart';
|
|
import 'package:cake_wallet/src/screens/buy/widgets/buy_list_item.dart';
|
|
import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
|
|
import 'package:cake_wallet/src/widgets/keyboard_done_button.dart';
|
|
import 'package:cake_wallet/utils/show_pop_up.dart';
|
|
import 'package:cake_wallet/view_model/buy/buy_view_model.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:keyboard_actions/keyboard_actions.dart';
|
|
import 'package:cake_wallet/routes.dart';
|
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
|
import 'package:cake_wallet/src/widgets/primary_button.dart';
|
|
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
|
|
import 'package:cake_wallet/generated/i18n.dart';
|
|
import 'package:cake_wallet/src/widgets/base_text_form_field.dart';
|
|
import 'package:cake_wallet/src/widgets/trail_button.dart';
|
|
import 'package:mobx/mobx.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
class PreOrderPage extends BasePage {
|
|
PreOrderPage({required this.buyViewModel})
|
|
: _amountFocus = FocusNode(),
|
|
_amountController = TextEditingController() {
|
|
_amountController.addListener(() {
|
|
final amount = _amountController.text;
|
|
|
|
if (amount != buyViewModel.buyAmountViewModel.amount) {
|
|
buyViewModel.buyAmountViewModel.amount = amount;
|
|
buyViewModel.selectedProvider = null;
|
|
}
|
|
});
|
|
|
|
reaction((_) => buyViewModel.buyAmountViewModel.amount, (String amount) {
|
|
if (_amountController.text != amount) {
|
|
_amountController.text = amount;
|
|
}
|
|
if (amount.isEmpty) {
|
|
buyViewModel.selectedProvider = null;
|
|
buyViewModel.isShowProviderButtons = false;
|
|
} else {
|
|
buyViewModel.isShowProviderButtons = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
static const _amountPattern = '^([0-9]+([.\,][0-9]{0,2})?|[.\,][0-9]{1,2})\$';
|
|
|
|
final BuyViewModel buyViewModel;
|
|
final FocusNode _amountFocus;
|
|
final TextEditingController _amountController;
|
|
|
|
@override
|
|
String get title => S.current.buy + ' ' + walletTypeToString(buyViewModel.wallet.type);
|
|
|
|
@override
|
|
Color get titleColor => Colors.white;
|
|
|
|
@override
|
|
bool get resizeToAvoidBottomInset => false;
|
|
|
|
@override
|
|
bool get extendBodyBehindAppBar => true;
|
|
|
|
@override
|
|
AppBarStyle get appBarStyle => AppBarStyle.transparent;
|
|
|
|
@override
|
|
Widget trailing(context) => TrailButton(
|
|
caption: S.of(context).clear,
|
|
onPressed: () => buyViewModel.reset());
|
|
|
|
@override
|
|
Widget body(BuildContext context) {
|
|
return KeyboardActions(
|
|
config: KeyboardActionsConfig(
|
|
keyboardActionsPlatform: KeyboardActionsPlatform.IOS,
|
|
keyboardBarColor: Theme.of(context).accentTextTheme.bodyText1!
|
|
.backgroundColor!,
|
|
nextFocus: false,
|
|
actions: [
|
|
KeyboardActionsItem(
|
|
focusNode: _amountFocus,
|
|
toolbarButtons: [(_) => KeyboardDoneButton()],
|
|
),
|
|
]),
|
|
child: Container(
|
|
height: 0,
|
|
color: Theme.of(context).backgroundColor,
|
|
child: ScrollableWithBottomSection(
|
|
contentPadding: EdgeInsets.only(bottom: 24),
|
|
content: Observer(builder: (_) => Column(
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(24),
|
|
bottomRight: Radius.circular(24)),
|
|
gradient: LinearGradient(colors: [
|
|
Theme.of(context).primaryTextTheme.subtitle1!.color!,
|
|
Theme.of(context)
|
|
.primaryTextTheme.subtitle1!
|
|
.decorationColor!,
|
|
], begin: Alignment.topLeft, end: Alignment.bottomRight),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.only(top: 100, bottom: 65),
|
|
child: Center(
|
|
child: Container(
|
|
width: 210,
|
|
child: BaseTextFormField(
|
|
focusNode: _amountFocus,
|
|
controller: _amountController,
|
|
keyboardType: TextInputType.numberWithOptions(signed: false, decimal: true),
|
|
inputFormatters: [FilteringTextInputFormatter.allow(RegExp(_amountPattern))],
|
|
prefixIcon: GestureDetector(
|
|
onTap: () {
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (_) => Picker(
|
|
hintText: S.current.search_currency,
|
|
items: FiatCurrency.currenciesAvailableToBuyWith,
|
|
selectedAtIndex:
|
|
FiatCurrency.currenciesAvailableToBuyWith.indexOf(buyViewModel.fiatCurrency),
|
|
onItemSelected: (FiatCurrency selectedCurrency) {
|
|
buyViewModel.buyAmountViewModel.fiatCurrency = selectedCurrency;
|
|
},
|
|
images: FiatCurrency.currenciesAvailableToBuyWith
|
|
.map((e) => Image.asset("assets/images/flags/${e.countryCode}.png"))
|
|
.toList(),
|
|
isGridView: true,
|
|
matchingCriteria: (FiatCurrency currency, String searchText) {
|
|
return currency.title.toLowerCase().contains(searchText) ||
|
|
currency.fullName.toLowerCase().contains(searchText);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
child: Padding(
|
|
padding: EdgeInsets.only(top: 2),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.keyboard_arrow_down, color: Colors.white),
|
|
Text(
|
|
buyViewModel.fiatCurrency.title + ': ',
|
|
style: TextStyle(
|
|
fontSize: 36,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
hintText: '0.00',
|
|
borderColor: Theme.of(context).primaryTextTheme.bodyText1!.decorationColor!,
|
|
borderWidth: 0.5,
|
|
textStyle: TextStyle(fontSize: 36, fontWeight: FontWeight.w500, color: Colors.white),
|
|
placeholderTextStyle: TextStyle(
|
|
color: Theme.of(context).primaryTextTheme.headline5!.decorationColor!,
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 36,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (buyViewModel.isShowProviderButtons) Padding(
|
|
padding: EdgeInsets.only(top: 38, bottom: 18),
|
|
child: Text(
|
|
S.of(context).buy_with + ':',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryTextTheme.headline6!.color!,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold
|
|
),
|
|
)
|
|
),
|
|
if (buyViewModel.isShowProviderButtons)
|
|
...buyViewModel.items.map(
|
|
(item) => Observer(builder: (_) =>
|
|
FutureBuilder<BuyAmount>(
|
|
future: item.buyAmount,
|
|
builder: (context, AsyncSnapshot<BuyAmount> snapshot) {
|
|
double sourceAmount;
|
|
double destAmount;
|
|
double achAmount;
|
|
int minAmount;
|
|
|
|
if (snapshot.hasData && snapshot.data != null) {
|
|
sourceAmount = snapshot.data!.sourceAmount;
|
|
destAmount = snapshot.data!.destAmount;
|
|
minAmount = snapshot.data!.minAmount;
|
|
achAmount = snapshot.data!.achSourceAmount ?? 0;
|
|
} else {
|
|
sourceAmount = 0.0;
|
|
destAmount = 0.0;
|
|
minAmount = 0;
|
|
achAmount = 0;
|
|
}
|
|
|
|
return Padding(
|
|
padding:
|
|
EdgeInsets.only(left: 15, top: 20, right: 15),
|
|
child: Observer(builder: (_) {
|
|
return BuyListItem(
|
|
selectedProvider:
|
|
buyViewModel.selectedProvider,
|
|
provider: item.provider,
|
|
sourceAmount: sourceAmount,
|
|
sourceCurrency: buyViewModel.fiatCurrency,
|
|
destAmount: destAmount,
|
|
destCurrency: buyViewModel.cryptoCurrency,
|
|
achSourceAmount: achAmount,
|
|
onTap: ((buyViewModel.doubleAmount != 0.0)
|
|
&& (snapshot.hasData)) ? () =>
|
|
onSelectBuyProvider(
|
|
context: context,
|
|
provider: item.provider,
|
|
sourceAmount: sourceAmount,
|
|
minAmount: minAmount
|
|
) : null
|
|
);
|
|
})
|
|
);
|
|
}
|
|
))
|
|
)
|
|
],
|
|
)),
|
|
bottomSectionPadding:
|
|
EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
|
bottomSection: Observer(builder: (_) {
|
|
return LoadingPrimaryButton(
|
|
onPressed: () => onPresentProvider(context: context),
|
|
text: buyViewModel.selectedProvider == null
|
|
? S.of(context).buy
|
|
: S.of(context).buy_with +
|
|
' ${buyViewModel.selectedProvider!.description.title}',
|
|
color: Theme.of(context).accentTextTheme.bodyText1!.color!,
|
|
textColor: Colors.white,
|
|
isLoading: buyViewModel.isRunning,
|
|
isDisabled: (buyViewModel.selectedProvider == null) ||
|
|
buyViewModel.isDisabled
|
|
);
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
void onSelectBuyProvider({required BuildContext context, required BuyProvider provider,
|
|
required double sourceAmount, required int minAmount}) {
|
|
|
|
if ((provider is MoonPayBuyProvider)&&
|
|
(buyViewModel.buyAmountViewModel.doubleAmount < minAmount)) {
|
|
showPopUp<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertWithOneAction(
|
|
alertTitle: 'MoonPay',
|
|
alertContent: S.of(context).moonpay_alert_text(
|
|
minAmount.toString(),
|
|
buyViewModel.fiatCurrency.toString()),
|
|
buttonText: S.of(context).ok,
|
|
buttonAction: () => Navigator.of(context).pop());
|
|
});
|
|
return;
|
|
}
|
|
buyViewModel.selectedProvider = provider;
|
|
sourceAmount > 0
|
|
? buyViewModel.isDisabled = false
|
|
: buyViewModel.isDisabled = true;
|
|
}
|
|
|
|
Future<void> onPresentProvider({required BuildContext context}) async {
|
|
if (buyViewModel.isRunning) {
|
|
return;
|
|
}
|
|
|
|
buyViewModel.isRunning = true;
|
|
final url = await buyViewModel.fetchUrl();
|
|
|
|
if (url.isNotEmpty) {
|
|
if (buyViewModel.selectedProvider is MoonPayBuyProvider) {
|
|
if (await canLaunch(url)) await launch(url);
|
|
} else {
|
|
await Navigator.of(context)
|
|
.pushNamed(Routes.buyWebView,
|
|
arguments: [url, buyViewModel]);
|
|
}
|
|
}
|
|
|
|
buyViewModel.reset();
|
|
buyViewModel.isRunning = false;
|
|
}
|
|
}
|