mobile_nebula/lib/components/IPAndPortField.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';
import 'package:mobile_nebula/components/SpecialTextField.dart';
import 'package:mobile_nebula/models/IPAndPort.dart';
import '../services/utils.dart';
import 'IPField.dart';

//TODO: Support initialValue
class IPAndPortField extends StatefulWidget {
  const IPAndPortField({
    super.key,
    this.ipOnly = false,
    this.ipHelp = "ip address",
    this.autoFocus = false,
    this.focusNode,
    this.nextFocusNode,
    required this.onChanged,
    this.textInputAction,
    this.noBorder = false,
    this.ipTextAlign,
    this.ipController,
    this.portController,
  });

  final String ipHelp;
  final bool ipOnly;
  final bool autoFocus;
  final FocusNode? focusNode;
  final FocusNode? nextFocusNode;
  final ValueChanged<IPAndPort> onChanged;
  final TextInputAction? textInputAction;
  final bool noBorder;
  final TextAlign? ipTextAlign;
  final TextEditingController? ipController;
  final TextEditingController? portController;

  @override
  _IPAndPortFieldState createState() => _IPAndPortFieldState();
}

//TODO: if the keyboard is open on the port field and you switch to dark mode, it crashes
//TODO: maybe add in a next/done step for numeric keyboards
//TODO: rig up focus node and next node
//TODO: rig up textInputAction
class _IPAndPortFieldState extends State<IPAndPortField> {
  final _portFocus = FocusNode();
  final _ipAndPort = IPAndPort();

  @override
  void initState() {
    //TODO: this won't track external controller changes appropriately
    _ipAndPort.ip = widget.ipController?.text ?? "";
    _ipAndPort.port = int.tryParse(widget.portController?.text ?? "");
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    var textStyle = CupertinoTheme.of(context).textTheme.textStyle;

    return Container(
      child: Row(
        children: <Widget>[
          Expanded(
            child: Padding(
              padding: EdgeInsets.fromLTRB(6, 6, 2, 6),
              child: IPField(
                help: widget.ipHelp,
                ipOnly: widget.ipOnly,
                nextFocusNode: _portFocus,
                textPadding: EdgeInsets.all(0),
                textInputAction: TextInputAction.next,
                focusNode: widget.focusNode,
                onChanged: (val) {
                  _ipAndPort.ip = val;
                  widget.onChanged(_ipAndPort);
                },
                textAlign: widget.ipTextAlign,
                controller: widget.ipController,
              ),
            ),
          ),
          Text(":"),
          Container(
            width: Utils.textSize("00000", textStyle).width + 12,
            padding: EdgeInsets.fromLTRB(2, 6, 6, 6),
            child: SpecialTextField(
              keyboardType: TextInputType.number,
              focusNode: _portFocus,
              nextFocusNode: widget.nextFocusNode,
              controller: widget.portController,
              onChanged: (val) {
                _ipAndPort.port = int.tryParse(val);
                widget.onChanged(_ipAndPort);
              },
              maxLength: 5,
              inputFormatters: [FilteringTextInputFormatter.digitsOnly],
              textInputAction: TextInputAction.done,
              placeholder: 'port',
            ),
          ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    _portFocus.dispose();
    super.dispose();
  }
}