mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2025-03-21 22:58:49 +00:00
WIP: needs drop down menu
This commit is contained in:
parent
234794e4ca
commit
4039014083
1 changed files with 261 additions and 20 deletions
|
@ -1,30 +1,54 @@
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_svg/svg.dart';
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:stackwallet/utilities/assets.dart';
|
||||||
|
import 'package:stackwallet/utilities/constants.dart';
|
||||||
import 'package:stackwallet/utilities/text_styles.dart';
|
import 'package:stackwallet/utilities/text_styles.dart';
|
||||||
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
||||||
|
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
|
||||||
import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
|
import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
|
||||||
import 'package:stackwallet/widgets/desktop/primary_button.dart';
|
import 'package:stackwallet/widgets/desktop/primary_button.dart';
|
||||||
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
|
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
|
||||||
|
import 'package:stackwallet/widgets/stack_text_field.dart';
|
||||||
|
|
||||||
import '../../../../utilities/assets.dart';
|
class CreateAutoBackup extends StatefulWidget {
|
||||||
import '../../../../widgets/custom_buttons/app_bar_icon_button.dart';
|
const CreateAutoBackup({Key? key}) : super(key: key);
|
||||||
import '../../../../widgets/stack_text_field.dart';
|
|
||||||
|
|
||||||
class CreateAutoBackup extends StatelessWidget {
|
@override
|
||||||
// const CreateAutoBackup({Key? key, required this.chooseFileLocation})
|
State<StatefulWidget> createState() => _CreateAutoBackup();
|
||||||
// : super(key: key);
|
}
|
||||||
|
|
||||||
|
class _CreateAutoBackup extends State<CreateAutoBackup> {
|
||||||
late final TextEditingController fileLocationController;
|
late final TextEditingController fileLocationController;
|
||||||
|
late final TextEditingController passphraseController;
|
||||||
|
late final TextEditingController passphraseRepeatController;
|
||||||
|
|
||||||
late final FocusNode chooseFileLocation;
|
late final FocusNode chooseFileLocation;
|
||||||
|
late final FocusNode passphraseFocusNode;
|
||||||
|
late final FocusNode passphraseRepeatFocusNode;
|
||||||
|
|
||||||
|
bool shouldShowPasswordHint = true;
|
||||||
|
bool hidePassword = true;
|
||||||
|
|
||||||
|
bool get fieldsMatch =>
|
||||||
|
passphraseController.text == passphraseRepeatController.text;
|
||||||
|
|
||||||
|
List<DropdownMenuItem<String>> get dropdownItems {
|
||||||
|
List<DropdownMenuItem<String>> menuItems = [
|
||||||
|
DropdownMenuItem(
|
||||||
|
child: Text("Every 10 minutes"), value: "Every 10 minutes"),
|
||||||
|
];
|
||||||
|
return menuItems;
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
fileLocationController = TextEditingController();
|
fileLocationController = TextEditingController();
|
||||||
// passwordRepeatController = TextEditingController();
|
passphraseController = TextEditingController();
|
||||||
|
passphraseRepeatController = TextEditingController();
|
||||||
|
|
||||||
chooseFileLocation = FocusNode();
|
chooseFileLocation = FocusNode();
|
||||||
// passwordRepeatFocusNode = FocusNode();
|
passphraseFocusNode = FocusNode();
|
||||||
|
passphraseRepeatFocusNode = FocusNode();
|
||||||
|
|
||||||
super.initState();
|
super.initState();
|
||||||
}
|
}
|
||||||
|
@ -32,18 +56,24 @@ class CreateAutoBackup extends StatelessWidget {
|
||||||
@override
|
@override
|
||||||
void dispose() {
|
void dispose() {
|
||||||
fileLocationController.dispose();
|
fileLocationController.dispose();
|
||||||
// passwordRepeatController.dispose();
|
passphraseController.dispose();
|
||||||
|
passphraseRepeatController.dispose();
|
||||||
|
|
||||||
chooseFileLocation.dispose();
|
chooseFileLocation.dispose();
|
||||||
// passwordRepeatFocusNode.dispose();
|
passphraseFocusNode.dispose();
|
||||||
|
passphraseRepeatFocusNode.dispose();
|
||||||
|
|
||||||
super.dispose();
|
super.dispose();
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
debugPrint("BUILD: $runtimeType ");
|
||||||
|
|
||||||
|
String? selectedItem = "Every 10 minutes";
|
||||||
|
|
||||||
return DesktopDialog(
|
return DesktopDialog(
|
||||||
maxHeight: 600,
|
maxHeight: 650,
|
||||||
maxWidth: 600,
|
maxWidth: 600,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
|
@ -93,16 +123,226 @@ class CreateAutoBackup extends StatelessWidget {
|
||||||
textAlign: TextAlign.left,
|
textAlign: TextAlign.left,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
TextField(
|
SizedBox(
|
||||||
key: const Key("backupChooseFileLocation"),
|
height: 10,
|
||||||
style: STextStyles.desktopTextMedium(context).copyWith(
|
|
||||||
height: 2,
|
|
||||||
),
|
|
||||||
enableSuggestions: false,
|
|
||||||
autocorrect: false,
|
|
||||||
decoration: standardInputDecoration(
|
|
||||||
"Save to...", chooseFileLocation, context),
|
|
||||||
),
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 32,
|
||||||
|
right: 32,
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
Constants.size.circularBorderRadius,
|
||||||
|
),
|
||||||
|
child: TextField(
|
||||||
|
key: const Key("backupChooseFileLocation"),
|
||||||
|
focusNode: chooseFileLocation,
|
||||||
|
controller: fileLocationController,
|
||||||
|
style: STextStyles.desktopTextMedium(context).copyWith(
|
||||||
|
height: 2,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.left,
|
||||||
|
enableSuggestions: false,
|
||||||
|
autocorrect: false,
|
||||||
|
decoration: standardInputDecoration(
|
||||||
|
"Save to...",
|
||||||
|
chooseFileLocation,
|
||||||
|
context,
|
||||||
|
).copyWith(
|
||||||
|
labelStyle:
|
||||||
|
STextStyles.desktopTextExtraExtraSmall(context).copyWith(
|
||||||
|
color:
|
||||||
|
Theme.of(context).extension<StackColors>()!.textDark3,
|
||||||
|
),
|
||||||
|
suffixIcon: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.transparent,
|
||||||
|
borderRadius: BorderRadius.circular(1000),
|
||||||
|
),
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
child: Center(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.svg.folder,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.extension<StackColors>()!
|
||||||
|
.textDark3,
|
||||||
|
width: 20,
|
||||||
|
height: 17.5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
height: 24,
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
padding: EdgeInsets.only(left: 32),
|
||||||
|
child: Text(
|
||||||
|
"Create a passphrase",
|
||||||
|
style: STextStyles.desktopTextExtraSmall(context).copyWith(
|
||||||
|
color: Theme.of(context).extension<StackColors>()!.textDark3,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.left,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(
|
||||||
|
left: 32,
|
||||||
|
right: 32,
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
Constants.size.circularBorderRadius,
|
||||||
|
),
|
||||||
|
child: TextField(
|
||||||
|
key: const Key("createBackupPassphrase"),
|
||||||
|
focusNode: passphraseFocusNode,
|
||||||
|
controller: passphraseController,
|
||||||
|
style: STextStyles.desktopTextMedium(context).copyWith(
|
||||||
|
height: 2,
|
||||||
|
),
|
||||||
|
obscureText: hidePassword,
|
||||||
|
enableSuggestions: false,
|
||||||
|
autocorrect: false,
|
||||||
|
decoration: standardInputDecoration(
|
||||||
|
"Create passphrase",
|
||||||
|
passphraseFocusNode,
|
||||||
|
context,
|
||||||
|
).copyWith(
|
||||||
|
labelStyle:
|
||||||
|
STextStyles.desktopTextExtraExtraSmall(context).copyWith(
|
||||||
|
color:
|
||||||
|
Theme.of(context).extension<StackColors>()!.textDark3,
|
||||||
|
),
|
||||||
|
suffixIcon: UnconstrainedBox(
|
||||||
|
child: GestureDetector(
|
||||||
|
key: const Key(
|
||||||
|
"createDesktopAutoBackupShowPassphraseButton1"),
|
||||||
|
onTap: () async {
|
||||||
|
setState(() {
|
||||||
|
hidePassword = !hidePassword;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.transparent,
|
||||||
|
borderRadius: BorderRadius.circular(1000),
|
||||||
|
),
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
child: Center(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
hidePassword ? Assets.svg.eye : Assets.svg.eyeSlash,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.extension<StackColors>()!
|
||||||
|
.textDark3,
|
||||||
|
width: 20,
|
||||||
|
height: 17.5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 16,
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 32,
|
||||||
|
right: 32,
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
Constants.size.circularBorderRadius,
|
||||||
|
),
|
||||||
|
child: TextField(
|
||||||
|
key: const Key("createBackupPassphrase"),
|
||||||
|
focusNode: passphraseRepeatFocusNode,
|
||||||
|
controller: passphraseRepeatController,
|
||||||
|
style: STextStyles.desktopTextMedium(context).copyWith(
|
||||||
|
height: 2,
|
||||||
|
),
|
||||||
|
obscureText: hidePassword,
|
||||||
|
enableSuggestions: false,
|
||||||
|
autocorrect: false,
|
||||||
|
decoration: standardInputDecoration(
|
||||||
|
"Confirm passphrase",
|
||||||
|
passphraseRepeatFocusNode,
|
||||||
|
context,
|
||||||
|
).copyWith(
|
||||||
|
labelStyle:
|
||||||
|
STextStyles.desktopTextExtraExtraSmall(context).copyWith(
|
||||||
|
color:
|
||||||
|
Theme.of(context).extension<StackColors>()!.textDark3,
|
||||||
|
),
|
||||||
|
suffixIcon: UnconstrainedBox(
|
||||||
|
child: GestureDetector(
|
||||||
|
key: const Key(
|
||||||
|
"createDesktopAutoBackupShowPassphraseButton2"),
|
||||||
|
onTap: () async {
|
||||||
|
setState(() {
|
||||||
|
hidePassword = !hidePassword;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.transparent,
|
||||||
|
borderRadius: BorderRadius.circular(1000),
|
||||||
|
),
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
child: Center(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
hidePassword ? Assets.svg.eye : Assets.svg.eyeSlash,
|
||||||
|
color: Theme.of(context)
|
||||||
|
.extension<StackColors>()!
|
||||||
|
.textDark3,
|
||||||
|
width: 20,
|
||||||
|
height: 17.5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 24,
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
padding: const EdgeInsets.only(left: 32),
|
||||||
|
child: Text(
|
||||||
|
"Auto Backup frequency",
|
||||||
|
style: STextStyles.desktopTextExtraSmall(context).copyWith(
|
||||||
|
color: Theme.of(context).extension<StackColors>()!.textDark3,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.left,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
// DropdownButton(
|
||||||
|
// value: dropdownItems,
|
||||||
|
// items: dropdownItems,
|
||||||
|
// onChanged: null,
|
||||||
|
// ),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.all(32),
|
padding: const EdgeInsets.all(32),
|
||||||
|
@ -123,6 +363,7 @@ class CreateAutoBackup extends StatelessWidget {
|
||||||
Expanded(
|
Expanded(
|
||||||
child: PrimaryButton(
|
child: PrimaryButton(
|
||||||
label: "Enable Auto Backup",
|
label: "Enable Auto Backup",
|
||||||
|
enabled: false,
|
||||||
onPressed: () {},
|
onPressed: () {},
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in a new issue