PiliPlus/lib/pages/dynamics/widgets/video_panel.dart

// 视频or合集
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/badge.dart';
import 'package:PiliPlus/common/widgets/network_img_layer.dart';
import 'package:PiliPlus/utils/utils.dart';

import 'rich_node_panel.dart';

Widget videoSeasonWidget(item, context, type, {floor = 1}) {
  if (item.modules.moduleDynamic.major?.type == 'MAJOR_TYPE_NONE') {
    return item.modules.moduleDynamic.major?.none?.tips != null
        ? Row(
            children: [
              Icon(
                Icons.error,
                size: 18,
                color: Theme.of(context).colorScheme.outline,
              ),
              const SizedBox(width: 5),
              Text(
                '${item.modules.moduleDynamic.major.none.tips}',
                style: TextStyle(
                  color: Theme.of(context).colorScheme.outline,
                ),
              ),
            ],
          )
        : const SizedBox.shrink();
  }

  TextStyle authorStyle =
      TextStyle(color: Theme.of(context).colorScheme.primary);
  // type archive  ugcSeason
  // archive 视频/显示发布人
  // ugcSeason 合集/不显示发布人

  // floor 1 2
  // 1 投稿视频 铺满 borderRadius 0
  // 2 转发视频 铺满 borderRadius 6
  Map<dynamic, dynamic> dynamicProperty = {
    'ugcSeason': item.modules.moduleDynamic.major.ugcSeason,
    'archive': item.modules.moduleDynamic.major.archive,
    'pgc': item.modules.moduleDynamic.major.pgc
  };
  dynamic content = dynamicProperty[type];
  InlineSpan? richNodes = richNode(item, context);

  Widget buildCover() {
    if (content?.cover == null) {
      return const SizedBox.shrink();
    }
    return LayoutBuilder(builder: (context, box) {
      double width = box.maxWidth;
      return Stack(
        children: [
          // Hero(
          //   tag: content.bvid,
          //   child:
          NetworkImgLayer(
            width: width,
            height: width / StyleString.aspectRatio,
            src: content.cover,
            semanticsLabel: content.title,
          ),
          // ),
          if (content?.badge?['text'] != null)
            PBadge(
              text: content.badge['text'],
              top: 8.0,
              right: 10.0,
              bottom: null,
              left: null,
            ),
          Positioned(
            left: 0,
            right: 0,
            bottom: 0,
            child: Container(
              height: 70,
              padding: const EdgeInsets.fromLTRB(10, 0, 8, 8),
              clipBehavior: Clip.hardEdge,
              decoration: BoxDecoration(
                gradient: const LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  colors: <Color>[
                    Colors.transparent,
                    Colors.black54,
                  ],
                ),
                borderRadius: StyleString.mdRadius,
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.end,
                children: [
                  DefaultTextStyle.merge(
                    style: TextStyle(
                        fontSize:
                            Theme.of(context).textTheme.labelMedium!.fontSize,
                        color: Colors.white),
                    child: Row(
                      children: [
                        if (content.durationText != null)
                          Text(
                            content.durationText,
                            semanticsLabel:
                                '时长${Utils.durationReadFormat(content.durationText)}',
                          ),
                        if (content.durationText != null)
                          const SizedBox(width: 6),
                        Text(content.stat.play + '次围观'),
                        const SizedBox(width: 6),
                        Text(content.stat.danmu + '条弹幕')
                      ],
                    ),
                  ),
                  Image.asset(
                    'assets/images/play.png',
                    width: 50,
                    height: 50,
                  ),
                ],
              ),
            ),
          ),
        ],
      );
    });
  }

  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    mainAxisAlignment: MainAxisAlignment.start,
    children: [
      if (floor == 2) ...[
        Row(
          children: [
            GestureDetector(
              onTap: () => Get.toNamed(
                  '/member?mid=${item.modules.moduleAuthor.mid}',
                  arguments: {'face': item.modules.moduleAuthor.face}),
              child: Text(
                item.modules.moduleAuthor.type == null
                    ? '@${item.modules.moduleAuthor.name}'
                    : item.modules.moduleAuthor.name,
                style: authorStyle,
              ),
            ),
            const SizedBox(width: 6),
            Text(
              item.modules.moduleAuthor.pubTs != null
                  ? Utils.dateFormat(item.modules.moduleAuthor.pubTs)
                  : item.modules.moduleAuthor.pubTime,
              style: TextStyle(
                  color: Theme.of(context).colorScheme.outline,
                  fontSize: Theme.of(context).textTheme.labelSmall!.fontSize),
            ),
          ],
        ),
        const SizedBox(height: 6),
      ],
      // const SizedBox(height: 4),
      /// fix #话题跟content重复
      // if (item.modules.moduleDynamic.topic != null) ...[
      //   Padding(
      //     padding: floor == 2
      //         ? EdgeInsets.zero
      //         : const EdgeInsets.only(left: 12, right: 12),
      //     child: GestureDetector(
      //       child: Text(
      //         '#${item.modules.moduleDynamic.topic.name}',
      //         style: authorStyle,
      //       ),
      //     ),
      //   ),
      //   const SizedBox(height: 6),
      // ],
      if (floor == 2 && item.modules.moduleDynamic.desc != null) ...[
        if (richNodes != null) Text.rich(richNodes),
        const SizedBox(height: 6),
      ],
      if (item.isForwarded == true)
        buildCover()
      else
        Padding(
          padding: EdgeInsets.symmetric(horizontal: StyleString.safeSpace),
          child: buildCover(),
        ),
      const SizedBox(height: 6),
      if (content?.title != null)
        Padding(
          padding: floor == 1
              ? const EdgeInsets.only(left: 12, right: 12)
              : EdgeInsets.zero,
          child: Text(
            content.title,
            maxLines: 1,
            style: const TextStyle(fontWeight: FontWeight.bold),
            overflow: TextOverflow.ellipsis,
          ),
        ),
    ],
  );
}