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

import 'package:PiliPlus/common/assets.dart';
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/models/dynamics/up.dart';
import 'package:PiliPlus/pages/dynamics/controller.dart';
import 'package:PiliPlus/pages/live_follow/view.dart';
import 'package:PiliPlus/utils/accounts.dart';
import 'package:PiliPlus/utils/extension/num_ext.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/platform_utils.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class UpPanel extends StatelessWidget {
  const UpPanel({
    super.key,
    required this.upData,
    required this.controller,
  });

  final FollowUpModel upData;
  final DynamicsController controller;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final upList = upData.upList;
    final liveList = upData.liveUsers?.items;

    final isTop = controller.upPanelPosition == .top;
    void toFollowPage() => Get.to(const LiveFollowPage());

    Widget buildItem(UpItem item) {
      final hostMid = controller.innerController.hostMid;
      final isLive = item is LiveUserItem;
      final isCurrent = isLive || hostMid == -1 || hostMid == item.mid;

      final isAll = item.mid == -1;
      void toMemberPage() => Get.toNamed('/member?mid=${item.mid}');

      Widget avatar;
      if (isAll) {
        avatar = DecoratedBox(
          decoration: const BoxDecoration(
            shape: .circle,
            color: Color(0xFF5CB67B),
          ),
          child: Image.asset(
            width: 38,
            height: 38,
            cacheWidth: 38.cacheSize,
            Assets.logo2,
            color: Colors.white,
          ),
        );
      } else {
        avatar = Padding(
          padding: const .symmetric(horizontal: 4),
          child: NetworkImgLayer(
            width: 38,
            height: 38,
            src: item.face,
            type: .avatar,
          ),
        );
        if (isLive) {
          avatar = Stack(
            clipBehavior: .none,
            children: [
              avatar,
              Positioned(
                top: isLive && !isTop ? -5 : 0,
                right: -6,
                child: Badge(
                  label: const Text(' Live '),
                  textColor: theme.colorScheme.onSecondaryContainer,
                  backgroundColor: theme.colorScheme.secondaryContainer
                      .withValues(alpha: 0.75),
                ),
              ),
            ],
          );
        } else if (item.hasUpdate ?? false) {
          avatar = Stack(
            clipBehavior: .none,
            children: [
              avatar,
              Positioned(
                top: 0,
                right: 4,
                child: Badge(
                  smallSize: 8,
                  backgroundColor: theme.colorScheme.primary,
                ),
              ),
            ],
          );
        }
      }

      return SizedBox(
        height: 76,
        width: isTop ? 70 : null,
        child: InkWell(
          onTap: () {
            if (isLive) {
              PageUtils.toLiveRoom(item.roomId);
            } else {
              if (isAll) {
                if (hostMid == -1) {
                  controller.singleRefresh();
                }
                controller.innerController.dynamicsType.value = .all;
              } else {
                item.hasUpdate = false;
                controller.innerController.dynamicsType.value = .up;
              }
              controller.innerController
                ..hostMid = item.mid
                ..onReload();
              (context as Element).markNeedsBuild();
            }
          },
          // onDoubleTap: isLive ? () => _onSelect(data) : null,
          onLongPress: !isAll ? toMemberPage : null,
          onSecondaryTap: !isAll && !PlatformUtils.isMobile
              ? toMemberPage
              : null,
          child: Opacity(
            opacity: isCurrent ? 1 : 0.6,
            child: Column(
              spacing: 4,
              mainAxisSize: .min,
              mainAxisAlignment: .center,
              children: [
                avatar,
                Padding(
                  padding: const .symmetric(horizontal: 4),
                  child: Text(
                    isTop ? '${item.uname}\n' : item.uname!,
                    maxLines: 2,
                    textAlign: .center,
                    style: TextStyle(
                      color: hostMid == item.mid
                          ? theme.colorScheme.primary
                          : theme.colorScheme.outline,
                      height: 1.1,
                      fontSize: 12.5,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    }

    return CustomScrollView(
      controller: controller.scrollController,
      physics: const AlwaysScrollableScrollPhysics(),
      scrollDirection: isTop ? .horizontal : .vertical,
      slivers: [
        SliverToBoxAdapter(
          child: InkWell(
            onTap: () {
              controller.showLiveUp = !controller.showLiveUp;
              (context as Element).markNeedsBuild();
            },
            onLongPress: toFollowPage,
            onSecondaryTap: PlatformUtils.isMobile ? null : toFollowPage,
            child: Container(
              alignment: .center,
              height: isTop ? 76 : 60,
              padding: isTop ? const .only(left: 12, right: 6) : null,
              child: Text.rich(
                textAlign: .center,
                style: TextStyle(
                  fontSize: 13,
                  color: theme.colorScheme.primary,
                ),
                TextSpan(
                  children: [
                    TextSpan(text: 'Live(${upData.liveUsers?.count ?? 0})'),
                    if (!isTop) ...[
                      const TextSpan(text: '\n'),
                      WidgetSpan(
                        alignment: .middle,
                        child: Icon(
                          controller.showLiveUp
                              ? Icons.expand_less
                              : Icons.expand_more,
                          size: 12,
                          color: theme.colorScheme.primary,
                        ),
                      ),
                    ] else
                      WidgetSpan(
                        alignment: .middle,
                        child: Icon(
                          controller.showLiveUp
                              ? Icons.keyboard_arrow_right
                              : Icons.keyboard_arrow_left,
                          color: theme.colorScheme.primary,
                          size: 14,
                        ),
                      ),
                  ],
                ),
              ),
            ),
          ),
        ),
        if (controller.showLiveUp && liveList != null && liveList.isNotEmpty)
          SliverList.builder(
            itemCount: liveList.length,
            itemBuilder: (context, index) {
              return buildItem(liveList[index]);
            },
          ),
        SliverToBoxAdapter(
          child: buildItem(UpItem(face: '', uname: '全部动态', mid: -1)),
        ),
        SliverToBoxAdapter(
          child: Obx(
            () => buildItem(
              UpItem(
                uname: '我',
                face: controller.accountService.face.value,
                mid: Accounts.main.mid,
              ),
            ),
          ),
        ),
        if (upList != null && upList.isNotEmpty)
          SliverList.builder(
            itemCount: upList.length,
            itemBuilder: (context, index) {
              return buildItem(upList[index]);
            },
          ),
        if (!isTop) const SliverToBoxAdapter(child: SizedBox(height: 200)),
      ],
    );
  }
}