make it work but needs enhancements

This commit is contained in:
OmarHatem 2024-04-21 18:02:16 +02:00
parent 714233a86e
commit d8b63e0f3d

View file

@ -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)),
))
], ],
) ),
], ],
) ),
], ],
), ),
), ),
)); ),
),
);
} }
} }