time_progress_tracker/lib/ui/progress/progress_editor_widget.dart

import 'package:flutter/material.dart';
import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
import 'package:time_progress_tracker/models/time_progress.dart';
import 'package:time_progress_tracker/ui/buttons/date_picker_btn.dart';

class ProgressEditorWidget extends StatefulWidget {
  final TimeProgress timeProgress;
  final Function(TimeProgress, bool) onTimeProgressChanged;

  ProgressEditorWidget({
    required this.timeProgress,
    required this.onTimeProgressChanged,
  });

  @override
  State<StatefulWidget> createState() {
    return _ProgressEditorWidgetState();
  }
}

class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
  final _nameTextController = TextEditingController();
  bool _validName = true, _validDate = true;

  void _onNameChanged() {
    TimeProgress newProgress =
        widget.timeProgress.copyWith(name: _nameTextController.text);
    widget.onTimeProgressChanged(
        newProgress, TimeProgress.isValid(newProgress));
    setState(() {
      _validName = TimeProgress.isNameValid(newProgress.name);
    });
  }

  void _onStartDateChanged(DateTime newStartDate) {
    TimeProgress newProgress =
        widget.timeProgress.copyWith(startTime: newStartDate);
    widget.onTimeProgressChanged(
        newProgress, TimeProgress.isValid(newProgress));
    setState(() {
      _validDate =
          TimeProgress.areTimesValid(newStartDate, newProgress.endTime);
    });
  }

  void _onEndDateChanged(DateTime newEndDate) {
    TimeProgress newProgress =
        widget.timeProgress.copyWith(endTime: newEndDate);
    widget.onTimeProgressChanged(
        newProgress, TimeProgress.isValid(newProgress));
    setState(() {
      _validDate =
          TimeProgress.areTimesValid(newProgress.startTime, newEndDate);
    });
  }

  @override
  void initState() {
    _nameTextController.text = widget.timeProgress.name;
    _nameTextController.addListener(_onNameChanged);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    List<Widget> columnChildren = [
      Expanded(
        child: Center(
          child: PlatformTextField(
            controller: _nameTextController,
            material: (context, platform) => MaterialTextFieldData(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                labelText: "Progress Name",
                errorText: _validName
                    ? null
                    : "The Name need to have at least 3 and at max 20 symbols.",
              ),
            ),
            cupertino: (context, platform) => CupertinoTextFieldData(
              placeholder: "Progress Name",
              decoration: BoxDecoration(
                border: Border.all(width: 2, color: Colors.grey),
                borderRadius: BorderRadius.circular(32),
              )
            ),
          ),
        ),
      ),
      Expanded(
        child: Row(
          children: [
            Expanded(
              child: Padding(
                padding: EdgeInsets.only(right: 5),
                child: DatePickerBtn(
                  leadingString: "Start Date:",
                  pickedDate: widget.timeProgress.startTime,
                  onDatePicked: _onStartDateChanged,
                ),
              ),
            ),
            Expanded(
              child: Padding(
                padding: EdgeInsets.only(left: 5),
                child: DatePickerBtn(
                  leadingString: "End Date:",
                  pickedDate: widget.timeProgress.endTime,
                  onDatePicked: _onEndDateChanged,
                ),
              ),
            ),
          ],
        ),
      )
    ];

    if (!_validDate)
      columnChildren.add(
        Expanded(
          child: Center(
            child: Text(
              "Invalid Dates. The Start Date has to be before the End Date",
              style: TextStyle(color: Colors.red),
            ),
          ),
        ),
      );

    return Container(
      child: Column(
        children: columnChildren,
      ),
    );
  }
}