PiliPlus/lib/pages/member/widget/medal_wall.dart

import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/common/widgets/pendant_avatar.dart';
import 'package:PiliPlus/models_new/live/live_medal_wall/data.dart';
import 'package:PiliPlus/pages/member/widget/medal_widget.dart';
import 'package:PiliPlus/utils/app_scheme.dart';
import 'package:PiliPlus/utils/extension/num_ext.dart';
import 'package:PiliPlus/utils/extension/theme_ext.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:flutter/foundation.dart' show kDebugMode;
import 'package:flutter/material.dart';

class MedalWall extends StatelessWidget {
  const MedalWall({super.key, required this.response});

  final MedalWallData response;

  @override
  Widget build(BuildContext context) {
    final colorScheme = ColorScheme.of(context);
    return AlertDialog(
      clipBehavior: .hardEdge,
      title: const Text('粉丝勋章墙'),
      contentPadding: const .symmetric(vertical: 16),
      constraints: const BoxConstraints.tightFor(width: 380),
      content: CustomScrollView(
        shrinkWrap: true,
        slivers: [
          SliverToBoxAdapter(
            child: Center(
              child: NetworkImgLayer(
                src: response.icon,
                width: 50,
                height: 50,
                type: .avatar,
              ),
            ),
          ),
          SliverToBoxAdapter(
            child: Padding(
              padding: const .only(top: 5),
              child: Center(child: Text(response.name!)),
            ),
          ),
          SliverToBoxAdapter(
            child: Center(
              child: Padding(
                padding: const .only(top: 5, bottom: 8),
                child: Text.rich(
                  style: TextStyle(fontSize: 12, color: colorScheme.outline),
                  TextSpan(
                    children: [
                      const TextSpan(text: '共拥有 '),
                      TextSpan(
                        text: response.count.toString(),
                        style: TextStyle(
                          fontSize: 13,
                          color: colorScheme.primary,
                        ),
                      ),
                      const TextSpan(text: ' 枚粉丝勋章'),
                    ],
                  ),
                ),
              ),
            ),
          ),
          SliverList.builder(
            itemCount: response.list!.length,
            itemBuilder: (context, index) {
              final item = response.list![index];
              final uinfoMedal = item.uinfoMedal!;
              final isLiving = item.liveStatus == 1;
              Color? nameColor;
              Color? backgroundColor;
              try {
                nameColor = Utils.parseColor(uinfoMedal.v2MedalColorText!);
                backgroundColor = Utils.parseMedalColor(
                  uinfoMedal.v2MedalColorStart!,
                );
              } catch (e, s) {
                if (kDebugMode) {
                  Utils.reportError(e, s);
                }
              }
              final medal = MedalWidget(
                medalName: uinfoMedal.name!,
                level: uinfoMedal.level!,
                backgroundColor:
                    backgroundColor ?? colorScheme.secondaryContainer,
                nameColor: nameColor ?? colorScheme.onSecondaryContainer,
                levelColor: nameColor ?? colorScheme.onSecondaryContainer,
              );
              Widget avatar = PendantAvatar(
                avatar: item.targetIcon,
                size: 38,
                officialType: switch (item.official) {
                  1 => 0,
                  2 => 1,
                  _ => null,
                },
              );
              if (isLiving) {
                avatar = GestureDetector(
                  onTap: () =>
                      PageUtils.toDupNamed('/member?mid=${uinfoMedal.ruid}'),
                  child: avatar,
                );
              }
              return ListTile(
                onTap: () {
                  if (isLiving) {
                    PiliScheme.routePushFromUrl(item.link!);
                  } else {
                    PageUtils.toDupNamed('/member?mid=${uinfoMedal.ruid}');
                  }
                },
                visualDensity: VisualDensity.comfortable,
                leading: avatar,
                title: Row(
                  children: [
                    Flexible(
                      child: Text(
                        item.targetName!,
                        maxLines: 1,
                        overflow: .ellipsis,
                        style: const TextStyle(height: 1, fontSize: 14),
                      ),
                    ),
                    if (isLiving)
                      Padding(
                        padding: const .only(left: 4),
                        child: Image.asset(
                          'assets/images/live.gif',
                          height: 16,
                          cacheHeight: 16.cacheSize(context),
                          color: colorScheme.primary,
                        ),
                      ),
                    Padding(
                      padding: const .only(left: 8),
                      child: medal,
                    ),
                  ],
                ),
                trailing: item.medalInfo!.wearingStatus == 1
                    ? Container(
                        padding: const .symmetric(horizontal: 8, vertical: 3),
                        decoration: BoxDecoration(
                          borderRadius: const .all(.circular(3)),
                          color: colorScheme.isDark
                              ? const Color(0xFF8F0030)
                              : const Color(0xFFFF6699),
                        ),
                        child: const Text(
                          '佩戴中',
                          style: TextStyle(
                            height: 1,
                            fontSize: 10,
                            color: Colors.white,
                          ),
                          strutStyle: StrutStyle(
                            height: 1,
                            leading: 0,
                            fontSize: 10,
                          ),
                        ),
                      )
                    : null,
              );
            },
          ),
        ],
      ),
    );
  }
}