PiliPlus/lib/pages/whisper_link_setting/view.dart

import 'package:PiliPlus/common/widgets/pendant_avatar.dart';
import 'package:PiliPlus/http/loading_state.dart';
import 'package:PiliPlus/models/msg/im_user_infos/datum.dart';
import 'package:PiliPlus/models/msg/msg_dnd/uid_setting.dart';
import 'package:PiliPlus/models/msg/session_ss/data.dart';
import 'package:PiliPlus/pages/whisper_link_setting/controller.dart';
import 'package:PiliPlus/utils/extension.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class WhisperLinkSettingPage extends StatefulWidget {
  const WhisperLinkSettingPage({
    super.key,
    required this.talkerUid,
  });

  final int talkerUid;

  @override
  State<WhisperLinkSettingPage> createState() => _WhisperLinkSettingPageState();
}

class _WhisperLinkSettingPageState extends State<WhisperLinkSettingPage> {
  late final WhisperLinkSettingController _controller = Get.put(
    WhisperLinkSettingController(talkerUid: widget.talkerUid),
    tag: Utils.generateRandomString(8),
  );

  @override
  Widget build(BuildContext context) {
    final ThemeData theme = Theme.of(context);
    final divider = Divider(
      height: 12,
      thickness: 12,
      color: theme.colorScheme.outline.withOpacity(0.1),
    );
    final divider2 = Divider(
      height: 1,
      indent: 16,
      color: theme.colorScheme.outline.withOpacity(0.1),
    );
    return Scaffold(
      appBar: AppBar(title: const Text('聊天设置')),
      body: ListView(
        padding:
            EdgeInsets.only(bottom: MediaQuery.paddingOf(context).bottom + 80),
        children: [
          divider,
          Obx(() =>
              _buildUserInfo(theme, divider, _controller.userState.value)),
          Obx(() => _buildSessionSs(
              theme, divider, divider2, _controller.sessionSs.value)),
          Obx(() => _controller.sessionSs.value.isSuccess
              ? _buildBlockItem(
                  _controller.sessionSs.value.data.followStatus == 128)
              : const SizedBox.shrink()),
          divider2,
          ListTile(
            dense: true,
            onTap: _controller.report,
            title: const Text('举报', style: TextStyle(fontSize: 14)),
            trailing: Icon(
              Icons.keyboard_arrow_right,
              color: theme.colorScheme.outline,
            ),
          ),
          divider,
        ],
      ),
    );
  }

  Widget _buildBlockItem(bool isBlocked) {
    return ListTile(
      dense: true,
      onTap: () => _controller.setBlock(isBlocked),
      title: const Text('加入黑名单', style: TextStyle(fontSize: 14)),
      trailing: Transform.scale(
        alignment: Alignment.centerRight,
        scale: 0.8,
        child: Switch(
          thumbIcon:
              WidgetStateProperty.resolveWith<Icon?>((Set<WidgetState> states) {
            if (states.isNotEmpty && states.first == WidgetState.selected) {
              return const Icon(Icons.done);
            }
            return null;
          }),
          value: isBlocked,
          onChanged: (value) => _controller.setBlock(isBlocked),
        ),
      ),
    );
  }

  Widget _buildUserInfo(
    ThemeData theme,
    Widget divider,
    LoadingState<List<ImUserInfosData>?> loadingState,
  ) {
    return switch (loadingState) {
      Loading() => const SizedBox.shrink(),
      Success(:var response) => response?.isNotEmpty == true
          ? Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Builder(
                  builder: (context) {
                    final ImUserInfosData item = response!.first;
                    return ListTile(
                      onTap: () {
                        Get.toNamed('/member?mid=${item.mid}');
                      },
                      leading: PendantAvatar(
                        avatar: item.face,
                        size: 42,
                        badgeSize: 14,
                        isVip: item.vip?.status != null && item.vip!.status > 0,
                        garbPendantImage: item.pendant?.image,
                        officialType: item.official?.type,
                      ),
                      title: Text(
                        item.name!,
                        style: TextStyle(
                          fontSize: 14,
                          color: item.vip?.status != null &&
                                  item.vip!.status > 0 &&
                                  item.vip?.type == 2
                              ? context.vipColor
                              : null,
                        ),
                      ),
                      subtitle: Text(
                        'UID: ${item.mid}${item.sign?.isNotEmpty == true ? '\n${item.sign}' : ''}',
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
                          fontSize: 13,
                          color: theme.colorScheme.outline,
                        ),
                      ),
                      trailing: Icon(
                        size: 22,
                        Icons.keyboard_arrow_right,
                        color: theme.colorScheme.outline,
                      ),
                    );
                  },
                ),
                divider,
              ],
            )
          : const SizedBox.shrink(),
      Error(:var errMsg) => _errWidget(errMsg, _controller.getUserInfo),
    };
  }

  Widget _buildSessionSs(
    ThemeData theme,
    Widget divider,
    Widget divider2,
    LoadingState<SessionSsData> loadingState,
  ) {
    return switch (loadingState) {
      Loading() => const SizedBox.shrink(),
      Success(:var response) => Builder(
          builder: (context) {
            late final subTitleS =
                TextStyle(fontSize: 13, color: theme.colorScheme.outline);
            return Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if (response.showPushSetting == 1)
                  ListTile(
                    dense: true,
                    onTap: () => _controller.setPush(response.pushSetting == 0),
                    title: const Text('接收消息推送', style: TextStyle(fontSize: 14)),
                    subtitle: Text(
                      '若关闭此开关，你将不再收到该账号的图文消息与稿件推送，但通知类消息不受影响',
                      style: subTitleS,
                    ),
                    trailing: Transform.scale(
                      alignment: Alignment.centerRight,
                      scale: 0.8,
                      child: Switch(
                        thumbIcon: WidgetStateProperty.resolveWith<Icon?>(
                            (Set<WidgetState> states) {
                          if (states.isNotEmpty &&
                              states.first == WidgetState.selected) {
                            return const Icon(Icons.done);
                          }
                          return null;
                        }),
                        value: response.pushSetting == 0,
                        onChanged: (value) =>
                            _controller.setPush(response.pushSetting == 0),
                      ),
                    ),
                  ),
                divider2,
                Obx(
                  () => ListTile(
                    dense: true,
                    onTap: _controller.setPin,
                    title: const Text('置顶聊天', style: TextStyle(fontSize: 14)),
                    trailing: Transform.scale(
                      alignment: Alignment.centerRight,
                      scale: 0.8,
                      child: Switch(
                        thumbIcon: WidgetStateProperty.resolveWith<Icon?>(
                            (Set<WidgetState> states) {
                          if (states.isNotEmpty &&
                              states.first == WidgetState.selected) {
                            return const Icon(Icons.done);
                          }
                          return null;
                        }),
                        value: _controller.isPinned.value,
                        onChanged: (value) => _controller.setPin(),
                      ),
                    ),
                  ),
                ),
                divider2,
                Obx(() => _buildMuteItem(_controller.msgDnd.value)),
                divider,
              ],
            );
          },
        ),
      Error(:var errMsg) => _errWidget(errMsg, _controller.getSessionSs),
    };
  }

  Widget _buildMuteItem(LoadingState<List<UidSetting>?> loadingState) {
    return switch (loadingState) {
      Loading() => const SizedBox.shrink(),
      Success(:var response) => response?.isNotEmpty == true
          ? ListTile(
              dense: true,
              onTap: () => _controller.setMute(response.first.setting == 1),
              title: const Text('消息免打扰', style: TextStyle(fontSize: 14)),
              trailing: Transform.scale(
                alignment: Alignment.centerRight,
                scale: 0.8,
                child: Switch(
                  thumbIcon: WidgetStateProperty.resolveWith<Icon?>(
                      (Set<WidgetState> states) {
                    if (states.isNotEmpty &&
                        states.first == WidgetState.selected) {
                      return const Icon(Icons.done);
                    }
                    return null;
                  }),
                  value: response!.first.setting == 1,
                  onChanged: (value) =>
                      _controller.setMute(response.first.setting == 1),
                ),
              ),
            )
          : const SizedBox.shrink(),
      Error(:var errMsg) => _errWidget(errMsg, _controller.getMsgDnd),
    };
  }

  Widget _errWidget(String? errMsg, VoidCallback onTap) {
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: onTap,
      child: Container(
        alignment: Alignment.center,
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
        child: Text(
          errMsg ?? '',
          textAlign: TextAlign.center,
        ),
      ),
    );
  }
}