542 lines
21 KiB
Dart
542 lines
21 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:loopin/IM/controller/chat_detail_controller.dart';
|
||
import 'package:loopin/IM/im_service.dart';
|
||
import 'package:loopin/api/common_api.dart';
|
||
import 'package:loopin/components/my_confirm.dart';
|
||
import 'package:loopin/components/my_toast.dart';
|
||
import 'package:loopin/components/network_or_asset_image.dart';
|
||
import 'package:loopin/pages/groupChat/components/invite_action_sheet.dart';
|
||
import 'package:loopin/pages/groupChat/components/member_action_sheet.dart';
|
||
import 'package:loopin/pages/groupChat/components/set_group_info.dart';
|
||
import 'package:loopin/pages/groupChat/controller/group_detail_controller.dart';
|
||
import 'package:loopin/service/http.dart';
|
||
import 'package:loopin/utils/index.dart';
|
||
import 'package:loopin/utils/permissions.dart';
|
||
import 'package:shirne_dialog/shirne_dialog.dart';
|
||
import 'package:tencent_cloud_chat_sdk/enum/group_type.dart';
|
||
import 'package:tencent_cloud_chat_sdk/enum/receive_message_opt.dart';
|
||
import 'package:tencent_cloud_chat_sdk/enum/receive_message_opt_enum.dart';
|
||
import 'package:tencent_cloud_chat_sdk/models/v2_tim_group_info.dart';
|
||
import 'package:wechat_assets_picker/wechat_assets_picker.dart';
|
||
|
||
class Groupdetail extends StatefulWidget {
|
||
const Groupdetail({super.key});
|
||
|
||
// final String groupID;
|
||
// const Groupdetail({super.key, required this.groupID});
|
||
|
||
@override
|
||
State<Groupdetail> createState() => GroupdetailState();
|
||
}
|
||
|
||
class GroupdetailState extends State<Groupdetail> {
|
||
late final GroupDetailController controller;
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
// 跳转前先put
|
||
controller = Get.find<GroupDetailController>();
|
||
// controller = Get.put(GroupDetailController(groupID: widget.groupID));
|
||
}
|
||
|
||
///设置群头像
|
||
void pickFaceUrl(BuildContext context) async {
|
||
final hasPer = await Permissions.requestPhotoPermission();
|
||
if (!hasPer) {
|
||
Permissions.showPermissionDialog('相册');
|
||
return;
|
||
}
|
||
final pickedAssets = await AssetPicker.pickAssets(
|
||
context,
|
||
pickerConfig: AssetPickerConfig(
|
||
textDelegate: const AssetPickerTextDelegate(),
|
||
pathNameBuilder: (AssetPathEntity album) {
|
||
return Utils.translateAlbumName(album);
|
||
},
|
||
maxAssets: 1,
|
||
requestType: RequestType.image,
|
||
filterOptions: FilterOptionGroup(
|
||
imageOption: const FilterOption(),
|
||
),
|
||
),
|
||
);
|
||
|
||
if (pickedAssets != null && pickedAssets.isNotEmpty) {
|
||
final asset = pickedAssets.first;
|
||
final file = await asset.file; // 获取实际文件
|
||
if (file != null) {
|
||
final fileSizeInBytes = await file.length();
|
||
final sizeInMB = fileSizeInBytes / (1024 * 1024);
|
||
if (sizeInMB > 20) {
|
||
MyDialog.toast('图片大小不能超过20MB', icon: const Icon(Icons.check_circle), style: ToastStyle(backgroundColor: Colors.red.withAlpha(200)));
|
||
} else {
|
||
logger.w("图片合法，大小：$sizeInMB MB");
|
||
//走upload(file)上传图片拿到url地址
|
||
final istance = MyDialog.loading('上传中', duration: Duration(minutes: 1));
|
||
final res = await Http.upload(CommonApi.uploadFile, filePath: file.path);
|
||
final imgUrl = res['data']['url'];
|
||
logger.e(imgUrl);
|
||
// 设置群头像
|
||
await controller.setGroupInfo(
|
||
changedInfo: V2TimGroupInfo(
|
||
groupID: controller.info.value!.groupID,
|
||
groupType: GroupType.Work,
|
||
faceUrl: imgUrl,
|
||
),
|
||
);
|
||
istance.close();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: Colors.grey[50],
|
||
appBar: AppBar(
|
||
centerTitle: true,
|
||
forceMaterialTransparency: true,
|
||
title: const Text(
|
||
"群资料",
|
||
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
|
||
),
|
||
leading: IconButton(
|
||
icon: const Icon(Icons.arrow_back),
|
||
onPressed: () {
|
||
Get.back(result: controller.info.value?.groupName ?? '');
|
||
},
|
||
),
|
||
bottom: PreferredSize(
|
||
preferredSize: const Size.fromHeight(1),
|
||
child: Container(height: 1, color: Colors.grey[300]),
|
||
),
|
||
),
|
||
body: ListView(
|
||
children: [
|
||
// 介绍
|
||
ListTile(
|
||
// 群头像
|
||
leading: Obx(
|
||
() => GestureDetector(
|
||
onTap: () {
|
||
// 编辑头像
|
||
if (controller.isOwner.value) {
|
||
//
|
||
pickFaceUrl(context);
|
||
}
|
||
},
|
||
child: ClipOval(
|
||
child: NetworkOrAssetImage(
|
||
imageUrl: controller.info.value?.faceUrl ?? '',
|
||
placeholderAsset: 'assets/images/group.png',
|
||
height: 60,
|
||
width: 60,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
// 群名称
|
||
title: Obx(
|
||
() => GestureDetector(
|
||
onTap: () {
|
||
// 去setinfo页
|
||
logger.w('点了名称');
|
||
if (controller.isOwner.value) {
|
||
Get.to(
|
||
() => SetGroupInfoPage(
|
||
appBarTitle: "修改群名称",
|
||
fieldLabel: "群名称",
|
||
maxLines: 1,
|
||
maxLength: 20,
|
||
initialValue: controller.info.value?.groupName ?? "",
|
||
onSubmit: (value) async {
|
||
// 修改群名称
|
||
await controller.setGroupInfo(
|
||
changedInfo: V2TimGroupInfo(
|
||
groupID: controller.info.value!.groupID,
|
||
groupType: GroupType.Work,
|
||
groupName: value,
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
},
|
||
child: Text(
|
||
Utils.handleText(controller.info.value?.groupName, '', "未命名群聊"),
|
||
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
),
|
||
// 群简介
|
||
subtitle: Obx(
|
||
() => GestureDetector(
|
||
onTap: () {
|
||
// 去setinfo页
|
||
logger.w('点了简介绍');
|
||
if (controller.isOwner.value) {
|
||
Get.to(
|
||
() => SetGroupInfoPage(
|
||
appBarTitle: "修改群简介",
|
||
fieldLabel: "群简介",
|
||
maxLines: 5,
|
||
maxLength: 100,
|
||
initialValue: controller.info.value?.introduction ?? "",
|
||
onSubmit: (value) async {
|
||
// 修改群名称
|
||
await controller.setGroupInfo(
|
||
changedInfo: V2TimGroupInfo(
|
||
groupID: controller.info.value!.groupID,
|
||
groupType: GroupType.Work,
|
||
introduction: value,
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
},
|
||
child: Text(
|
||
Utils.handleText(controller.info.value?.introduction, '', "暂无群介绍"),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: const TextStyle(color: Colors.grey),
|
||
),
|
||
),
|
||
),
|
||
trailing: const Icon(Icons.chevron_right),
|
||
),
|
||
const Divider(height: 1),
|
||
|
||
// 群成员
|
||
ListTile(
|
||
title: Obx(
|
||
() => Text("群成员（${controller.info.value?.memberCount ?? 0}/${controller.info.value?.memberMaxCount ?? 0}）"),
|
||
),
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(
|
||
() => Text("查看${controller.info.value?.memberCount ?? 0}个群成员", style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||
),
|
||
const Icon(Icons.chevron_right),
|
||
],
|
||
),
|
||
onTap: () {
|
||
// 群成员列表
|
||
showModalBottomSheet(
|
||
context: context,
|
||
barrierColor: Colors.white,
|
||
isScrollControlled: true,
|
||
useSafeArea: true,
|
||
shape: const RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
|
||
),
|
||
builder: (context) {
|
||
return MemberActionSheet(
|
||
showButton: false,
|
||
groupID: controller.groupID,
|
||
title: '群成员',
|
||
showSelf: true,
|
||
onAction: (userIDs) {
|
||
//
|
||
},
|
||
);
|
||
},
|
||
);
|
||
},
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||
child: Wrap(
|
||
spacing: 16,
|
||
runSpacing: 12,
|
||
children: [
|
||
Obx(
|
||
() {
|
||
return Wrap(
|
||
spacing: 16,
|
||
runSpacing: 12,
|
||
children: controller.memberList.take(8).map((m) {
|
||
// 点击成员头像
|
||
return GestureDetector(
|
||
onTap: () {
|
||
final currentUserID = controller.selfInfo.value?.userID ?? '';
|
||
if (m.userID != currentUserID) {
|
||
Get.toNamed('/vloger', arguments: {'memberId': m.userID});
|
||
}
|
||
},
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
ClipOval(
|
||
child: NetworkOrAssetImage(
|
||
imageUrl: m.faceUrl,
|
||
height: 50,
|
||
width: 50,
|
||
),
|
||
),
|
||
const SizedBox(height: 4),
|
||
SizedBox(
|
||
width: 50,
|
||
child: Text(
|
||
m.nickName ?? '未知昵称',
|
||
maxLines: 1,
|
||
softWrap: false,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: const TextStyle(fontSize: 12),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}).toList(),
|
||
);
|
||
},
|
||
),
|
||
// 邀请 +
|
||
GestureDetector(
|
||
onTap: () {
|
||
//检测群人数上限,
|
||
logger.w('当前人数${controller.info.value?.memberCount ?? 0}---上限人数${controller.info.value?.memberMaxCount ?? 0}');
|
||
if ((controller.info.value?.memberCount ?? 0) < (controller.info.value?.memberMaxCount ?? 0)) {
|
||
// 群人数未达到上限，可以继续加人
|
||
showModalBottomSheet(
|
||
context: context,
|
||
barrierColor: Colors.white,
|
||
isScrollControlled: true,
|
||
useSafeArea: true,
|
||
shape: const RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
|
||
),
|
||
builder: (context) {
|
||
return InviteActionSheet(
|
||
groupID: controller.groupID,
|
||
title: '邀请新成员',
|
||
onAction: (userIDs) {
|
||
logger.w("准备添加群成员: $userIDs");
|
||
controller.inviteUserToGroup(userList: userIDs);
|
||
},
|
||
);
|
||
},
|
||
);
|
||
} else {
|
||
MyToast().tip(title: '群人数已达上限', position: 'top');
|
||
}
|
||
},
|
||
child: Column(
|
||
children: [
|
||
CircleAvatar(
|
||
radius: 25,
|
||
child: const Icon(Icons.add),
|
||
),
|
||
const SizedBox(height: 4),
|
||
const Text("邀请", style: TextStyle(fontSize: 12)),
|
||
],
|
||
),
|
||
),
|
||
// 移除 -
|
||
Obx(
|
||
() => controller.isOwner.value
|
||
? GestureDetector(
|
||
onTap: () {
|
||
showModalBottomSheet(
|
||
context: context,
|
||
barrierColor: Colors.white,
|
||
isScrollControlled: true,
|
||
useSafeArea: true,
|
||
shape: const RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
|
||
),
|
||
builder: (context) {
|
||
return MemberActionSheet(
|
||
groupID: controller.groupID,
|
||
title: '移出成员',
|
||
onAction: (userIDs) {
|
||
logger.w("准备移除群成员: $userIDs");
|
||
controller.kickGroupMember(userIDs);
|
||
},
|
||
);
|
||
},
|
||
);
|
||
},
|
||
child: Column(
|
||
children: [
|
||
const CircleAvatar(
|
||
radius: 25,
|
||
child: Icon(Icons.remove),
|
||
),
|
||
const SizedBox(height: 4),
|
||
const Text("移除", style: TextStyle(fontSize: 12)),
|
||
],
|
||
),
|
||
)
|
||
: SizedBox.shrink(),
|
||
)
|
||
],
|
||
),
|
||
),
|
||
const Divider(height: 1),
|
||
|
||
// 群公告
|
||
ListTile(
|
||
title: const Text("群公告"),
|
||
subtitle: Obx(
|
||
() => Text(
|
||
Utils.handleText(controller.info.value?.notification, '', "暂无公告"),
|
||
maxLines: 3,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
trailing: const Icon(Icons.chevron_right),
|
||
onTap: () {
|
||
logger.w('点击了群公告');
|
||
if (controller.isOwner.value) {
|
||
Get.to(
|
||
() => SetGroupInfoPage(
|
||
appBarTitle: "修改群公告",
|
||
fieldLabel: "群公告",
|
||
maxLines: 8,
|
||
maxLength: 200,
|
||
initialValue: controller.info.value?.notification ?? "",
|
||
onSubmit: (value) async {
|
||
// 修改群公告
|
||
await controller.setGroupInfo(
|
||
changedInfo: V2TimGroupInfo(
|
||
groupID: controller.info.value!.groupID,
|
||
groupType: GroupType.Work,
|
||
notification: value,
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
},
|
||
),
|
||
const Divider(height: 1),
|
||
|
||
// 我的本群昵称
|
||
ListTile(
|
||
title: const Text("我的本群昵称"),
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(
|
||
() {
|
||
return Text(
|
||
Utils.handleText(controller.selfInfo.value?.nameCard, controller.selfInfo.value?.nickName, '未设置昵称'),
|
||
style: TextStyle(fontSize: 14),
|
||
);
|
||
},
|
||
),
|
||
const Icon(Icons.chevron_right),
|
||
],
|
||
),
|
||
onTap: () async {
|
||
Get.to(
|
||
() => SetGroupInfoPage(
|
||
appBarTitle: "修改群昵称",
|
||
fieldLabel: "群昵称",
|
||
maxLines: 1,
|
||
maxLength: 12,
|
||
initialValue: controller.selfInfo.value?.nameCard ?? "",
|
||
onSubmit: (value) {
|
||
// 修改自己的群昵称
|
||
controller.setSelfInfo(nameCard: value);
|
||
},
|
||
),
|
||
);
|
||
},
|
||
),
|
||
const Divider(height: 1),
|
||
|
||
// 消息免打扰
|
||
Obx(
|
||
() => SwitchListTile(
|
||
title: Text("消息免打扰"),
|
||
value: controller.info.value?.recvOpt == ReceiveMsgOptType.kTIMRecvMsgOpt_Not_Notify_Except_At, // 暂时只提供0和3
|
||
activeColor: Colors.green,
|
||
inactiveThumbColor: Colors.grey,
|
||
inactiveTrackColor: Colors.white,
|
||
onChanged: (v) async {
|
||
if (controller.info.value != null) {
|
||
logger.w(v);
|
||
logger.e(controller.info.value?.recvOpt);
|
||
// v=true -> 开启免打扰 = 3
|
||
final res = await ImService.instance.setGroupReceiveMessageOpt(
|
||
groupID: controller.groupID,
|
||
opt: v ? ReceiveMsgOptEnum.V2TIM_RECEIVE_NOT_NOTIFY_MESSAGE_EXCEPT_AT : ReceiveMsgOptEnum.V2TIM_RECEIVE_MESSAGE, // 关闭免打扰 = 0
|
||
);
|
||
if (res.success) {
|
||
controller.info.value!.recvOpt =
|
||
v ? ReceiveMsgOptType.kTIMRecvMsgOpt_Not_Notify_Except_At : ReceiveMsgOptType.kTIMRecvMsgOpt_Receive; // 关闭免打扰 = 0 开启=3
|
||
controller.info.refresh();
|
||
} else {
|
||
MyToast().tip(title: '网络繁忙,请稍后再试', position: 'top');
|
||
}
|
||
}
|
||
|
||
// class ReceiveMsgOptType {
|
||
// 在线正常接收消息，离线时会进行 APNs 推送
|
||
// static const int kTIMRecvMsgOpt_Receive = 0;
|
||
// 不会接收到消息，离线不会有推送通知
|
||
// static const int kTIMRecvMsgOpt_Not_Receive = 1;
|
||
// 在线正常接收消息，离线不会有推送通知
|
||
// static const int kTIMRecvMsgOpt_Not_Notify = 2;
|
||
// 在线接收消息，离线只接收 at 消息的推送
|
||
// static const int kTIMRecvMsgOpt_Not_Notify_Except_At = 3;
|
||
// 在线和离线都只接收@消息
|
||
// static const int kTIMRecvMsgOpt_Not_Receive_Except_At = 4;
|
||
// }
|
||
},
|
||
),
|
||
),
|
||
const Divider(height: 1),
|
||
|
||
// 举报
|
||
// ListTile(
|
||
// title: const Text("举报"),
|
||
// trailing: const Icon(Icons.chevron_right),
|
||
// onTap: () {
|
||
// //
|
||
// },
|
||
// ),
|
||
|
||
// 退出群聊
|
||
const SizedBox(height: 20),
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: ElevatedButton(
|
||
style: ElevatedButton.styleFrom(
|
||
backgroundColor: Colors.red,
|
||
minimumSize: const Size(double.infinity, 48),
|
||
),
|
||
onPressed: () async {
|
||
// 二次确认
|
||
final confirmed = await ConfirmDialog.show(
|
||
title: "提示",
|
||
content: "确认要退出群聊吗？",
|
||
);
|
||
|
||
if (confirmed == true) {
|
||
await controller.quitGroup();
|
||
Get.find<ChatDetailController>().toolFlag.value = false; // 禁用工具栏
|
||
Get.back(); // 返回上一个页面
|
||
}
|
||
},
|
||
child: const Text("退出群聊", style: TextStyle(color: Colors.white)),
|
||
),
|
||
),
|
||
const SizedBox(height: 30),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|