yumi-flutter/lib/modules/room/online/room_online_page.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:yumi/services/audio/rtc_manager.dart';
import 'package:provider/provider.dart';
import 'package:yumi/app_localizations.dart';
import 'package:yumi/app/constants/sc_screen.dart';
import 'package:yumi/main.dart';
import 'package:yumi/shared/business_logic/models/res/login_res.dart';

import '../../../ui_kit/components/sc_compontent.dart';
import '../../../ui_kit/components/sc_page_list.dart';
import '../../../ui_kit/components/sc_tts.dart';
import '../../../ui_kit/components/text/sc_text.dart';
import '../../../ui_kit/widgets/id/sc_special_id_badge.dart';
import '../../../ui_kit/widgets/badge/sc_user_badge_strip.dart';
import '../../../ui_kit/widgets/room/room_user_info_card.dart';

///房间用户在线列表
class RoomOnlinePage extends SCPageList {
  String? roomId = "";

  RoomOnlinePage({super.key, this.roomId});

  @override
  _RoomOnlinePageState createState() => _RoomOnlinePageState(roomId);
}

class _RoomOnlinePageState
    extends SCPageListState<SocialChatUserProfile, RoomOnlinePage> {
  String? roomId = "";

  _RoomOnlinePageState(this.roomId);

  void _openUserCard(SocialChatUserProfile userInfo) {
    final userId = (userInfo.id ?? '').trim();
    if (userId.isEmpty) {
      return;
    }
    Navigator.of(context).pop();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final dialogContext = navigatorKey.currentState?.context;
      if (dialogContext == null) {
        return;
      }
      RoomUserInfoCard.showPreloaded(dialogContext, userId: userId);
    });
  }

  @override
  void initState() {
    super.initState();
    enablePullUp = false;
    backgroundColor = Colors.transparent;
    loadData(1);
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      top: false,
      child: Container(
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(12.w),
            topRight: Radius.circular(12.w),
          ),
        ),
        child: Column(
          children: [
            SizedBox(height: 15.w),
            text(
              "User(${items.length})",
              fontSize: 14.sp,
              fontWeight: FontWeight.w600,
              textColor: Colors.black,
            ),
            SizedBox(height: 10.w),
            SizedBox(height: 350.w, child: buildList(context)),
          ],
        ),
      ),
    );
  }

  @override
  Widget buildItem(SocialChatUserProfile userInfo) {
    return GestureDetector(
      child: Container(
        margin: EdgeInsets.symmetric(vertical: 3.w),
        padding: EdgeInsets.symmetric(horizontal: 16.w),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(12.w),
          color: Colors.transparent,
        ),
        child: Row(
          children: [
            GestureDetector(
              child: head(
                url: userInfo.userAvatar ?? "",
                width: 55.w,
                headdress: userInfo.getHeaddress()?.sourceUrl,
                headdressCover: userInfo.getHeaddress()?.cover,
              ),
              onTap: () {
                _openUserCard(userInfo);
              },
            ),
            SizedBox(width: 8.w),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      msgRoleTag(
                        userInfo.roles ?? "",
                        width: 20.w,
                        height: 20.w,
                      ),
                      SizedBox(width: 3.w),
                      socialchatNickNameText(
                        textColor: Colors.black,
                        maxWidth: 132.w,
                        userInfo.userNickname ?? "",
                        fontSize: 14.sp,
                        type: userInfo.getVIP()?.name ?? "",
                        needScroll:
                            (userInfo.userNickname?.characters.length ?? 0) >
                            16,
                      ),
                      getVIPBadge(
                        userInfo.vipLevel ?? userInfo.getVIP()?.name,
                        width: 45.w,
                        height: 25.w,
                      ),
                      SizedBox(width: 3.w),
                      getWealthLevel(
                        userInfo.wealthLevel ?? 0,
                        width: 42.w,
                        height: 20.w,
                        fontSize: 9.sp,
                      ),
                      SizedBox(width: 2.w),
                      getUserLevel(
                        userInfo.charmLevel ?? 0,
                        width: 42.w,
                        height: 20.w,
                        fontSize: 9.sp,
                      ),
                    ],
                  ),
                  SizedBox(height: 3.w),
                  GestureDetector(
                    child: Container(
                      padding: EdgeInsets.symmetric(vertical: 3.w),
                      child: SCSpecialIdBadge(
                        idText: userInfo.getID(),
                        showAnimated: userInfo.hasSpecialId(),
                        assetPath: SCSpecialIdAssets.userId,
                        animationWidth: 62.w,
                        animationHeight: 24.w,
                        showTextBesideAnimated: true,
                        animatedTextSpacing: 0,
                        showAnimatedGradientText:
                            userInfo.shouldShowColoredSpecialIdText(),
                        animationTextStyle: TextStyle(
                          color: Colors.black,
                          fontSize: 12.sp,
                          fontWeight: FontWeight.bold,
                        ),
                        normalTextStyle: TextStyle(
                          color: Colors.black,
                          fontSize: 12.sp,
                          fontWeight: FontWeight.bold,
                        ),
                        showCopyIcon: true,
                        showCopyIconWhenAnimated: true,
                        copyIconSize: 12.w,
                        copyIconSpacing: 5.w,
                        animationFit: BoxFit.contain,
                      ),
                    ),
                    onTap: () {
                      Clipboard.setData(ClipboardData(text: userInfo.getID()));
                      SCTts.show(
                        SCAppLocalizations.of(context)!.copiedToClipboard,
                      );
                    },
                  ),
                  SizedBox(height: 2.w),
                  SCUserBadgeStrip(
                    userId: userInfo.id,
                    fallbackBadges:
                        userInfo.wearBadge
                            ?.where((item) => item.use ?? false)
                            .toList() ??
                        const <WearBadge>[],
                    height: 23.w,
                    badgeHeight: 21.w,
                    longBadgeWidth: 51.w,
                    spacing: 4.5.w,
                    maxBadges: 8,
                    reserveSpace: true,
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
      onTap: () {
        _openUserCard(userInfo);
      },
    );
  }

  @override
  empty() {
    List<Widget> list = [];
    list.add(SizedBox(height: height(30)));
    list.add(Image.asset('sc_images/general/sc_icon_loading.png'));
    list.add(SizedBox(height: height(15)));
    list.add(
      Text(
        "No data",
        style: TextStyle(
          fontSize: sp(14),
          color: Color(0xff999999),
          fontWeight: FontWeight.w400,
          decoration: TextDecoration.none,
          height: 1,
        ),
      ),
    );
    return Column(
      mainAxisSize: MainAxisSize.max,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: list,
    );
  }

  @override
  builderDivider() {
    // return Divider(
    //   height: 1.w,
    //   color: Color(0xff3D3277).withOpacity(0.5),
    //   indent: 15.w,
    // );
    return Container(height: 8.w);
  }

  ///加载数据
  @override
  loadPage({
    required int page,
    required Function(List<SocialChatUserProfile>) onSuccess,
    Function? onErr,
  }) async {
    // var roomList = await SCChatRoomRepository().roomOnlineUsers(roomId ?? "");
    await Provider.of<RtcProvider>(
      context!,
      listen: false,
    ).fetchOnlineUsersList();
    List<SocialChatUserProfile> userList =
        Provider.of<RtcProvider>(context!, listen: false).onlineUsers;
    onSuccess(userList);
  }
}