huixiang_app/lib/union/store_details_page.dart

import 'dart:io';
import 'dart:ui';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:flutter_html/image_render.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:huixiang/retrofit/data/member_comment_list.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/retrofit/data/activity.dart';
import 'package:huixiang/retrofit/data/article.dart';
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/page.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/view_widget/comment_menu.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/login_tips.dart';
import 'package:huixiang/view_widget/my_appbar.dart';
import 'package:huixiang/view_widget/share_dialog.dart';
import 'package:huixiang/view_widget/tips_dialog.dart';
import 'package:like_button/like_button.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:sharesdk_plugin/sharesdk_defines.dart';
import 'package:sharesdk_plugin/sharesdk_interface.dart';
import 'package:sharesdk_plugin/sharesdk_map.dart';
import 'package:video_player/video_player.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter_html/src/replaced_element.dart';
import 'package:flutter/cupertino.dart';
import 'package:chewie/src/chewie_progress_colors.dart' as chewie;
import 'package:chewie/chewie.dart';

class StoreDetailsPage extends StatefulWidget {
  final Map<String, dynamic> arguments;

  ///富文本 文章  活动
  StoreDetailsPage({this.arguments});

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

class _StoreDetailsPage extends State<StoreDetailsPage>
    with WidgetsBindingObserver {
  ApiService apiService;
  RefreshController _refreshController;
  bool isLiked = false;
  int commentTotal = 0;
  var commentTextController = TextEditingController();
  var commentFocus = FocusNode();
  String hintText = S.current.liuxianinjingcaidepinglunba;
  String parenId = "0";

  bool isKeyBoardShow = false;

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      setState(() {
        print("object: ${MediaQuery.of(context).viewInsets.bottom}");
        if (MediaQuery.of(context).viewInsets.bottom == 0) {
          if (isKeyBoardShow) {
            isKeyBoardShow = false;
            //关闭键盘 软键盘关闭了， 清除输入控件的焦点， 否则重新进入页面会导致软键盘再弹出问题
            FocusScope.of(context).requestFocus(FocusNode());
          }
        } else {
          isKeyBoardShow = true;
        }
      });
    });
  }

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);

    _refreshController = RefreshController();

    if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();

    SharedPreferences.getInstance().then((value) {
      apiService =
          ApiService(Dio(), context: context, token: value.getString("token"));
      queryHtml();
      queryMemberCommentList();
    });
  }

  Activity activity;
  Article article;
  List<MemberCommentList> memberList = [];

  queryHtml() async {
    BaseData baseData = await apiService.informationInfo(
        widget.arguments["activityId"] ?? widget.arguments["articleId"]);

    if (baseData != null && baseData.isSuccess) {
      setState(() {
        if (widget.arguments.containsKey("activityId")) {
          activity = Activity.fromJson(baseData.data);
        } else if (widget.arguments.containsKey("articleId")) {
          article = Article.fromJson(baseData.data);
        }
      });
    }
  }

  share() async {
    SSDKMap params = SSDKMap()
      ..setGeneral(
        activity != null
            ? activity.mainTitle
            : article != null
                ? article.mainTitle
                : "",
        activity != null
            ? activity.viceTitle
            : article != null
                ? article.viceTitle
                : "",
        [
          activity != null
              ? activity.coverImg
              : article != null
                  ? article.coverImg
                  : "",
        ],
        activity != null
            ? activity.coverImg
            : article != null
                ? article.coverImg
                : "",
        "",
        buildShareUrl(),
        "",
        "",
        "",
        "",
        SSDKContentTypes.webpage,
      );

    debugPrint(activity != null
        ? activity.coverImg
        : article != null
            ? article.coverImg
            : "");

    showModalBottomSheet(
        context: context,
        backgroundColor: Colors.transparent,
        builder: (context) {
          return ShareDialog((platform) {
            if (platform == ShareSDKPlatforms.line) {
              params.map["type"] = SSDKContentTypes.text.value;
              params.map["text"] =
                  "${activity != null ? activity.viceTitle : article != null ? article.viceTitle : ""}  ${buildShareUrl()}";
            }
            SharesdkPlugin.share(platform, params,
                (state, userData, contentEntity, error) {
              print("share！$state");
            });
          });
        });
  }

  String buildShareUrl() {
    return "https://hx.lotus-wallet.com/index.html?id=${widget.arguments["activityId"] ?? widget.arguments["articleId"]}&type=${activity != null ? "activity" : article != null ? "article" : ""}";
  }

  //评论列表
  queryMemberCommentList() async {
    BaseData baseData = await apiService.memberCommentList({
      "pageNum": 1,
      "pageSize": 100,
      "relationalId":
          widget.arguments["activityId"] ?? widget.arguments["articleId"],
      "relationalType": 1,
    }).catchError((error) {
      _refreshController.refreshFailed();
    });
    if (baseData != null && baseData.isSuccess) {
      PageInfo pageInfo = PageInfo.fromJson(baseData.data);
      _refreshController.refreshCompleted();
      setState(() {
        commentTotal = pageInfo.size;
        memberList =
            pageInfo.list.map((e) => MemberCommentList.fromMap(e)).toList();
      });
    }
  }

  //评论点赞
  queryCommentLike(String id) async {
    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
    String token = sharedPreferences.getString("token");
    if (token == null || token == "") {
      SmartDialog.show(
        widget: LoginTips(
          click: () {
            SharedPreferences.getInstance()
                .then((value) => value..setString("token", ""));
            Navigator.of(context)
                .pushNamed('/router/login_page', arguments: {"login": "login"});
          },
        ),
        clickBgDismissTemp: false,
      );
      return;
    }

    BaseData baseData =
        await apiService.commentLike(id).catchError((onError) {});
    if (baseData != null && baseData.isSuccess) {
      setState(() {
        memberList.forEach((element) {
          if (element.id == id) {
            if (element.liked) {
              element.likes -= 1;
              element.liked = false;
            } else {
              element.likes += 1;
              element.liked = true;
            }
          }
        });
      });
    }
    /* else {
      if (baseData.msg == "您已点过赞") {
        setState(() {
          memberList.forEach((element) {
            if (element.id == id) {
              element.liked = true;
            }
          });
        });
      } else SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
    }*/
  }

  //给文章/活动点赞
  queryInformationLikes() async {
    BaseData baseData = await apiService
        .informationLikes(
            widget.arguments["activityId"] ?? widget.arguments["articleId"])
        .catchError((onError) {});
    if (baseData != null && baseData.isSuccess) {
      setState(() {
        isLiked = true;
        if (article != null)
          article.likes += 1;
        else if (activity != null) activity.likes += 1;
      });
    } else {
      SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
    }
  }

  //发布评论
  queryMemberComment(String content) async {
    BaseData baseData = await apiService.memberComment({
      "content": content,
      "parentId": parenId,
      "relationalId":
          widget.arguments["activityId"] ?? widget.arguments["articleId"],
      "relationalType": 1
    }).catchError((error) {
      _refreshController.refreshFailed();
    });
    if (baseData != null && baseData.isSuccess) {
      commentTextController.text = "";
      queryMemberCommentList();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(
        action: Container(
          margin: EdgeInsets.only(right: 10),
          child: GestureDetector(
            onTap: () {
              share();
            },
            child: Icon(
              Icons.share,
              size: 24,
              color: Colors.black,
            ),
          ),
        ),
        background: Color(0xFFF7F7F7),
        leadingColor: Colors.black,
        title: activity != null
            ? activity.mainTitle
            : article != null
                ? article.mainTitle
                : "",
        titleSize: 18.sp,
        titleColor: Colors.black,
      ),
      body: Container(
        child: Column(
          children: [
            Expanded(
              child: GestureDetector(
                onTap: () {
                  commentFocus.unfocus();
                  setState(() {
                    hintText = S.of(context).liuxianinjingcaidepinglunba;
                  });
                  parenId = "0";
                },
                child: SingleChildScrollView(
                  physics: BouncingScrollPhysics(),
                  child: Column(
                    children: [
                      Container(
                        color: Color(0xFFF7F7F7),
                        padding: EdgeInsets.all(12),
                        alignment: Alignment.centerLeft,
                        child: Text(
                          activity != null
                              ? activity.mainTitle
                              : article != null
                                  ? article.mainTitle
                                  : "",
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: FontWeight.bold,
                            color: Color(0xFF353535),
                          ),
                        ),
                      ),
                      Container(
                        padding: EdgeInsets.symmetric(horizontal: 12.w),
                        child: Row(
                          children: [
                            InkWell(
                              child: Text(
                                "${activity != null ? activity.storeName : (article != null && article.author != null) ? article.author.name : ""}",
                                style: TextStyle(
                                  fontWeight: FontWeight.normal,
                                  fontSize: 14.sp,
                                  color: Colors.blue,
                                ),
                              ),
                              onTap: () {
                                if (activity != null) {
                                  if (widget.arguments["source"] != null &&
                                      widget.arguments["source"] ==
                                          activity.storeId) {
                                    Navigator.of(context).pop();
                                  } else {
                                    Navigator.of(context).pushNamed(
                                        '/router/union_detail_page',
                                        arguments: {
                                          "id": activity.storeId,
                                          "source":
                                              widget.arguments["activityId"]
                                        });
                                  }
                                }
                              },
                            ),
                            SizedBox(
                              width: 10.w,
                            ),
                            Text(
                              activity != null
                                  ? activity.createTime
                                  : article != null
                                      ? article.createTime
                                      : "",
                              style: TextStyle(
                                fontWeight: FontWeight.normal,
                                fontSize: 12.sp,
                                color: Colors.grey,
                              ),
                            )
                          ],
                        ),
                      ),
                      Html(
                        data: activity != null
                            ? activity.content
                            : article != null
                                ? article.content
                                : "",
                        customImageRenders: {
                          base64DataUriMatcher(): base64ImageRender(),
                          assetUriMatcher(): assetImageRender(),
                          networkSourceMatcher(extension: "svg"):
                              svgNetworkImageRender(),
                          networkSourceMatcher(): networkImageRender(
                            loadingWidget: () {
                              return Container();
                            },
                          ),
                        },
                        customRender: {
                          "video": (context, parsedChild, attributes, element) {
                            return videoWidget(
                                double.tryParse(attributes['width'] ?? ""),
                                double.tryParse(
                                    element.attributes['height'] ?? ""),
                                element.children.first.attributes["src"],
                                element.attributes["sandbox"]);
                          },
                          "iframe":
                              (context, parsedChild, attributes, element) {
                            return videoWidget(
                                double.tryParse(attributes['width'] ?? ""),
                                double.tryParse(
                                    element.attributes['height'] ?? ""),
                                element.children.first.attributes["src"],
                                element.attributes["sandbox"]);
                          },
                          "audio": (context, parsedChild, attributes, element) {
                            final sources = <String>[
                              if (element.attributes['src'] != null)
                                element.attributes['src'],
                            ];
                            if (sources == null ||
                                sources.isEmpty ||
                                sources.first == null) {
                              return EmptyContentElement();
                            }
                            return audioWidget(
                                attributes['controls'] != null,
                                attributes['loop'] != null,
                                attributes['autoplay'] != null,
                                sources,
                                context.style.width ?? 300.w);
                          },
                        },
                      ),
                      Container(
                        decoration: BoxDecoration(
                          color: Colors.white,
                          boxShadow: [
                            BoxShadow(
                              color: Colors.black.withAlpha(12),
                              offset: Offset(0, 2),
                              blurRadius: 14,
                              spreadRadius: 0,
                            )
                          ],
                        ),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Padding(
                              padding: EdgeInsets.all(16),
                              child: Row(
                                children: [
                                  Text(
                                    S.of(context)
                                        .pinglun_(commentTotal.toString()),
                                    style: TextStyle(
                                      fontSize: 16.sp,
                                      fontWeight: FontWeight.bold,
                                      color: Color(0xff1A1A1A),
                                    ),
                                  ),
                                  SizedBox(
                                    width: 16.w,
                                  ),
                                  Text(
                                    S.of(context).xihuan_(
                                        "${article?.likes ?? activity?.likes ?? "0"}"),
                                    style: TextStyle(
                                      fontSize: 16.sp,
                                      fontWeight: FontWeight.bold,
                                      color: Color(0xff1A1A1A),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            ListView.builder(
                              shrinkWrap: true,
                              physics: NeverScrollableScrollPhysics(),
                              itemCount:
                                  memberList != null ? memberList.length : 0,
                              scrollDirection: Axis.vertical,
                              itemBuilder: (context, position) {
                                return Material(
                                  color: Colors.white,
                                  child: InkWell(
                                    onTap: () {
                                      showPressMenu(
                                          memberList[position].createUser,
                                          memberList[position]);
                                    },
                                    child: commentItem(memberList[position],
                                        position, memberList.length),
                                  ),
                                );
                              },
                            ),
                          ],
                        ),
                      ),
                      SizedBox(
                        height: 12.h,
                      ),
                    ],
                  ),
                ),
              ),
              flex: 1,
            ),
            commentWidget(),
          ],
        ),
      ),
    );
  }

  showPressMenu(String userId, memberComment) {
    if (isKeyBoardShow) {
      setState(() {
        hintText = S.of(context).liuxianinjingcaidepinglunba;
      });
      FocusScope.of(context).requestFocus(FocusNode());
      return;
    }
    SharedPreferences.getInstance().then((value) {
      showModalBottomSheet(
        context: context,
        backgroundColor: Colors.transparent,
        builder: (context) {
          return CommentMenu(
            (type) {
              print("click: $type");
              if (type == "huifu") {
                reply(memberComment);
              } else if (type == "shanchu") {
                delCommentTips();
              }
            },
            isSelf: userId == value.getString("userId"),
          );
        },
      );
    });
  }

  delCommentTips() {
    SmartDialog.show(widget: Tips(() {
      delComment();
    }));
  }

  delComment() async {
    BaseData baseData = await apiService.delComment(
        widget.arguments["activityId"] ?? widget.arguments["articleId"]);
    if (baseData != null && baseData.isSuccess) {
      queryMemberCommentList();
    }
  }

  reply(memberComment) {
    FocusScope.of(context).requestFocus(commentFocus);
    parenId = memberComment.id;
    setState(() {
      hintText = S.of(context).huifu_("${memberComment.username}");
    });
  }

  Widget commentWidget() {
    return Container(
      padding: EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: Colors.white,
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(12),
            offset: Offset(0, 2),
            blurRadius: 14,
            spreadRadius: 0,
          ),
        ],
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(8.0),
          topRight: Radius.circular(8.0),
        ),
      ),
      child: Row(
        children: [
          Expanded(
            flex: 1,
            child: Container(
              decoration: BoxDecoration(
                color: Color(0xffF2F2F2),
                borderRadius: BorderRadius.circular(2.0),
              ),
              child: Column(
                children: [
                  Container(
                    margin: EdgeInsets.fromLTRB(4, 0, 4, 0),
                    alignment: Alignment.topLeft,
                    child: TextField(
                      maxLines: 8,
                      minLines: 1,
                      focusNode: commentFocus,
                      controller: commentTextController,
                      decoration: InputDecoration(
                        border: InputBorder.none,
                        hintText: hintText,
                        hintStyle: TextStyle(
                          fontSize: 14.sp,
                          color: Color(0xffCDCCCC),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
          Padding(
            padding: EdgeInsets.only(left: 20.w, right: 20.w),
            child: GestureDetector(
              onTap: () {
                var commentText = commentTextController.text;
                if (commentText == "") {
                  return;
                }
                queryMemberComment(commentText);
              },
              child: Text(
                S.of(context).fasong,
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.bold,
                  color: Color(0XFF1A1A1A),
                ),
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              if (isLiked) return;
              queryInformationLikes();
            },
            child: Image.asset(
              isLiked
                  ? "assets/image/icon_like.png"
                  : "assets/image/icon_like_h.png",
              fit: BoxFit.fill,
              width: 24,
              height: 24,
            ),
          )
        ],
      ),
    );
  }

  VideoPlayerController videoPlayerController;
  ChewieController chewieAudioController;
  Chewie chewies;

  Widget videoWidget(double width, double height, src, sandboxMode) {
    print("src :  $src");
    return Container(
      width: MediaQuery.of(context).size.width,
      height: (MediaQuery.of(context).size.width) / (width / height),
      child: chewies = Chewie(
        controller: chewieAudioController = ChewieController(
          videoPlayerController: videoPlayerController =
              VideoPlayerController.network(
            src,
          ),
          aspectRatio: width / height,
          //宽高比
          autoPlay: false,
          //自动播放
          looping: false,
          //循环播放
          // 拖动条样式颜色
          materialProgressColors: chewie.ChewieProgressColors(
            playedColor: Colors.white,
            handleColor: Colors.white,
            backgroundColor: Colors.grey,
            bufferedColor: Colors.transparent,
          ),
          autoInitialize: true,
        ),
      ),
    );
  }

  Widget audioWidget(showControls, loop, autoplay, src, width) {
    return Container(
      width: width,
      child: chewies = Chewie(
        controller: chewieAudioController = ChewieController(
          videoPlayerController: VideoPlayerController.network(
            src.first ?? "",
          ),
          autoPlay: autoplay,
          looping: loop,
          showControls: showControls,
          autoInitialize: true,
        ),
      ),
    );
  }

  Widget commentItem(MemberCommentList memberList, int index, int max) {
    return Container(
      padding: EdgeInsets.symmetric(vertical: 8.w),
      child: Column(
        children: [
          Container(
            padding: EdgeInsets.symmetric(horizontal: 16.w),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                MImage(
                  memberList.userAvatarUrl ?? "",
                  fit: BoxFit.cover,
                  isCircle: true,
                  width: 40,
                  height: 40,
                  fadeSrc: "assets/image/default_user.png",
                  errorSrc: "assets/image/default_user.png",
                ),
                SizedBox(
                  width: 12.w,
                ),
                Expanded(
                  child: Container(
                    height: 60.h,
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text.rich(
                          TextSpan(
                            children: [
                              TextSpan(
                                text: memberList.username,
                                style: TextStyle(
                                  fontWeight: FontWeight.bold,
                                  fontSize: 14.sp,
                                  color: Colors.black,
                                ),
                              ),
                            ],
                          ),
                          textDirection: TextDirection.ltr,
                        ),
                        Text(
                          memberList.createTime,
                          overflow: TextOverflow.ellipsis,
                          maxLines: 2,
                          style: TextStyle(
                            fontSize: 12.sp,
                            color: Color(0xff808080),
                          ),
                        ),
                      ],
                    ),
                  ),
                  flex: 1,
                ),
                Container(
                  alignment: Alignment.topRight,
                  child: LikeButton(
                    padding: EdgeInsets.all(10),
                    size: 16,
                    circleSize: 16,
                    circleColor: CircleColor(
                        start: Color(0xff00ddff), end: Color(0xff0099cc)),
                    bubblesColor: BubblesColor(
                      dotPrimaryColor: Color(0xff33b5e5),
                      dotSecondaryColor: Color(0xff0099cc),
                    ),
                    bubblesSize: 15,
                    likeBuilder: (bool isLiked) {
                      return isLiked
                          ? Image.asset(
                        "assets/image/icon_like.png",
                        width: 16,
                        height: 16,
                      )
                          : Image.asset(
                        "assets/image/icon_like_h.png",
                        width: 16,
                        height: 16,
                      );
                    },
                    isLiked: memberList.liked ?? false,
                    onTap: (isLiked) async {
                      await queryCommentLike(memberList.id);
                      return (memberList == null || memberList.liked == null)
                          ? false
                          : memberList.liked;
                    },
                    likeCount: memberList.likes,
                    countBuilder: (int count, bool isLiked, String text) {
                      return Text(
                        text,
                        style: TextStyle(
                          color: Color(0xFF1A1A1A),
                          fontSize: 12.sp,
                        ),
                      );
                    },
                  ),
                ),
              ],
            ),
          ),
          Container(
            padding:
                EdgeInsets.only(left: 68, right: 16, top: 16.h, bottom: 16.h),
            child: Align(
              alignment: Alignment.centerLeft,
              child: Text(
                memberList.content,
                style: TextStyle(
                  fontSize: 14.sp,
                  color: Color(0xff1A1A1A),
                ),
              ),
            ),
          ),
          SizedBox(
            height: 12.h,
          ),
          if (memberList.parentContent != null)
            Container(
              margin: EdgeInsets.only(left: 68.w, right: 16.w),
              decoration: BoxDecoration(
                color: Color(0xffF2F2F2),
                borderRadius: BorderRadius.circular(2.0),
              ),
              child: Padding(
                padding: EdgeInsets.only(left: 4.w, top: 4.h, bottom: 4.h),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      "${memberList.parentUserName}:" ?? "",
                      style: TextStyle(
                        fontSize: 12.sp,
                        color: Color(0xff808080),
                      ),
                    ),
                    Expanded(
                      flex: 1,
                      child: Text(
                        memberList.parentContent ?? "",
                        style: TextStyle(
                          fontSize: 12.sp,
                          color: Color(0xff808080),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          if (index == max - 1)
            Container(
              height: 63.h,
              decoration: BoxDecoration(
                color: Color(0xffF2F2F2),
                boxShadow: [
                  BoxShadow(
                    color: Colors.black.withAlpha(12),
                    offset: Offset(0, 2),
                    blurRadius: 14,
                    spreadRadius: 0,
                  )
                ],
              ),
              margin: EdgeInsets.only(top: 30.h),
              alignment: Alignment.center,
              child: Text(
                S.of(context).yixiansquanbupinglun,
                style: TextStyle(fontSize: 14.sp, color: Color(0xff353535)),
              ),
            ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    if (chewieAudioController != null) chewieAudioController.dispose();

    if (videoPlayerController != null) videoPlayerController.dispose();

    super.dispose();
  }
}