fis_lib_report/lib/pages/components/input_imageList.dart

import 'package:fis_lib_report/converts/margin_convert.dart';
import 'package:fis_lib_report/converts/pt_to_px_converter.dart';
import 'package:fis_lib_report/report/input_image_list.dart';
import 'package:fis_lib_report/report_info/input_image_list_info.dart';
import 'package:fis_lib_report/report_info/report_info.dart';
import 'package:fis_ui/index.dart';
import 'package:flutter/material.dart';
import 'package:fis_jsonrpc/rpc.dart';
import 'package:fis_components/index.dart';

class FInputImageList extends StatefulWidget implements FWidget {
  final InputImageList inputImageList;

  const FInputImageList(this.inputImageList, {Key? key}) : super(key: key);

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

class _FInputImageListState extends State<FInputImageList> {
  InputImageList? inputImageList;

  InputImageListInfo? _inputImageListInfo;
  Color _borderColor = Colors.grey;
  bool _isSelected = false;
  List<String> _images = [];
  double _height = 0.0;

  FWidget _child = FText(ReportInfo.instance.selectImageHint);

  @override
  initState() {
    _initDatas();
    super.initState();
  }

  @override
  FWidget build(BuildContext context) {
    _checkInputImageListInfo();
    return FSizedBox(
      width: PtToPxConverter.ptToPx(
          inputImageList!.imageWidth! * inputImageList!.column!),
      child: FMouseRegion(
        cursor: SystemMouseCursors.click,
        child: FGestureDetector(
          onTap: () {
            if (_isSelected) {
              setState(() {
                _borderColor = Colors.grey;
                _isSelected = false;
                _inputImageListInfo!.isSelected = false;
              });
            } else {
              setState(() {
                _borderColor = const Color.fromARGB(255, 64, 159, 248);
                _isSelected = true;
                _inputImageListInfo!.isSelected = true;
              });
            }
          },
          child: FContainer(
            padding: const EdgeInsets.symmetric(vertical: 3),
            height: _height,
            width: PtToPxConverter.ptToPx(
                inputImageList!.imageWidth! * inputImageList!.column!),
            alignment: Alignment.center,
            margin: MarginConvert.marginConvert(inputImageList!.margin),
            decoration: BoxDecoration(
                border: _isSelected
                    ? Border.all(
                        width: 0.5,
                        color: _borderColor,
                      )
                    : null,
                color: Colors.transparent),
            child: _child,
          ),
        ),
      ),
    );
  }

  @override
  void dispose() {
    _inputImageListInfo!.onSelect!.dispose();
    super.dispose();
  }

  FWidget _getChild() {
    if (_images.isNotEmpty) {
      final rowCount = (_images.length / inputImageList!.column!).ceil();
      _height = rowCount *
              (PtToPxConverter.ptToPx(inputImageList!.imageHeight! + 2)) +
          rowCount;
      return FGridView.builder(
        primary: true,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: inputImageList!.column!,
          crossAxisSpacing: 1,
          mainAxisSpacing: 1,
          childAspectRatio:
              inputImageList!.imageWidth! / inputImageList!.imageHeight!,
        ),
        itemCount: _images.length,
        itemBuilder: (BuildContext context, int index) {
          return ContentImage(
            fileDataType: RemedicalFileDataTypeEnum.Image,
            terminalImage: TerminalImage(
              coverImageUrl: _images[index],
              previewUrl: _images[index],
              imageUrl: _images[index],
            ),
            onChangeImage: () {
              _inputImageListInfo!.onSelect!.emit(this, _images[index]);
            },
          );
        },
      );
    } else {
      _height = PtToPxConverter.ptToPx(inputImageList!.imageHeight!) + 9;
    }

    return FText(ReportInfo.instance.selectImageHint);
  }

  void _addSelectImageListening() {
    try {
      _inputImageListInfo!.onSelectedChange.addListener((sender, e) {
        if (mounted) {
          setState(() {
            _images = e;
            _child = _getChild();
          });
        }
      });
    } catch (e) {
      print(e);
    }
  }

  void _addOnSelectedListening() {
    _inputImageListInfo!.onSelect!.dispose();
    _inputImageListInfo!.onSelect!.addListener((sender, e) {
      if (mounted) {
        setState(() {
          if (_images.contains(e)) {
            _images.remove(e);
            if (_inputImageListInfo!.selectedImages.contains(e)) {
              _inputImageListInfo!.selectedImages.remove(e);
            }
          } else {
            _images.add(e);
            if (!_inputImageListInfo!.selectedImages.contains(e)) {
              _inputImageListInfo!.selectedImages.add(e);
            }
          }
          _child = _getChild();
        });
      }
    });
  }

  void _initDatas() {
    inputImageList = widget.inputImageList;
    _height = PtToPxConverter.ptToPx(inputImageList!.imageHeight) + 6;
    final element = ReportInfo.instance.getBlockElement(inputImageList!);
    if (element != null) {
      _inputImageListInfo = element as InputImageListInfo;
      //  _addOnSelectedListening();
      _addSelectImageListening();
    }
  }

  void _checkInputImageListInfo() {
    if (_inputImageListInfo != null) {
      final imageInfo = ReportInfo.instance
          .getBlockElement(widget.inputImageList) as InputImageListInfo;
      if (imageInfo != _inputImageListInfo) {
        if (_inputImageListInfo != null) {
          _inputImageListInfo!.onSelectedChange.dispose();
        }
        _inputImageListInfo = imageInfo;
        _addSelectImageListening();

        _addOnSelectedListening();
        if (_images != _inputImageListInfo!.selectedImages) {
          _images = _inputImageListInfo!.selectedImages;
        }
        _isSelected = false;
        _child = _getChild();
      } else {
        _addOnSelectedListening();
        if (_images != _inputImageListInfo!.selectedImages) {
          setState(() {
            _images = _inputImageListInfo!.selectedImages;
            _child = _getChild();
          });
        }
      }
    }
  }
}