640 lines
23 KiB
Dart
640 lines
23 KiB
Dart
// ignore_for_file: use_build_context_synchronously
|
||
|
||
import 'package:bubble/bubble.dart';
|
||
import 'package:connectivity_plus/connectivity_plus.dart';
|
||
import 'package:easy_localization/easy_localization.dart';
|
||
import 'package:gecko/globals.dart';
|
||
import 'package:gecko/models/chest_data.dart';
|
||
import 'package:gecko/models/g1_wallets_list.dart';
|
||
import 'package:gecko/models/widgets_keys.dart';
|
||
import 'package:gecko/providers/chest_provider.dart';
|
||
import 'package:gecko/providers/duniter_indexer.dart';
|
||
import 'package:gecko/providers/home.dart';
|
||
import 'package:gecko/providers/substrate_sdk.dart';
|
||
import 'package:gecko/providers/wallets_profiles.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:gecko/providers/my_wallets.dart';
|
||
import 'package:gecko/models/wallet_data.dart';
|
||
import 'package:gecko/widgets/commons/animated_text.dart';
|
||
import 'package:gecko/widgets/commons/common_elements.dart';
|
||
import 'package:gecko/screens/myWallets/restore_chest.dart';
|
||
import 'package:gecko/screens/myWallets/unlocking_wallet.dart';
|
||
import 'package:gecko/screens/myWallets/wallets_home.dart';
|
||
import 'package:gecko/screens/onBoarding/1.dart';
|
||
import 'package:gecko/screens/search.dart';
|
||
import 'package:gecko/screens/settings.dart';
|
||
import 'package:hive_flutter/hive_flutter.dart';
|
||
|
||
import 'package:provider/provider.dart';
|
||
import 'package:gecko/screens/my_contacts.dart';
|
||
|
||
class HomeScreen extends StatefulWidget {
|
||
const HomeScreen({Key? key}) : super(key: key);
|
||
|
||
@override
|
||
State<HomeScreen> createState() => _HomeScreenState();
|
||
}
|
||
|
||
class _HomeScreenState extends State<HomeScreen> {
|
||
@override
|
||
void initState() {
|
||
WidgetsBinding.instance.addPostFrameCallback((_) async {
|
||
final homeProviderInit =
|
||
Provider.of<HomeProvider>(context, listen: false);
|
||
final sub = Provider.of<SubstrateSdk>(context, listen: false);
|
||
final duniterIndexer =
|
||
Provider.of<DuniterIndexer>(context, listen: false);
|
||
final myWalletProvider =
|
||
Provider.of<MyWalletsProvider>(context, listen: false);
|
||
|
||
final bool isWalletsExists = myWalletProvider.checkIfWalletExist();
|
||
|
||
// Check if versionData non compatible, drop everything
|
||
if (configBox.get('dataVersion') == null) {
|
||
configBox.put('dataVersion', dataVersion);
|
||
}
|
||
if (isWalletsExists && (configBox.get('dataVersion')) < dataVersion) {
|
||
if (!sub.sdkReady && !sub.sdkLoading) sub.initApi();
|
||
await infoPopup(context, "chestNotCompatibleMustReinstallGecko".tr());
|
||
await Hive.deleteBoxFromDisk('walletBox');
|
||
await Hive.deleteBoxFromDisk('chestBox');
|
||
chestBox = await Hive.openBox<ChestData>("chestBox");
|
||
await configBox.delete('defaultWallet');
|
||
if (!sub.sdkReady && !sub.sdkLoading) await sub.initApi();
|
||
await sub.deleteAllAccounts();
|
||
configBox.put('dataVersion', dataVersion);
|
||
myWalletProvider.reload();
|
||
} else {
|
||
if (!sub.sdkReady && !sub.sdkLoading) await sub.initApi();
|
||
}
|
||
|
||
if (sub.sdkReady && !sub.nodeConnected) {
|
||
walletBox = await Hive.openBox<WalletData>("walletBox");
|
||
await Hive.deleteBoxFromDisk('g1WalletsBox');
|
||
g1WalletsBox = await Hive.openBox<G1WalletsList>("g1WalletsBox");
|
||
contactsBox = await Hive.openBox<G1WalletsList>("contactsBox");
|
||
|
||
homeProviderInit.isWalletBoxInit = true;
|
||
myWalletProvider.reload();
|
||
|
||
duniterIndexer.getValidIndexerEndpoint();
|
||
|
||
await homeProviderInit.getValidEndpoints();
|
||
// await configBox.delete('isCacheChecked');
|
||
if (configBox.get('isCacheChecked') == null) {
|
||
configBox.put('isCacheChecked', false);
|
||
}
|
||
// log.d(await configBox.get('endpoint'));
|
||
|
||
// var connectivityResult =
|
||
// await (Connectivity().checkConnectivity());
|
||
|
||
// if (connectivityResult != ConnectivityResult.mobile &&
|
||
// connectivityResult != ConnectivityResult.wifi) {
|
||
// homeProvider.changeMessage(
|
||
// "notConnectedToInternet".tr(), 0);
|
||
// sub.nodeConnected = false;
|
||
// }
|
||
|
||
// Améliore ce code car il y a un bug: parfois l'app se croit hors ligne, alors que c'est faux, le téléphone est bien connecté à internet
|
||
// (GPT vscode extension fixed it for my...)
|
||
HomeProvider homeProvider =
|
||
Provider.of<HomeProvider>(context, listen: false);
|
||
Connectivity()
|
||
.onConnectivityChanged
|
||
.listen((ConnectivityResult result) async {
|
||
log.d('Network changed: $result');
|
||
if (result == ConnectivityResult.none) {
|
||
sub.nodeConnected = false;
|
||
await sub.sdk.api.setting.unsubscribeBestNumber();
|
||
homeProvider.changeMessage("notConnectedToInternet".tr(), 0);
|
||
sub.reload();
|
||
} else {
|
||
// Check if the phone is actually connected to the internet
|
||
var connectivityResult = await (Connectivity().checkConnectivity());
|
||
if (connectivityResult != ConnectivityResult.none) {
|
||
await sub.connectNode(context);
|
||
// Currency parameters
|
||
await sub.initCurrencyParameters();
|
||
// Indexer Blockchain start
|
||
getBlockStart();
|
||
}
|
||
}
|
||
});
|
||
// await sub.connectNode(ctx);
|
||
}
|
||
// _duniterIndexer.checkIndexerEndpointBackground();
|
||
});
|
||
super.initState();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
homeContext = context;
|
||
|
||
final myWalletProvider = Provider.of<MyWalletsProvider>(context);
|
||
Provider.of<ChestProvider>(context);
|
||
final bool isWalletsExists = myWalletProvider.checkIfWalletExist();
|
||
|
||
isTall = false;
|
||
ratio = 1;
|
||
if (MediaQuery.of(context).size.height >= 930) {
|
||
isTall = true;
|
||
ratio = 1.125;
|
||
}
|
||
return Scaffold(
|
||
resizeToAvoidBottomInset: false,
|
||
drawer: Drawer(
|
||
child: Column(
|
||
children: <Widget>[
|
||
Expanded(
|
||
child: ListView(padding: EdgeInsets.zero, children: <Widget>[
|
||
DrawerHeader(
|
||
decoration: const BoxDecoration(
|
||
color: orangeC,
|
||
),
|
||
child: Column(children: const <Widget>[
|
||
SizedBox(height: 0),
|
||
Image(
|
||
image: AssetImage('assets/icon/gecko_final.png'),
|
||
height: 130),
|
||
]),
|
||
),
|
||
ListTile(
|
||
key: keyParameters,
|
||
title: Text('parameters'.tr()),
|
||
onTap: () {
|
||
Navigator.pop(context);
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return SettingsScreen();
|
||
}),
|
||
);
|
||
},
|
||
),
|
||
if (isWalletsExists)
|
||
ListTile(
|
||
key: keyContacts,
|
||
title: Text('contactsManagement'.tr()),
|
||
onTap: () {
|
||
Navigator.pop(context);
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return const ContactsScreen();
|
||
}),
|
||
);
|
||
},
|
||
),
|
||
])),
|
||
Align(
|
||
alignment: FractionalOffset.bottomCenter,
|
||
child: Text('Ğecko v$appVersion')),
|
||
const SizedBox(height: 20)
|
||
],
|
||
),
|
||
),
|
||
backgroundColor: const Color(0xffF9F9F1),
|
||
body: isWalletsExists ? geckHome(context) : welcomeHome(context));
|
||
}
|
||
}
|
||
|
||
Widget geckHome(context) {
|
||
final myWalletProvider = Provider.of<MyWalletsProvider>(context);
|
||
final homeProvider = Provider.of<HomeProvider>(context, listen: false);
|
||
Provider.of<ChestProvider>(context);
|
||
|
||
WalletsProfilesProvider historyProvider =
|
||
Provider.of<WalletsProfilesProvider>(context);
|
||
final statusBarHeight = MediaQuery.of(context).padding.top;
|
||
return Container(
|
||
decoration: const BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage("assets/home/background.jpg"),
|
||
fit: BoxFit.cover,
|
||
),
|
||
),
|
||
child:
|
||
Column(crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
|
||
Stack(children: <Widget>[
|
||
Positioned(
|
||
top: statusBarHeight + 10,
|
||
left: 15,
|
||
child: Builder(
|
||
builder: (context) => IconButton(
|
||
key: keyDrawerMenu,
|
||
icon: const Icon(
|
||
Icons.menu,
|
||
color: Colors.white,
|
||
size: 35,
|
||
),
|
||
onPressed: () => Scaffold.of(context).openDrawer(),
|
||
),
|
||
),
|
||
),
|
||
const Align(
|
||
child:
|
||
Image(image: AssetImage('assets/home/header.png'), height: 210),
|
||
),
|
||
]),
|
||
Padding(
|
||
padding: EdgeInsets.only(top: 15 * ratio),
|
||
child:
|
||
Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
|
||
DefaultTextStyle(
|
||
textAlign: TextAlign.center,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
fontWeight: FontWeight.w700,
|
||
shadows: <Shadow>[
|
||
Shadow(
|
||
offset: Offset(0, 0),
|
||
blurRadius: 20,
|
||
color: Colors.black,
|
||
),
|
||
Shadow(
|
||
offset: Offset(0, 0),
|
||
blurRadius: 20,
|
||
color: Colors.black,
|
||
),
|
||
],
|
||
),
|
||
child: Consumer<HomeProvider>(builder: (context, homeP, _) {
|
||
return AnimatedFadeOutIn<String>(
|
||
data: homeP.homeMessage,
|
||
duration: const Duration(milliseconds: 100),
|
||
builder: (value) => Text(value),
|
||
);
|
||
}),
|
||
),
|
||
]),
|
||
),
|
||
const SizedBox(height: 15),
|
||
Expanded(
|
||
flex: 1,
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [
|
||
Colors.transparent,
|
||
Colors.black.withOpacity(0.9),
|
||
],
|
||
),
|
||
),
|
||
child: Column(children: <Widget>[
|
||
const Spacer(),
|
||
Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
|
||
Column(children: <Widget>[
|
||
Container(
|
||
decoration: const BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: Colors.black,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
blurRadius: 2,
|
||
offset: Offset(1, 1.5),
|
||
spreadRadius: 0.5)
|
||
],
|
||
),
|
||
child: ClipOval(
|
||
child: Material(
|
||
color: orangeC, // button color
|
||
child: InkWell(
|
||
key: keyOpenSearch,
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(18),
|
||
child: Image(
|
||
image:
|
||
const AssetImage('assets/home/loupe.png'),
|
||
height: 62 * ratio),
|
||
),
|
||
onTap: () {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return const SearchScreen();
|
||
}),
|
||
);
|
||
}),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Text(
|
||
"searchWallet".tr(),
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15 * ratio,
|
||
fontWeight: FontWeight.w500),
|
||
)
|
||
]),
|
||
const SizedBox(width: 120),
|
||
Column(children: <Widget>[
|
||
Container(
|
||
decoration: const BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: Colors.black,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
blurRadius: 2,
|
||
offset: Offset(1, 1.5),
|
||
spreadRadius: 0.5)
|
||
],
|
||
),
|
||
child: ClipOval(
|
||
key: keyOpenWalletsHomme,
|
||
child: Material(
|
||
color: homeProvider.isWalletBoxInit
|
||
? orangeC
|
||
: Colors.grey[500], // button color
|
||
child: InkWell(
|
||
onTap: !homeProvider.isWalletBoxInit
|
||
? null
|
||
: () async {
|
||
WalletData? defaultWallet =
|
||
myWalletProvider.getDefaultWallet();
|
||
String? pin;
|
||
if (myWalletProvider.pinCode == '') {
|
||
pin = await Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (homeContext) {
|
||
return UnlockingWallet(
|
||
wallet: defaultWallet);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
if (pin != null ||
|
||
myWalletProvider.pinCode != '') {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) {
|
||
return const WalletsHome();
|
||
}),
|
||
);
|
||
}
|
||
// log.d(_myWalletProvider.pinCode);
|
||
|
||
// Navigator.pushNamed(
|
||
// context, '/mywallets')));
|
||
},
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(18),
|
||
child: Image(
|
||
image: const AssetImage(
|
||
'assets/home/wallet.png'),
|
||
height: 68 * ratio))),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Text(
|
||
"manageWallets".tr(),
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15 * ratio,
|
||
fontWeight: FontWeight.w500),
|
||
)
|
||
])
|
||
]),
|
||
Padding(
|
||
padding: EdgeInsets.only(top: 35 * ratio),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
Column(children: <Widget>[
|
||
Container(
|
||
decoration: const BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: Colors.black,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
blurRadius: 2,
|
||
offset: Offset(1, 1.5),
|
||
spreadRadius: 0.5)
|
||
],
|
||
),
|
||
child: ClipOval(
|
||
child: Material(
|
||
color: orangeC, // button color
|
||
child: InkWell(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(18),
|
||
child: Image(
|
||
image: const AssetImage(
|
||
'assets/home/qrcode.png'),
|
||
height: 68 * ratio)),
|
||
onTap: () async {
|
||
await historyProvider.scan(context);
|
||
}),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Text(
|
||
"scanQRCode".tr(),
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15 * ratio,
|
||
fontWeight: FontWeight.w500),
|
||
)
|
||
])
|
||
]),
|
||
),
|
||
SizedBox(height: isTall ? 80 : 40)
|
||
]),
|
||
),
|
||
)
|
||
]),
|
||
);
|
||
}
|
||
|
||
Widget welcomeHome(context) {
|
||
final statusBarHeight = MediaQuery.of(context).padding.top;
|
||
|
||
return Container(
|
||
decoration: const BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage("assets/home/background.jpg"),
|
||
fit: BoxFit.cover,
|
||
),
|
||
),
|
||
child:
|
||
Column(crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
|
||
Stack(children: <Widget>[
|
||
Positioned(
|
||
top: statusBarHeight + 10,
|
||
left: 15,
|
||
child: Builder(
|
||
builder: (context) => IconButton(
|
||
key: keyDrawerMenu,
|
||
icon: const Icon(
|
||
Icons.menu,
|
||
color: Colors.white,
|
||
size: 35,
|
||
),
|
||
onPressed: () => Scaffold.of(context).openDrawer(),
|
||
),
|
||
),
|
||
),
|
||
const Align(
|
||
child:
|
||
Image(image: AssetImage('assets/home/header.png'), height: 210),
|
||
),
|
||
]),
|
||
Padding(
|
||
padding: EdgeInsets.only(top: 1 * ratio),
|
||
child:
|
||
Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
|
||
Text(
|
||
"fastAppDescription".tr(args: [currencyName]),
|
||
textAlign: TextAlign.center,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
fontWeight: FontWeight.w700,
|
||
shadows: <Shadow>[
|
||
Shadow(
|
||
offset: Offset(0, 0),
|
||
blurRadius: 20,
|
||
color: Colors.black,
|
||
),
|
||
Shadow(
|
||
offset: Offset(0, 0),
|
||
blurRadius: 20,
|
||
color: Colors.black,
|
||
),
|
||
],
|
||
),
|
||
)
|
||
]),
|
||
),
|
||
Expanded(
|
||
flex: 1,
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [
|
||
Colors.transparent,
|
||
Colors.black.withOpacity(0.9),
|
||
],
|
||
),
|
||
),
|
||
child: Center(
|
||
child: ConstrainedBox(
|
||
constraints: const BoxConstraints(maxWidth: 480),
|
||
child: Column(children: <Widget>[
|
||
const Spacer(),
|
||
Row(children: <Widget>[
|
||
Expanded(
|
||
child: Stack(children: <Widget>[
|
||
const Padding(
|
||
padding: EdgeInsets.only(top: 55),
|
||
child: Image(
|
||
image: AssetImage('assets/home/gecko-bienvenue.png'),
|
||
height: 220,
|
||
),
|
||
),
|
||
Positioned(
|
||
left: 180,
|
||
child: bubbleSpeak("noLizard".tr()),
|
||
),
|
||
const Positioned(
|
||
left: 200,
|
||
top: 60,
|
||
child: Image(
|
||
image: AssetImage('assets/home/bout_de_bulle.png'),
|
||
),
|
||
),
|
||
]),
|
||
),
|
||
]),
|
||
SizedBox(
|
||
width: 410,
|
||
height: 70,
|
||
child: ElevatedButton(
|
||
key: keyOnboardingNewChest,
|
||
style: ElevatedButton.styleFrom(
|
||
foregroundColor: Colors.white, elevation: 4,
|
||
backgroundColor: orangeC, // foreground
|
||
),
|
||
onPressed: () {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (context) {
|
||
return const OnboardingStepOne();
|
||
},
|
||
),
|
||
);
|
||
},
|
||
child: Text(
|
||
'createWallet'.tr(),
|
||
style: const TextStyle(
|
||
fontSize: 24, fontWeight: FontWeight.w600),
|
||
),
|
||
),
|
||
),
|
||
SizedBox(height: 25 * ratio),
|
||
SizedBox(
|
||
width: 410,
|
||
height: 70,
|
||
child: OutlinedButton(
|
||
key: keyRestoreChest,
|
||
style: OutlinedButton.styleFrom(
|
||
side: const BorderSide(width: 4, color: orangeC)),
|
||
onPressed: () {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (context) {
|
||
return const RestoreChest();
|
||
},
|
||
),
|
||
);
|
||
},
|
||
child: Text(
|
||
"restoreWallet".tr(),
|
||
style: const TextStyle(
|
||
fontSize: 24,
|
||
color: orangeC,
|
||
fontWeight: FontWeight.w600),
|
||
),
|
||
),
|
||
),
|
||
SizedBox(height: isTall ? 100 : 50)
|
||
]),
|
||
),
|
||
),
|
||
),
|
||
)
|
||
]),
|
||
);
|
||
}
|
||
|
||
Widget bubbleSpeak(String text, {double? long, Key? textKey}) {
|
||
return Bubble(
|
||
padding: long == null
|
||
? const BubbleEdges.all(20)
|
||
: BubbleEdges.symmetric(horizontal: long, vertical: 30),
|
||
elevation: 5,
|
||
color: backgroundColor,
|
||
child: Text(
|
||
text,
|
||
key: textKey,
|
||
style: const TextStyle(
|
||
color: Colors.black, fontSize: 21, fontWeight: FontWeight.w400),
|
||
),
|
||
);
|
||
}
|