mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2025-03-21 14:48:53 +00:00
make it work but needs enhancements
This commit is contained in:
parent
714233a86e
commit
d8b63e0f3d
1 changed files with 124 additions and 69 deletions
|
@ -1,4 +1,3 @@
|
||||||
import 'package:cake_wallet/palette.dart';
|
|
||||||
import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
|
import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
|
||||||
import 'package:cake_wallet/themes/extensions/pin_code_theme.dart';
|
import 'package:cake_wallet/themes/extensions/pin_code_theme.dart';
|
||||||
import 'package:cake_wallet/themes/theme_base.dart';
|
import 'package:cake_wallet/themes/theme_base.dart';
|
||||||
|
@ -18,9 +17,7 @@ import 'package:cake_wallet/view_model/wallet_seed_view_model.dart';
|
||||||
import 'package:cake_wallet/themes/extensions/transaction_trade_theme.dart';
|
import 'package:cake_wallet/themes/extensions/transaction_trade_theme.dart';
|
||||||
|
|
||||||
class WalletSeedPage extends BasePage {
|
class WalletSeedPage extends BasePage {
|
||||||
WalletSeedPage(this.walletSeedViewModel, {required this.isNewWalletCreated})
|
WalletSeedPage(this.walletSeedViewModel, {required this.isNewWalletCreated});
|
||||||
: seedController = TextEditingController(),
|
|
||||||
nameController = TextEditingController();
|
|
||||||
|
|
||||||
final imageLight = Image.asset('assets/images/crypto_lock_light.png');
|
final imageLight = Image.asset('assets/images/crypto_lock_light.png');
|
||||||
final imageDark = Image.asset('assets/images/crypto_lock.png');
|
final imageDark = Image.asset('assets/images/crypto_lock.png');
|
||||||
|
@ -85,27 +82,62 @@ class WalletSeedPage extends BasePage {
|
||||||
: Offstage();
|
: Offstage();
|
||||||
}
|
}
|
||||||
|
|
||||||
final TextEditingController nameController;
|
|
||||||
final TextEditingController seedController;
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget body(BuildContext context) {
|
Widget body(BuildContext context) {
|
||||||
final image = currentTheme.type == ThemeType.dark ? imageDark : imageLight;
|
final image = currentTheme.type == ThemeType.dark ? imageDark : imageLight;
|
||||||
|
|
||||||
TextFormField(
|
return WalletSeedPageBody(
|
||||||
autofillHints: [AutofillHints.newUsername],
|
walletSeedViewModel: walletSeedViewModel,
|
||||||
//initialValue: walletSeedViewModel.name,
|
image: image,
|
||||||
controller: nameController,
|
isNewWalletCreated: isNewWalletCreated,
|
||||||
);
|
);
|
||||||
TextFormField(
|
}
|
||||||
autofillHints: [AutofillHints.password],
|
}
|
||||||
//initialValue: walletSeedViewModel.seed,
|
|
||||||
controller: seedController
|
|
||||||
//walletSeedViewModel.seed,
|
|
||||||
|
|
||||||
);
|
class WalletSeedPageBody extends StatefulWidget {
|
||||||
|
const WalletSeedPageBody(
|
||||||
|
{Key? key,
|
||||||
|
required this.walletSeedViewModel,
|
||||||
|
required this.image,
|
||||||
|
required this.isNewWalletCreated})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
return WillPopScope(
|
final WalletSeedViewModel walletSeedViewModel;
|
||||||
|
final Image image;
|
||||||
|
final bool isNewWalletCreated;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<WalletSeedPageBody> createState() => _WalletSeedPageBodyState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WalletSeedPageBodyState extends State<WalletSeedPageBody> {
|
||||||
|
final FocusNode _seedNode = FocusNode();
|
||||||
|
|
||||||
|
final TextEditingController _nameFieldController = TextEditingController();
|
||||||
|
final TextEditingController _seedFieldController = TextEditingController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
_nameFieldController.text = widget.walletSeedViewModel.name;
|
||||||
|
|
||||||
|
WidgetsBinding.instance.addPostFrameCallback((_) async {
|
||||||
|
_seedNode.requestFocus();
|
||||||
|
|
||||||
|
await Future.delayed(Duration(milliseconds: 200));
|
||||||
|
_seedFieldController.text = widget.walletSeedViewModel.seed;
|
||||||
|
|
||||||
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||||
|
FocusScope.of(context).unfocus();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SingleChildScrollView(
|
||||||
|
child: WillPopScope(
|
||||||
onWillPop: () async => false,
|
onWillPop: () async => false,
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: EdgeInsets.all(24),
|
padding: EdgeInsets.all(24),
|
||||||
|
@ -116,18 +148,40 @@ class WalletSeedPage extends BasePage {
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
|
/// triggering credential managers API, requires the text to be in Text Fields
|
||||||
|
/// and since the Seeds and Name at this stage are already given
|
||||||
|
/// then we add them into hidden text fields so that it triggers the API
|
||||||
|
AutofillGroup(
|
||||||
|
child: Visibility(
|
||||||
|
visible: false,
|
||||||
|
maintainState: true,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
TextFormField(
|
||||||
|
controller: _nameFieldController,
|
||||||
|
autofillHints: const [AutofillHints.username],
|
||||||
|
keyboardType: TextInputType.none,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
TextFormField(
|
||||||
|
autofillHints: const [AutofillHints.password],
|
||||||
|
controller: _seedFieldController,
|
||||||
|
focusNode: _seedNode,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.3),
|
constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.3),
|
||||||
child: AspectRatio(aspectRatio: 1, child: image),
|
child: AspectRatio(aspectRatio: 1, child: widget.image),
|
||||||
),
|
),
|
||||||
Observer(builder: (_) {
|
Observer(builder: (_) {
|
||||||
return Column(
|
return Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
TextFormField(
|
Text(
|
||||||
//initialValue: walletSeedViewModel.name,
|
widget.walletSeedViewModel.name,
|
||||||
controller: nameController,
|
|
||||||
autofillHints: [AutofillHints.newUsername],
|
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 20,
|
fontSize: 20,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w600,
|
||||||
|
@ -135,10 +189,8 @@ class WalletSeedPage extends BasePage {
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.only(top: 20, left: 16, right: 16),
|
padding: EdgeInsets.only(top: 20, left: 16, right: 16),
|
||||||
child: TextFormField(
|
child: Text(
|
||||||
//initialValue: walletSeedViewModel.seed,
|
widget.walletSeedViewModel.seed,
|
||||||
controller: seedController,
|
|
||||||
autofillHints: [AutofillHints.password],
|
|
||||||
textAlign: TextAlign.center,
|
textAlign: TextAlign.center,
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
|
@ -152,18 +204,19 @@ class WalletSeedPage extends BasePage {
|
||||||
}),
|
}),
|
||||||
Column(
|
Column(
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
isNewWalletCreated
|
widget.isNewWalletCreated
|
||||||
? Padding(
|
? Padding(
|
||||||
padding: EdgeInsets.only(bottom: 43, left: 43, right: 43),
|
padding: EdgeInsets.only(bottom: 43, left: 43, right: 43),
|
||||||
child: Text(
|
child: Text(
|
||||||
S.of(context).seed_reminder,
|
S.of(context).seed_reminder,
|
||||||
textAlign: TextAlign.center,
|
textAlign: TextAlign.center,
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
fontWeight: FontWeight.normal,
|
fontWeight: FontWeight.normal,
|
||||||
color: Theme.of(context)
|
color: Theme.of(context)
|
||||||
.extension<TransactionTradeTheme>()!
|
.extension<TransactionTradeTheme>()!
|
||||||
.detailsTitlesColor),
|
.detailsTitlesColor,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
: Offstage(),
|
: Offstage(),
|
||||||
|
@ -171,56 +224,58 @@ class WalletSeedPage extends BasePage {
|
||||||
mainAxisSize: MainAxisSize.max,
|
mainAxisSize: MainAxisSize.max,
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
Flexible(
|
Flexible(
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: EdgeInsets.only(right: 8.0),
|
padding: EdgeInsets.only(right: 8.0),
|
||||||
child: PrimaryButton(
|
child: PrimaryButton(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
ShareUtil.share(
|
ShareUtil.share(
|
||||||
text: walletSeedViewModel.seed,
|
text: widget.walletSeedViewModel.seed,
|
||||||
context: context,
|
context: context,
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
text: S.of(context).save,
|
text: S.of(context).save,
|
||||||
color: Colors.green,
|
color: Colors.green,
|
||||||
textColor: Colors.white),
|
textColor: Colors.white,
|
||||||
)),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
Flexible(
|
Flexible(
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: EdgeInsets.only(left: 8.0),
|
padding: EdgeInsets.only(left: 8.0),
|
||||||
child: Builder(
|
child: Builder(
|
||||||
builder: (context) => PrimaryButton(
|
builder: (context) => PrimaryButton(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
ClipboardUtil.setSensitiveDataToClipboard(
|
ClipboardUtil.setSensitiveDataToClipboard(
|
||||||
ClipboardData(text: walletSeedViewModel.seed));
|
ClipboardData(text: widget.walletSeedViewModel.seed));
|
||||||
showBar<void>(context, S.of(context).copied_to_clipboard);
|
showBar<void>(context, S.of(context).copied_to_clipboard);
|
||||||
},
|
},
|
||||||
text: S.of(context).copy,
|
text: S.of(context).copy,
|
||||||
color:
|
color: Theme.of(context).extension<PinCodeTheme>()!.indicatorsColor,
|
||||||
Theme.of(context).extension<PinCodeTheme>()!.indicatorsColor,
|
textColor: Colors.white,
|
||||||
textColor: Colors.white)),
|
),
|
||||||
)),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
Flexible(
|
Flexible(
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: EdgeInsets.only(left: 8.0),
|
padding: EdgeInsets.only(right: 8.0),
|
||||||
child: Builder(
|
child: PrimaryButton(
|
||||||
builder: (context) => PrimaryButton(
|
onPressed: () => TextInput.finishAutofillContext(),
|
||||||
onPressed: () async {
|
text: "save 2",
|
||||||
nameController.text = walletSeedViewModel.name;
|
color: Colors.green,
|
||||||
seedController.text = walletSeedViewModel.seed;
|
textColor: Colors.white,
|
||||||
|
),
|
||||||
TextInput.finishAutofillContext();
|
),
|
||||||
},
|
)
|
||||||
text: "Save2",
|
|
||||||
color: Colors.blue,
|
|
||||||
textColor: Colors.white)),
|
|
||||||
))
|
|
||||||
],
|
],
|
||||||
)
|
),
|
||||||
],
|
],
|
||||||
)
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
));
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue