/* * This file is part of Stack Wallet. * * Copyright (c) 2023 Cypher Stack * All Rights Reserved. * The code is distributed under GPLv3 license, see LICENSE file for details. * Generated by Cypher Stack on 2023-05-26 * */ import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_svg/svg.dart'; import 'package:stackwallet/providers/global/wallets_provider.dart'; import 'package:stackwallet/providers/ui/check_box_state_provider.dart'; import 'package:stackwallet/services/mixins/fusion_wallet_interface.dart'; import 'package:stackwallet/themes/stack_colors.dart'; import 'package:stackwallet/utilities/assets.dart'; import 'package:stackwallet/utilities/constants.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/desktop/desktop_app_bar.dart'; import 'package:stackwallet/widgets/desktop/desktop_scaffold.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_text_field.dart'; class DesktopCashFusionView extends ConsumerStatefulWidget { const DesktopCashFusionView({ super.key, required this.walletId, }); static const String routeName = "/desktopCashFusionView"; final String walletId; @override ConsumerState createState() => _DesktopCashFusion(); } class _DesktopCashFusion extends ConsumerState { late final TextEditingController serverController; late final FocusNode serverFocusNode; late final TextEditingController portController; late final FocusNode portFocusNode; String _serverTerm = ""; String _portTerm = ""; bool _useSSL = false; bool _trusted = false; int? port; late bool enableSSLCheckbox; late final bool enableAuthFields; void _updateState() {} @override void initState() { serverController = TextEditingController(); portController = TextEditingController(); serverFocusNode = FocusNode(); portFocusNode = FocusNode(); enableSSLCheckbox = true; super.initState(); } @override void dispose() { serverController.dispose(); portController.dispose(); serverFocusNode.dispose(); portFocusNode.dispose(); super.dispose(); } @override Widget build(BuildContext context) { debugPrint("BUILD: $runtimeType"); return DesktopScaffold( appBar: DesktopAppBar( background: Theme.of(context).extension()!.popupBG, isCompactHeight: true, useSpacers: false, leading: Expanded( child: Padding( padding: const EdgeInsets.all(24.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ // const SizedBox( // width: 32, // ), AppBarIconButton( size: 32, color: Theme.of(context) .extension()! .textFieldDefaultBG, shadows: const [], icon: SvgPicture.asset( Assets.svg.arrowLeft, width: 18, height: 18, color: Theme.of(context) .extension()! .topNavIconPrimary, ), onPressed: Navigator.of(context).pop, ), const SizedBox( width: 15, ), SvgPicture.asset( Assets.svg.cashFusion, width: 32, height: 32, ), const SizedBox( width: 12, ), Text( "CashFusion", style: STextStyles.desktopH3(context), ), ], ), MouseRegion( cursor: SystemMouseCursors.click, child: GestureDetector( onTap: () {}, child: Row( children: [ SvgPicture.asset( Assets.svg.circleQuestion, color: Theme.of(context) .extension()! .radioButtonIconBorder, ), const SizedBox( width: 8, ), RichText( text: TextSpan( text: "What is CashFusion?", style: STextStyles.richLink(context).copyWith( fontSize: 16, ), ), ), ], ), ), ), ], ), ), ), ), body: Row( children: [ Padding( padding: const EdgeInsets.all(24), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox( width: 460, child: RoundedWhiteContainer( child: Row( children: [ Text( "CashFusion allows you to anonymize your BCH coins." "\nYou must be connected to the Tor network.", style: STextStyles.desktopTextExtraExtraSmall(context), ), ], ), ), ), const SizedBox( height: 24, ), SizedBox( width: 460, child: RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Server settings", style: STextStyles.desktopTextExtraExtraSmall(context), ), const SizedBox( height: 12, ), ClipRRect( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), child: TextField( autocorrect: false, enableSuggestions: false, controller: serverController, focusNode: serverFocusNode, onChanged: (value) { setState(() { _serverTerm = value; }); }, style: STextStyles.field(context), decoration: standardInputDecoration( "Server", serverFocusNode, context, desktopMed: true, ) // .copyWith(labelStyle: ), ), ), const SizedBox( height: 12, ), ClipRRect( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), child: TextField( autocorrect: false, enableSuggestions: false, controller: portController, focusNode: portFocusNode, onChanged: (value) { setState(() { _portTerm = value; }); }, style: STextStyles.field(context), decoration: standardInputDecoration( "Port", portFocusNode, context, desktopMed: true, ), ), ), const SizedBox( height: 12, ), GestureDetector( onTap: () { final value = ref.read(checkBoxStateProvider.state).state; ref.read(checkBoxStateProvider.state).state = !value; }, child: Container( color: Colors.transparent, child: Row( children: [ SizedBox( width: 20, height: 20, child: Checkbox( // fillColor: enableSSLCheckbox // ? null // : MaterialStateProperty.all( // Theme.of(context) // .extension()! // .checkboxBGDisabled), materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, value: ref .watch(checkBoxStateProvider.state) .state, onChanged: (newValue) { ref .watch(checkBoxStateProvider.state) .state = newValue!; }, ), ), const SizedBox( width: 12, ), Text( "Use SSL", style: STextStyles.itemSubtitle12(context), ), ], ), ), ), const SizedBox( height: 20, ), Text( "Rounds of fusion", style: STextStyles.desktopTextExtraExtraSmall(context), ), const SizedBox( height: 10, ), Stack( children: [ TextField( autocorrect: false, enableSuggestions: false, readOnly: true, textInputAction: TextInputAction.none, style: STextStyles.desktopTextFieldLabel(context) .copyWith( fontSize: 16, ), decoration: const InputDecoration( contentPadding: EdgeInsets.symmetric( vertical: 18, horizontal: 16, ), ), ), Padding( padding: const EdgeInsets.symmetric( horizontal: 12, ), child: RawMaterialButton( splashColor: Theme.of(context) .extension()! .highlight, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), onPressed: () {}, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Continuous", style: STextStyles.itemSubtitle12(context), ), SvgPicture.asset( Assets.svg.chevronDown, width: 8, height: 4, color: Theme.of(context) .extension()! .textSubtitle2, ), ], ), ), ), ], ), const SizedBox( height: 20, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Tor status", style: STextStyles.desktopTextExtraExtraSmall( context), ), Text( "Disconnect", style: STextStyles.richLink(context).copyWith( fontSize: 14, ), ), ], ), const SizedBox( height: 10, ), RoundedWhiteContainer( borderColor: Theme.of(context) .extension()! .shadow, child: const Row( children: [], ), ), const SizedBox( height: 20, ), PrimaryButton( label: "Start", onPressed: () async { await (ref .read(walletsChangeNotifierProvider) .getManager(widget.walletId) .wallet as FusionWalletInterface) .fuse(); }, ), ], ), ), ), ], ), ), ], ), ); } }