256 lines
9.7 KiB
Dart
256 lines
9.7 KiB
Dart
// ignore_for_file: avoid_print
|
||
|
||
import 'dart:async';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:gecko/models/chest_data.dart';
|
||
import 'package:gecko/providers/substrate_sdk.dart';
|
||
import 'package:gecko/providers/my_wallets.dart';
|
||
import 'package:gecko/models/wallet_data.dart';
|
||
import 'package:gecko/providers/wallet_options.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:gecko/screens/myWallets/cesium_wallet_options.dart';
|
||
import 'package:gecko/screens/myWallets/choose_chest.dart';
|
||
import 'package:gecko/screens/myWallets/choose_wallet.dart';
|
||
import 'package:gecko/screens/myWallets/wallets_home.dart';
|
||
import 'package:pin_code_fields/pin_code_fields.dart';
|
||
import 'package:provider/provider.dart';
|
||
import 'package:gecko/globals.dart';
|
||
|
||
// ignore: must_be_immutable
|
||
class UnlockingWallet extends StatelessWidget {
|
||
UnlockingWallet(
|
||
{Key? keyUnlockWallet, required this.wallet, required this.action})
|
||
: super(key: keyUnlockWallet);
|
||
WalletData? wallet;
|
||
String action;
|
||
|
||
// ignore: close_sinks
|
||
StreamController<ErrorAnimationType>? errorController;
|
||
final formKey = GlobalKey<FormState>();
|
||
Color? pinColor = const Color(0xffF9F9F1);
|
||
var walletPin = '';
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
|
||
WalletOptionsProvider _walletOptions =
|
||
Provider.of<WalletOptionsProvider>(context);
|
||
// final double statusBarHeight = MediaQuery.of(context).padding.top;
|
||
|
||
int _pinLenght;
|
||
ChestData currentChest = chestBox.get(configBox.get('currentChest'))!;
|
||
|
||
_pinLenght = _walletOptions.getPinLenght(wallet!.number);
|
||
errorController = StreamController<ErrorAnimationType>();
|
||
|
||
return Scaffold(
|
||
// backgroundColor: Colors.brown[600],
|
||
body: SafeArea(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: <Widget>[
|
||
Stack(children: <Widget>[
|
||
Positioned(
|
||
top: 10, //statusBarHeight + 10,
|
||
left: 15,
|
||
child: Builder(
|
||
builder: (context) => IconButton(
|
||
key: const Key('popButton'),
|
||
icon: const Icon(
|
||
Icons.arrow_back,
|
||
color: Colors.black,
|
||
size: 30,
|
||
),
|
||
onPressed: () => Navigator.pop(context),
|
||
),
|
||
),
|
||
),
|
||
Column(children: <Widget>[
|
||
SizedBox(height: isTall ? 100 : 20),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
currentChest.imageFile == null
|
||
? Image.asset(
|
||
'assets/chests/${currentChest.imageName}',
|
||
width: isTall ? 130 : 100,
|
||
)
|
||
: Image.file(
|
||
currentChest.imageFile!,
|
||
width: isTall ? 130 : 100,
|
||
),
|
||
const SizedBox(width: 5),
|
||
SizedBox(
|
||
width: 250,
|
||
child: Text(
|
||
currentChest.name!,
|
||
textAlign: TextAlign.center,
|
||
style: const TextStyle(
|
||
fontSize: 25,
|
||
color: Colors.black,
|
||
fontWeight: FontWeight.w700),
|
||
)),
|
||
]),
|
||
SizedBox(height: 30 * ratio),
|
||
const SizedBox(
|
||
width: 400,
|
||
child: Text(
|
||
'Pour déverrouiller votre coffre, composez votre code secret à l’abri des lézards indiscrets :',
|
||
style: TextStyle(
|
||
fontSize: 19,
|
||
color: Colors.black,
|
||
fontWeight: FontWeight.w400),
|
||
)),
|
||
SizedBox(height: 40 * ratio),
|
||
pinForm(context, _pinLenght, currentChest),
|
||
SizedBox(height: 3 * ratio),
|
||
InkWell(
|
||
key: const Key('chooseChest'),
|
||
onTap: () {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return ChooseChest(action: action);
|
||
}),
|
||
);
|
||
},
|
||
child: SizedBox(
|
||
width: 400,
|
||
height: 70,
|
||
child: Center(
|
||
child: Text(
|
||
'Changer de coffre',
|
||
style: TextStyle(
|
||
fontSize: 22,
|
||
color: orangeC,
|
||
fontWeight: FontWeight.w600),
|
||
),
|
||
),
|
||
)),
|
||
]),
|
||
]),
|
||
]),
|
||
));
|
||
}
|
||
|
||
Widget pinForm(context, _pinLenght, ChestData currentChest) {
|
||
// var _walletPin = '';
|
||
// ignore: close_sinks
|
||
StreamController<ErrorAnimationType> errorController =
|
||
StreamController<ErrorAnimationType>();
|
||
TextEditingController _enterPin = TextEditingController();
|
||
WalletOptionsProvider _walletOptions =
|
||
Provider.of<WalletOptionsProvider>(context);
|
||
MyWalletsProvider _myWalletProvider =
|
||
Provider.of<MyWalletsProvider>(context);
|
||
|
||
SubstrateSdk _sdk = Provider.of<SubstrateSdk>(context, listen: false);
|
||
|
||
FocusNode pinFocus = FocusNode();
|
||
|
||
return Form(
|
||
key: formKey,
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(vertical: 5 * ratio, horizontal: 30),
|
||
child: PinCodeTextField(
|
||
focusNode: pinFocus,
|
||
autoFocus: true,
|
||
appContext: context,
|
||
pastedTextStyle: TextStyle(
|
||
color: Colors.green.shade600,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
length: _pinLenght,
|
||
obscureText: true,
|
||
obscuringCharacter: '*',
|
||
animationType: AnimationType.fade,
|
||
validator: (v) {
|
||
if (v!.length < _pinLenght) {
|
||
return "Votre code PIN fait $_pinLenght caractères";
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
pinTheme: PinTheme(
|
||
activeColor: pinColor,
|
||
borderWidth: 4,
|
||
shape: PinCodeFieldShape.box,
|
||
borderRadius: BorderRadius.circular(5),
|
||
fieldHeight: 50 * ratio,
|
||
fieldWidth: 50,
|
||
activeFillColor: Colors.black,
|
||
),
|
||
cursorColor: Colors.black,
|
||
animationDuration: const Duration(milliseconds: 300),
|
||
textStyle: const TextStyle(fontSize: 20, height: 1.6),
|
||
backgroundColor: const Color(0xffF9F9F1),
|
||
enableActiveFill: false,
|
||
errorAnimationController: errorController,
|
||
controller: _enterPin,
|
||
keyboardType: TextInputType.text,
|
||
boxShadows: const [
|
||
BoxShadow(
|
||
offset: Offset(0, 1),
|
||
color: Colors.black12,
|
||
blurRadius: 10,
|
||
)
|
||
],
|
||
onCompleted: (_pin) async {
|
||
log.d("Completed");
|
||
_myWalletProvider.pinCode = _pin.toUpperCase();
|
||
|
||
final isValid = await _sdk.checkPassword(
|
||
currentChest.address!, _pin.toUpperCase());
|
||
|
||
if (!isValid) {
|
||
await Future.delayed(const Duration(milliseconds: 50));
|
||
errorController.add(ErrorAnimationType
|
||
.shake); // Triggering error shake animation
|
||
pinColor = Colors.red[600];
|
||
_myWalletProvider.pinCode = _myWalletProvider.mnemonic = '';
|
||
_walletOptions.reloadBuild();
|
||
pinFocus.requestFocus();
|
||
} else {
|
||
pinColor = Colors.green[400];
|
||
if (action == "mywallets") {
|
||
currentChest.isCesium!
|
||
? Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return CesiumWalletOptions(
|
||
cesiumWallet: currentChest);
|
||
}),
|
||
).then((value) => _myWalletProvider.mnemonic = '')
|
||
: Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return const WalletsHome();
|
||
}),
|
||
).then((value) => _myWalletProvider.cesiumSeed.clear());
|
||
} else if (action == "pay") {
|
||
if (currentChest.isCesium!) {
|
||
//TODO: implement substrate pay
|
||
// final resultPay = await _historyProvider.pay(context);
|
||
// final resultPay = await _sdk.pay(context);
|
||
// await paymentsResult(context, resultPay);
|
||
} else {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return ChooseWalletScreen();
|
||
}),
|
||
);
|
||
}
|
||
}
|
||
}
|
||
},
|
||
onChanged: (value) {
|
||
if (pinColor != const Color(0xFFA4B600)) {
|
||
pinColor = const Color(0xFFA4B600);
|
||
}
|
||
},
|
||
)),
|
||
);
|
||
}
|
||
}
|