mobile_nebula/lib/components/CIDRField.dart

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

//TODO: Support initialValue
class CIDRField extends StatefulWidget {
  const CIDRField({
    super.key,
    this.ipHelp = "ip address",
    this.autoFocus = false,
    this.focusNode,
    this.nextFocusNode,
    this.onChanged,
    this.textInputAction,
    this.ipController,
    this.bitsController,
  });

  final String ipHelp;
  final bool autoFocus;
  final FocusNode? focusNode;
  final FocusNode? nextFocusNode;
  final ValueChanged<CIDR>? onChanged;
  final TextInputAction? textInputAction;
  final TextEditingController? ipController;
  final TextEditingController? bitsController;

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

//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 _CIDRFieldState extends State<CIDRField> {
  final bitsFocus = FocusNode();
  final cidr = CIDR();

  @override
  void initState() {
    //TODO: this won't track external controller changes appropriately
    cidr.ip = widget.ipController?.text ?? "";
    cidr.bits = int.tryParse(widget.bitsController?.text ?? "") ?? 0;
    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: true,
                textPadding: EdgeInsets.all(0),
                textInputAction: TextInputAction.next,
                textAlign: TextAlign.end,
                focusNode: widget.focusNode,
                nextFocusNode: bitsFocus,
                onChanged: (val) {
                  if (widget.onChanged == null) {
                    return;
                  }

                  cidr.ip = val;
                  widget.onChanged!(cidr);
                },
                controller: widget.ipController,
              ),
            ),
          ),
          Text("/"),
          Container(
            width: Utils.textSize("bits", textStyle).width + 12,
            padding: EdgeInsets.fromLTRB(2, 6, 6, 6),
            child: SpecialTextField(
              keyboardType: TextInputType.number,
              focusNode: bitsFocus,
              nextFocusNode: widget.nextFocusNode,
              controller: widget.bitsController,
              onChanged: (val) {
                if (widget.onChanged == null) {
                  return;
                }

                cidr.bits = int.tryParse(val) ?? 0;
                widget.onChanged!(cidr);
              },
              maxLength: 2,
              inputFormatters: [FilteringTextInputFormatter.digitsOnly],
              textInputAction: widget.textInputAction ?? TextInputAction.done,
              placeholder: 'bits',
            ),
          ),
        ],
      ),
    );
  }

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