424 lines
18 KiB
Dart
424 lines
18 KiB
Dart
import 'dart:io';
|
|
import 'dart:ui';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:gecko/globals.dart';
|
|
import 'package:gecko/models/chest_data.dart';
|
|
import 'package:gecko/models/chest_provider.dart';
|
|
import 'package:gecko/models/wallets_profiles.dart';
|
|
import 'package:gecko/models/my_wallets.dart';
|
|
import 'package:gecko/models/queries.dart';
|
|
import 'package:gecko/models/wallet_options.dart';
|
|
import 'package:gecko/screens/history.dart';
|
|
import 'package:gecko/screens/myWallets/change_pin.dart';
|
|
import 'package:graphql_flutter/graphql_flutter.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
int _nbrLinesName = 1;
|
|
bool _isNewNameValid = false;
|
|
|
|
class CesiumWalletOptions extends StatelessWidget {
|
|
const CesiumWalletOptions(
|
|
{Key key, Key keyMyWallets, @required this.cesiumWallet})
|
|
: super(key: key);
|
|
|
|
final ChestData cesiumWallet;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
|
|
WalletOptionsProvider _walletOptions =
|
|
Provider.of<WalletOptionsProvider>(context, listen: false);
|
|
ChestProvider _chestProvider =
|
|
Provider.of<ChestProvider>(context, listen: false);
|
|
WalletsProfilesProvider _historyProvider =
|
|
Provider.of<WalletsProfilesProvider>(context, listen: false);
|
|
MyWalletsProvider _myWalletProvider =
|
|
Provider.of<MyWalletsProvider>(context, listen: false);
|
|
|
|
final String shortPubkey =
|
|
_walletOptions.getShortPubkey(_walletOptions.pubkey.text);
|
|
|
|
if (_walletOptions.nameController.text == null ||
|
|
_isNewNameValid == false) {
|
|
_walletOptions.nameController.text = cesiumWallet.name;
|
|
} else {
|
|
cesiumWallet.name = _walletOptions.nameController.text;
|
|
}
|
|
|
|
_walletOptions.nameController.text.length >= 15
|
|
? _nbrLinesName = 2
|
|
: _nbrLinesName = 1;
|
|
if (_walletOptions.nameController.text.length >= 26 && isTall) {
|
|
_nbrLinesName = 3;
|
|
}
|
|
|
|
return WillPopScope(
|
|
onWillPop: () {
|
|
_walletOptions.isEditing = false;
|
|
_walletOptions.isBalanceBlur = true;
|
|
Navigator.popUntil(
|
|
context,
|
|
ModalRoute.withName('/'),
|
|
);
|
|
return Future<bool>.value(true);
|
|
},
|
|
child: Scaffold(
|
|
resizeToAvoidBottomInset: false,
|
|
appBar: AppBar(
|
|
toolbarHeight: 60 * ratio,
|
|
elevation: 0,
|
|
leading: IconButton(
|
|
icon: const Icon(Icons.arrow_back, color: Colors.black),
|
|
onPressed: () {
|
|
_walletOptions.isEditing = false;
|
|
_walletOptions.isBalanceBlur = true;
|
|
Navigator.popUntil(
|
|
context,
|
|
ModalRoute.withName('/'),
|
|
);
|
|
}),
|
|
title: SizedBox(
|
|
height: 22,
|
|
child: Consumer<WalletOptionsProvider>(
|
|
builder: (context, walletProvider, _) {
|
|
return Text(_walletOptions.nameController.text);
|
|
}),
|
|
),
|
|
),
|
|
body: Builder(
|
|
builder: (ctx) => SafeArea(
|
|
child: Column(children: <Widget>[
|
|
Consumer<WalletOptionsProvider>(
|
|
builder: (context, walletProvider, _) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
yellowC,
|
|
const Color(0xfffafafa),
|
|
],
|
|
)),
|
|
child: Row(children: <Widget>[
|
|
const SizedBox(width: 25),
|
|
InkWell(
|
|
onTap: () async {
|
|
File newAvatar = await _walletOptions.changeAvatar();
|
|
if (newAvatar != null) {
|
|
cesiumWallet.imageFile = newAvatar;
|
|
}
|
|
_walletOptions.reloadBuild();
|
|
},
|
|
child: cesiumWallet.imageFile == null
|
|
? Image.asset(
|
|
'assets/chests/${cesiumWallet.imageName}',
|
|
width: 110,
|
|
)
|
|
: Image.file(cesiumWallet.imageFile, width: 110),
|
|
),
|
|
InkWell(
|
|
onTap: () async {
|
|
File newAvatar = await _walletOptions.changeAvatar();
|
|
if (newAvatar != null) {
|
|
cesiumWallet.imageFile = newAvatar;
|
|
}
|
|
_walletOptions.reloadBuild();
|
|
},
|
|
child: Column(children: <Widget>[
|
|
Image.asset(
|
|
'assets/walletOptions/camera.png',
|
|
height: 40,
|
|
),
|
|
const SizedBox(height: 80)
|
|
])),
|
|
Column(children: <Widget>[
|
|
Row(children: <Widget>[
|
|
Column(children: <Widget>[
|
|
SizedBox(
|
|
width: 260,
|
|
child: TextField(
|
|
key: const Key('walletName'),
|
|
autofocus: false,
|
|
focusNode: _walletOptions.walletNameFocus,
|
|
enabled: _walletOptions.isEditing,
|
|
controller: _walletOptions.nameController,
|
|
maxLines: _nbrLinesName,
|
|
textAlign: TextAlign.center,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
enabledBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
contentPadding: EdgeInsets.all(15.0),
|
|
),
|
|
style: TextStyle(
|
|
fontSize: isTall ? 27 : 23,
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w400,
|
|
fontFamily: 'Monospace')),
|
|
),
|
|
SizedBox(height: isTall ? 5 : 0),
|
|
Query(
|
|
options: QueryOptions(
|
|
document: gql(getBalance),
|
|
variables: {
|
|
'pubkey': _walletOptions.pubkey.text,
|
|
},
|
|
// pollInterval: Duration(seconds: 1),
|
|
),
|
|
builder: (QueryResult result,
|
|
{VoidCallback refetch, FetchMore fetchMore}) {
|
|
if (result.hasException) {
|
|
return Text(result.exception.toString());
|
|
}
|
|
|
|
if (result.isLoading) {
|
|
return const Text('Loading');
|
|
}
|
|
|
|
// List repositories = result.data['viewer']['repositories']['nodes'];
|
|
String wBalanceUD;
|
|
if (result.data['balance'] == null) {
|
|
wBalanceUD = '0.0';
|
|
} else {
|
|
int wBalanceG1 =
|
|
result.data['balance']['amount'];
|
|
int currentUD =
|
|
result.data['currentUd']['amount'];
|
|
double wBalanceUDBrut =
|
|
wBalanceG1 / currentUD; // .toString();
|
|
wBalanceUD = double.parse(
|
|
(wBalanceUDBrut).toStringAsFixed(2))
|
|
.toString();
|
|
}
|
|
return Row(children: <Widget>[
|
|
ImageFiltered(
|
|
imageFilter: ImageFilter.blur(
|
|
sigmaX:
|
|
_walletOptions.isBalanceBlur ? 6 : 0,
|
|
sigmaY:
|
|
_walletOptions.isBalanceBlur ? 5 : 0),
|
|
child: Text(wBalanceUD,
|
|
style: TextStyle(
|
|
fontSize: isTall ? 20 : 18,
|
|
color: Colors.black)),
|
|
),
|
|
Text(' DU',
|
|
style: TextStyle(
|
|
fontSize: isTall ? 20 : 18,
|
|
color: Colors.black))
|
|
]);
|
|
|
|
// Text(
|
|
// '$wBalanceUD DU',
|
|
// style: TextStyle(
|
|
// fontSize: 20, color: Colors.black),
|
|
// );
|
|
},
|
|
),
|
|
const SizedBox(height: 5),
|
|
InkWell(
|
|
key: const Key('displayBalance'),
|
|
onTap: () {
|
|
_walletOptions.bluringBalance();
|
|
},
|
|
child: Image.asset(
|
|
_walletOptions.isBalanceBlur
|
|
? 'assets/walletOptions/icon_oeuil.png'
|
|
: 'assets/walletOptions/icon_oeuil_close.png',
|
|
height: 35,
|
|
),
|
|
),
|
|
]),
|
|
const SizedBox(width: 0),
|
|
Column(children: <Widget>[
|
|
InkWell(
|
|
key: const Key('renameWallet'),
|
|
onTap: () async {
|
|
_isNewNameValid = _walletOptions.editWalletName(
|
|
[cesiumWallet.key, 0],
|
|
isCesium: cesiumWallet.isCesium);
|
|
await Future.delayed(
|
|
const Duration(milliseconds: 30));
|
|
_walletOptions.walletNameFocus.requestFocus();
|
|
},
|
|
child: ClipRRect(
|
|
child: Image.asset(
|
|
_walletOptions.isEditing
|
|
? 'assets/walletOptions/android-checkmark.png'
|
|
: 'assets/walletOptions/edit.png',
|
|
width: 20,
|
|
height: 20),
|
|
)),
|
|
const SizedBox(
|
|
height: 60,
|
|
)
|
|
])
|
|
]),
|
|
]),
|
|
]),
|
|
);
|
|
}),
|
|
SizedBox(height: 4 * ratio),
|
|
FutureBuilder(
|
|
future:
|
|
_walletOptions.generateQRcode(_walletOptions.pubkey.text),
|
|
builder: (context, snapshot) {
|
|
return snapshot.data != null
|
|
? Image.memory(snapshot.data,
|
|
height: isTall ? 300 : 270)
|
|
: const Text('-', style: TextStyle(fontSize: 20));
|
|
}),
|
|
SizedBox(height: 15 * ratio),
|
|
GestureDetector(
|
|
key: const Key('copyPubkey'),
|
|
onTap: () {
|
|
Clipboard.setData(
|
|
ClipboardData(text: _walletOptions.pubkey.text));
|
|
_walletOptions.snackCopyKey(ctx);
|
|
},
|
|
child: SizedBox(
|
|
height: 50,
|
|
child: Row(children: <Widget>[
|
|
const SizedBox(width: 30),
|
|
Image.asset(
|
|
'assets/walletOptions/key.png',
|
|
height: 45,
|
|
),
|
|
const SizedBox(width: 20),
|
|
Text("${shortPubkey.split(':')[0]}:",
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.w800,
|
|
fontFamily: 'Monospace',
|
|
color: Colors.black)),
|
|
Text(shortPubkey.split(':')[1],
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.w800,
|
|
fontFamily: 'Monospace')),
|
|
const SizedBox(width: 15),
|
|
SizedBox(
|
|
height: 40,
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
elevation: 1,
|
|
primary: orangeC, // background
|
|
onPrimary: Colors.black, // foreground
|
|
),
|
|
onPressed: () {
|
|
Clipboard.setData(ClipboardData(
|
|
text: _walletOptions.pubkey.text));
|
|
_walletOptions.snackCopyKey(ctx);
|
|
},
|
|
child: Row(children: <Widget>[
|
|
Image.asset(
|
|
'assets/walletOptions/copy-white.png',
|
|
height: 25,
|
|
),
|
|
const SizedBox(width: 7),
|
|
Text('Copier',
|
|
style: TextStyle(
|
|
fontSize: 15, color: Colors.grey[50]))
|
|
]))),
|
|
]))),
|
|
SizedBox(height: 10 * ratio),
|
|
InkWell(
|
|
key: const Key('displayHistory'),
|
|
onTap: () {
|
|
if (_historyProvider.isPubkey(
|
|
context, _walletOptions.pubkey.text)) {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(builder: (context) {
|
|
return HistoryScreen(
|
|
pubkey: _walletOptions.pubkey.text);
|
|
}),
|
|
);
|
|
}
|
|
},
|
|
child: SizedBox(
|
|
height: 50,
|
|
child: Row(children: <Widget>[
|
|
const SizedBox(width: 30),
|
|
Image.asset(
|
|
'assets/walletOptions/clock.png',
|
|
height: 45,
|
|
),
|
|
const SizedBox(width: 22),
|
|
const Text('Historique des transactions',
|
|
style:
|
|
TextStyle(fontSize: 20, color: Colors.black)),
|
|
]))),
|
|
SizedBox(height: 7 * ratio),
|
|
InkWell(
|
|
key: const Key('changePin'),
|
|
onTap: () async {
|
|
// await _chestProvider.changePin(context, cesiumWallet);
|
|
String newPin = await Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) {
|
|
return ChangePinScreen(
|
|
walletName: cesiumWallet.name,
|
|
walletProvider: _myWalletProvider,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
|
|
if (newPin != null) _myWalletProvider.pinCode = newPin;
|
|
},
|
|
child: SizedBox(
|
|
height: 50,
|
|
child: Row(children: <Widget>[
|
|
const SizedBox(width: 31),
|
|
Image.asset(
|
|
'assets/chests/secret_code.png',
|
|
height: 24,
|
|
),
|
|
const SizedBox(width: 20),
|
|
const Text('Changer mon code secret',
|
|
style: TextStyle(fontSize: 20, color: Colors.black)),
|
|
]),
|
|
),
|
|
),
|
|
SizedBox(height: 7 * ratio),
|
|
InkWell(
|
|
key: const Key('deleteWallet'),
|
|
onTap: () async {
|
|
await _chestProvider.deleteChest(context, cesiumWallet);
|
|
},
|
|
child: SizedBox(
|
|
height: 50,
|
|
child: Row(children: <Widget>[
|
|
const SizedBox(width: 33),
|
|
Image.asset(
|
|
'assets/walletOptions/trash.png',
|
|
height: 45,
|
|
),
|
|
const SizedBox(width: 21),
|
|
const Text(
|
|
'Supprimer ce coffre',
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
color: Color(0xffD80000),
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|