mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2025-01-11 05:04:35 +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_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/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/primary_button.dart';
|
||||
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
|
||||
import 'package:stackwallet/widgets/stack_text_field.dart';
|
||||
|
||||
import '../../../../utilities/assets.dart';
|
||||
import '../../../../widgets/custom_buttons/app_bar_icon_button.dart';
|
||||
import '../../../../widgets/stack_text_field.dart';
|
||||
class CreateAutoBackup extends StatefulWidget {
|
||||
const CreateAutoBackup({Key? key}) : super(key: key);
|
||||
|
||||
class CreateAutoBackup extends StatelessWidget {
|
||||
// const CreateAutoBackup({Key? key, required this.chooseFileLocation})
|
||||
// : super(key: key);
|
||||
@override
|
||||
State<StatefulWidget> createState() => _CreateAutoBackup();
|
||||
}
|
||||
|
||||
class _CreateAutoBackup extends State<CreateAutoBackup> {
|
||||
late final TextEditingController fileLocationController;
|
||||
late final TextEditingController passphraseController;
|
||||
late final TextEditingController passphraseRepeatController;
|
||||
|
||||
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
|
||||
void initState() {
|
||||
fileLocationController = TextEditingController();
|
||||
// passwordRepeatController = TextEditingController();
|
||||
passphraseController = TextEditingController();
|
||||
passphraseRepeatController = TextEditingController();
|
||||
|
||||
chooseFileLocation = FocusNode();
|
||||
// passwordRepeatFocusNode = FocusNode();
|
||||
passphraseFocusNode = FocusNode();
|
||||
passphraseRepeatFocusNode = FocusNode();
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
@ -32,18 +56,24 @@ class CreateAutoBackup extends StatelessWidget {
|
|||
@override
|
||||
void dispose() {
|
||||
fileLocationController.dispose();
|
||||
// passwordRepeatController.dispose();
|
||||
passphraseController.dispose();
|
||||
passphraseRepeatController.dispose();
|
||||
|
||||
chooseFileLocation.dispose();
|
||||
// passwordRepeatFocusNode.dispose();
|
||||
passphraseFocusNode.dispose();
|
||||
passphraseRepeatFocusNode.dispose();
|
||||
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
debugPrint("BUILD: $runtimeType ");
|
||||
|
||||
String? selectedItem = "Every 10 minutes";
|
||||
|
||||
return DesktopDialog(
|
||||
maxHeight: 600,
|
||||
maxHeight: 650,
|
||||
maxWidth: 600,
|
||||
child: Column(
|
||||
children: [
|
||||
|
@ -93,16 +123,226 @@ class CreateAutoBackup extends StatelessWidget {
|
|||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
TextField(
|
||||
key: const Key("backupChooseFileLocation"),
|
||||
style: STextStyles.desktopTextMedium(context).copyWith(
|
||||
height: 2,
|
||||
),
|
||||
enableSuggestions: false,
|
||||
autocorrect: false,
|
||||
decoration: standardInputDecoration(
|
||||
"Save to...", chooseFileLocation, context),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
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(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(32),
|
||||
|
@ -123,6 +363,7 @@ class CreateAutoBackup extends StatelessWidget {
|
|||
Expanded(
|
||||
child: PrimaryButton(
|
||||
label: "Enable Auto Backup",
|
||||
enabled: false,
|
||||
onPressed: () {},
|
||||
),
|
||||
)
|
||||
|
|
Loading…
Reference in a new issue