mobile-app/lib/presentation/screens/plot_detail/sc_plot_information.dart

import 'package:farm_tpf/custom_model/CropPlot.dart';
import 'package:farm_tpf/data/api/app_exception.dart';
import 'package:farm_tpf/data/repository/repository.dart';
import 'package:farm_tpf/presentation/custom_widgets/bloc/widget_row_plot_info.dart';
import 'package:farm_tpf/presentation/custom_widgets/button_widget.dart';
import 'package:farm_tpf/presentation/custom_widgets/loading_list_page.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_loading.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_utils.dart';
import 'package:farm_tpf/presentation/screens/plot_detail/bloc_plot_information.dart';
import 'package:farm_tpf/utils/const_color.dart';
import 'package:farm_tpf/utils/const_string.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:keyboard_dismisser/keyboard_dismisser.dart';
import 'package:farm_tpf/utils/formatter.dart';

class PlotInformationScreen extends StatefulWidget {
  final int cropId;
  PlotInformationScreen({@required this.cropId});
  @override
  _PlotInformationScreenState createState() => _PlotInformationScreenState();
}

class _PlotInformationScreenState extends State<PlotInformationScreen>
    with AutomaticKeepAliveClientMixin {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  GlobalKey<FormState> _formKey = GlobalKey();
  TextEditingController _descriptionController = TextEditingController();

  bool _autoValidate = false;
  CropPlot cropPlot = CropPlot();
  TbCropDTO _crop = TbCropDTO();
  final controller = Get.put(DescriptionChangeControler());
  Repository _repository = Repository();
  String statusCrop = plot_status_unknown;
  String technicians = '--';

  @override
  void initState() {
    super.initState();
    getPlotInfoBloc.getPlotInfo(widget.cropId, (data) {
      var result = data as CropPlot;
      cropPlot = result;
      _crop = result.tbCropDTO;
      switch (_crop.status) {
        case "STATUS_ARE_ACTIVE":
          statusCrop = plot_status_active;
          break;
        case "STATUS_FINISHED":
          statusCrop = plot_status_end;
          break;
        default:
          statusCrop = plot_status_unknown;
      }
      _descriptionController.text =
          _crop.description == null ? "" : _crop.description.toString();
    }, (err) {});
  }

  _validateInputs() async {
    if (_formKey.currentState.validate()) {
      _formKey.currentState.save();
      LoadingDialog.showLoadingDialog(context);
      _repository.updatePlot(_crop).then((value) {
        LoadingDialog.hideLoadingDialog(context);
        Utils.showSnackBarSuccess(message: label_update_success);
        controller.initValue();
      }).catchError((error) {
        LoadingDialog.hideLoadingDialog(context);
        Utils.showSnackBarError(message: AppException.handleError(error));
      });
    } else {
      _autoValidate = true;
    }
  }

  Widget _descriptionField() {
    return Container(
      padding: EdgeInsets.all(8),
      color: Colors.yellow[100],
      child: TextFormField(
        keyboardType: TextInputType.text,
        controller: _descriptionController,
        decoration: InputDecoration(
            labelText: "Ghi chú",
            hintText: 'Ghi chú',
            enabledBorder: UnderlineInputBorder(
                borderSide: BorderSide(color: Colors.grey, width: 0.35))),
        onSaved: (newValue) {
          _crop.description = newValue;
        },
        onChanged: (newValue) {
          controller.changeValue(_crop.description, newValue);
        },
      ),
    );
  }

  _actionAppBar() {
    return <Widget>[
      GetBuilder<DescriptionChangeControler>(
        builder: (_) {
          return IconButton(
            icon: Icon(
              Icons.done,
            ),
            disabledColor: Colors.grey,
            onPressed: controller.isChanged == false
                ? null
                : () {
                    FocusScopeNode currentFocus = FocusScope.of(context);
                    if (!currentFocus.hasPrimaryFocus) {
                      currentFocus.unfocus();
                    }
                    _validateInputs();
                  },
          );
        },
      )
    ];
  }

  @override
  Widget build(BuildContext context) => KeyboardDismisser(
          gestures: [
            GestureType.onTap,
            GestureType.onPanUpdateDownDirection,
          ],
          child: Container(
              color: AppColors.ITEM_BG,
              child: SafeArea(
                  top: false,
                  bottom: true,
                  child: Scaffold(
                      key: _scaffoldKey,
                      body: KeyboardDismisser(
                          child: StreamBuilder(
                              stream: getPlotInfoBloc.actions,
                              builder: (BuildContext context,
                                  AsyncSnapshot<dynamic> snapshot) {
                                if (snapshot.hasData) {
                                  return Form(
                                      key: _formKey,
                                      autovalidate: _autoValidate,
                                      child: SingleChildScrollView(
                                        padding: EdgeInsets.all(8.0),
                                        child: Column(
                                          children: <Widget>[
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Mã lô',
                                                value:
                                                    '${cropPlot.tbCropDTO.code}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Trạng thái',
                                                value: '$statusCrop'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Nhà màng',
                                                value:
                                                    '${cropPlot.tbCropDTO.netHouseName ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Giống',
                                                value:
                                                    '${cropPlot.tbCropDTO.suppliesName ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Ngày gieo trồng',
                                                value:
                                                    '${cropPlot.sowingDate ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Thời gian ngâm hạt',
                                                value:
                                                    '${cropPlot.soakSeedsTime ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Ngày vô khây ươm',
                                                value:
                                                    '${cropPlot.seedIncubationTime ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Số lượng cây trồng',
                                                value:
                                                    '${cropPlot.numberPlants ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Số lượng cây hiện tại',
                                                value:
                                                    '${cropPlot.numberCurrentPlants ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Ngày kết thúc canh tác',
                                                value:
                                                    '${cropPlot.tbCropDTO.endDate ?? '--'}'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.1),
                                                name: 'Kỹ sư trực tiếp',
                                                value: '$technicians'),
                                            WidgetRowPlotInfo(
                                                color: AppColors.DEFAULT
                                                    .withOpacity(0.3),
                                                name: 'Diện tích (m\u00B2)',
                                                value:
                                                    '${cropPlot.tbCropDTO.areaM2.formatNumtoStringDecimal()}'),
                                            SizedBox(
                                              height: 8,
                                            ),
                                            _descriptionField(),
                                            SizedBox(
                                              height: 16,
                                            ),
                                            GetBuilder<
                                                DescriptionChangeControler>(
                                              builder: (_) {
                                                return SizedBox(
                                                  width: double.infinity,
                                                  height: 55,
                                                  child: FlatButton(
                                                    onPressed:
                                                        controller.isChanged ==
                                                                false
                                                            ? () {}
                                                            : () {
                                                                FocusScopeNode
                                                                    currentFocus =
                                                                    FocusScope.of(
                                                                        context);
                                                                if (!currentFocus
                                                                    .hasPrimaryFocus) {
                                                                  currentFocus
                                                                      .unfocus();
                                                                }
                                                                _validateInputs();
                                                              },
                                                    color: controller.isChanged
                                                        ? AppColors.DEFAULT
                                                        : Colors.grey[400],
                                                    shape:
                                                        RoundedRectangleBorder(
                                                      borderRadius:
                                                          new BorderRadius
                                                              .circular(7.0),
                                                    ),
                                                    child: Text(
                                                        'Cập nhật'
                                                            .toUpperCase(),
                                                        style: TextStyle(
                                                            fontWeight:
                                                                FontWeight.bold,
                                                            color:
                                                                AppColors.WHITE,
                                                            fontSize: 18)),
                                                  ),
                                                );
                                              },
                                            )
                                          ],
                                        ),
                                      ));
                                } else if (snapshot.hasError) {
                                  return Center(
                                    child: Text(snapshot.error.toString()),
                                  );
                                } else {
                                  return LoadingListPage();
                                }
                              }))))));

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

  @override
  bool get wantKeepAlive => true;
}

class DescriptionChangeControler extends GetxController {
  bool isChanged = false;

  void initValue() {
    isChanged = false;
    update();
  }

  void changeValue(String oldValue, String newValue) {
    if (oldValue != newValue) {
      isChanged = true;
    } else {
      isChanged = false;
    }
    if (oldValue.isNullOrBlank && newValue.isEmpty) {
      isChanged = false;
    }
    update();
  }
}