app/lib/pages/user/review/add_review_page.dart

import 'package:flutter/material.dart';

import 'package:image_picker/image_picker.dart' as flutterImagePicker;
import 'package:oktoast/oktoast.dart';
import 'package:photo/photo.dart';

import 'package:recook/constants/api.dart';
import 'package:recook/constants/constants.dart';
import 'package:recook/constants/header.dart';
import 'package:recook/constants/styles.dart';
import 'package:recook/manager/http_manager.dart';
import 'package:recook/manager/user_manager.dart';
import 'package:recook/models/media_model.dart';
import 'package:recook/pages/user/review/models/order_review_list_model.dart';
import 'package:recook/widgets/bottom_sheet/action_sheet.dart';
import 'package:recook/widgets/image_picker.dart';
import 'package:recook/widgets/recook_back_button.dart';

class AddReviewPage extends StatefulWidget {
  final int goodsDetailId;
  final OrderReviewListModel model;
  AddReviewPage({
    Key key,
    @required this.goodsDetailId,
    @required this.model,
  }) : super(key: key);

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

class _AddReviewPageState extends State<AddReviewPage> {
  List<MediaModel> _mediaModels = [];
  TextEditingController _controller = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColor.frenchColor,
      appBar: AppBar(
        backgroundColor: Colors.white,
        brightness: Brightness.light,
        elevation: 0,
        leading: RecookBackButton(),
        centerTitle: true,
        title: Text(
          '发表评价',
          style: TextStyle(
            color: Color(0xFF333333),
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
      body: SingleChildScrollView(
        padding: EdgeInsets.all(rSize(15)),
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(rSize(8)),
          ),
          padding: EdgeInsets.all(rSize(10)),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  FadeInImage.assetNetwork(
                    placeholder: R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
                    image: Api.getImgUrl(
                        widget.model.myOrderGoodsDea.mainPhotoUrl),
                    height: rSize(56),
                    width: rSize(56),
                  ),
                  SizedBox(width: rSize(10)),
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Text(
                          widget.model.myOrderGoodsDea.goodsName,
                          maxLines: 1,
                          overflow: TextOverflow.ellipsis,
                          softWrap: false,
                          style: TextStyle(
                            color: Color(0xFF333333),
                            fontWeight: FontWeight.bold,
                            fontSize: rSP(14),
                          ),
                        ),
                        SizedBox(height: rSize(6)),
                        Text(
                          '型号规格 ${widget.model.myOrderGoodsDea.skuName}',
                          style: TextStyle(
                            color: Color(0xFF666666),
                            fontSize: rSP(13),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
              TextField(
                onChanged: (value) {
                  setState(() {});
                },
                controller: _controller,
                minLines: 5,
                maxLines: 100,
                style: TextStyle(
                  color: Color(0xFF333333),
                  fontSize: rSP(14),
                ),
                decoration: InputDecoration(
                  border: InputBorder.none,
                  hintText: '宝贝满足你的期待吗？说说你的使用心得，和大家分享吧',
                  hintStyle: TextStyle(
                    color: Color(0xFF999999),
                    fontSize: rSP(14),
                  ),
                ),
              ),
              GridView.builder(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 3,
                  crossAxisSpacing: rSize(8),
                  mainAxisSpacing: rSize(8),
                ),
                itemBuilder: (context, index) {
                  if (index == _mediaModels.length) {
                    return Material(
                      color: Colors.transparent,
                      borderRadius: BorderRadius.circular(rSize(4)),
                      child: Ink.image(
                        image: AssetImage(R.ASSETS_USER_UPLOAD_IMAGES_WEBP),
                        child: InkWell(
                          onTap: () {
                            ActionSheet.show(
                              context,
                              items: ['拍照', '从手机相册选择'],
                              listener: (index) {
                                if (index == 0) {
                                  ImagePicker.builder()
                                      .pickImage(
                                    source:
                                        flutterImagePicker.ImageSource.camera,
                                  )
                                      .then(
                                    (model) {
                                      if (model != null)
                                        _mediaModels.add(model);
                                      setState(() {});
                                    },
                                  );
                                } else if (index == 1) {
                                  ImagePicker.builder(
                                    maxSelected: 6 - _mediaModels.length,
                                    pickType: PickType.onlyImage,
                                  ).pickAsset(context).then(
                                    (models) {
                                      if (models != null && models.isNotEmpty)
                                        _mediaModels.addAll(models);
                                      setState(() {});
                                    },
                                  );
                                }
                                Navigator.pop(context);
                              },
                            );
                          },
                        ),
                      ),
                    );
                  } else {
                    return ClipRRect(
                      borderRadius: BorderRadius.circular(rSize(4)),
                      child: Image.file(
                        _mediaModels[index].file,
                        fit: BoxFit.cover,
                      ),
                    );
                  }
                },
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                itemCount:
                    _mediaModels.length == 6 ? 6 : _mediaModels.length + 1,
              ),
            ],
          ),
        ),
      ),
      bottomNavigationBar: Material(
        color: Color(0xFFC92219),
        child: Padding(
          padding: EdgeInsets.only(
            bottom: MediaQuery.of(context).viewInsets.bottom +
                MediaQuery.of(context).viewPadding.bottom,
          ),
          child: MaterialButton(
            height: rSize(48),
            padding: EdgeInsets.zero,
            disabledColor: Colors.white12,
            onPressed: isDisabled()
                ? null
                : () {
                    uploadFiles();
                  },
            child: Text(
              '提交',
              style: TextStyle(
                color: Colors.white,
                fontSize: rSP(16),
              ),
            ),
          ),
        ),
      ),
    );
  }

  isDisabled() {
    return TextUtils.isEmpty(_controller.text);
  }

  uploadFiles() {
    if (_mediaModels.isNotEmpty) {
      GSDialog.of(context).showLoadingDialog(context, '上传图片');
      HttpManager.uploadFiles(medias: _mediaModels).then((_) {
        GSDialog.of(context).dismiss(context);
        GSDialog.of(context).showLoadingDialog(context, '评价中');
        addComment(_controller.text,
                images: _mediaModels
                    .map((e) => {
                          'path': e.result.url,
                          'width': e.width,
                          'height': e.height,
                        })
                    .toList())
            .then((value) {
          GSDialog.of(context).dismiss(context);
          Navigator.pop(context);
        });
      });
    } else {
      GSDialog.of(context).showLoadingDialog(context, '评价中');
      addComment(_controller.text).then((value) {
        GSDialog.of(context).dismiss(context);
        Navigator.pop(context);
      });
    }
  }

  Future addComment(String comment, {List<Map<String, dynamic>> images}) async {
    Map params = {
      'userId': UserManager.instance.user.info.id,
      'goodsDetailId': widget.model.myOrderGoodsDea.goodsDetailId,
      'content': comment,
    };
    if (images != null) params.putIfAbsent('images', () => images);
    ResultData resultData = await HttpManager.post(
      OrderApi.addReview,
      params,
    );
    if (resultData.data['code'] == "FAIL") {
      showToast('${resultData.data['msg']}');
      return;
    }
    return;
  }
}