Solian/lib/widgets/channel/channel_member.dart

195 lines
5.7 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:get/get.dart';
import 'package:solian/exts.dart';
import 'package:solian/models/channel.dart';
import 'package:solian/providers/auth.dart';
import 'package:solian/services.dart';
import 'package:solian/widgets/account/account_avatar.dart';
import 'package:solian/widgets/account/account_profile_popup.dart';
import 'package:solian/widgets/account/friend_select.dart';
class ChannelMemberListPopup extends StatefulWidget {
final Channel channel;
final String realm;
const ChannelMemberListPopup({
super.key,
required this.channel,
required this.realm,
});
@override
State<ChannelMemberListPopup> createState() => _ChannelMemberListPopupState();
}
class _ChannelMemberListPopupState extends State<ChannelMemberListPopup> {
bool _isBusy = true;
int? _accountId;
List<ChannelMember> _members = List.empty();
void getProfile() async {
final AuthProvider auth = Get.find();
if (!await auth.isAuthorized) return;
final prof = await auth.getProfile();
setState(() => _accountId = prof.body['id']);
}
void getMembers() async {
setState(() => _isBusy = true);
final client = ServiceFinder.configureClient('messaging');
final resp = await client
.get('/channels/${widget.realm}/${widget.channel.alias}/members');
if (resp.statusCode == 200) {
setState(() {
_members = resp.body
.map((x) => ChannelMember.fromJson(x))
.toList()
.cast<ChannelMember>();
});
} else {
context.showErrorDialog(resp.bodyString);
}
setState(() => _isBusy = false);
}
void promptAddMember() async {
final input = await showModalBottomSheet(
context: context,
builder: (context) {
return FriendSelect(title: 'channelMembersAdd'.tr);
},
);
if (input == null) return;
addMember(input.name);
}
void addMember(String username) async {
final AuthProvider auth = Get.find();
if (!await auth.isAuthorized) return;
setState(() => _isBusy = true);
final client = auth.configureClient('messaging');
final resp = await client.post(
'/channels/${widget.realm}/${widget.channel.alias}/members',
{'target': username},
);
if (resp.statusCode == 200) {
getMembers();
} else {
context.showErrorDialog(resp.bodyString);
}
setState(() => _isBusy = false);
}
void removeMember(ChannelMember item) async {
final AuthProvider auth = Get.find();
if (!await auth.isAuthorized) return;
setState(() => _isBusy = true);
final client = auth.configureClient('messaging');
final resp = await client.request(
'/channels/${widget.realm}/${widget.channel.alias}/members',
'delete',
body: {'target': item.account.name},
);
if (resp.statusCode == 200) {
getMembers();
} else {
context.showErrorDialog(resp.bodyString);
}
setState(() => _isBusy = false);
}
@override
void initState() {
super.initState();
getProfile();
getMembers();
}
@override
Widget build(BuildContext context) {
return SizedBox(
height: MediaQuery.of(context).size.height * 0.85,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'channelMembers'.tr,
style: Theme.of(context).textTheme.headlineSmall,
).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
ListTile(
tileColor: Theme.of(context).colorScheme.surfaceContainerHigh,
contentPadding: const EdgeInsets.symmetric(horizontal: 20),
leading: const Icon(Icons.person_add),
title: Text('channelMembersAdd'.tr),
subtitle: Text(
'channelMembersAddHint'
.trParams({'channel': '#${widget.channel.alias}'}),
),
onTap: () => promptAddMember(),
),
Expanded(
child: ListView.builder(
itemCount: _members.length,
itemBuilder: (context, index) {
var element = _members[index];
return ListTile(
title: Text(element.account.nick),
subtitle: Text(element.account.name),
leading: GestureDetector(
child: AccountAvatar(content: element.account.avatar),
onTap: () {
showModalBottomSheet(
useRootNavigator: true,
isScrollControlled: true,
backgroundColor: Theme.of(context).colorScheme.surface,
context: context,
builder: (context) => AccountProfilePopup(
account: element.account,
),
);
},
),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
const IconButton(
color: Colors.teal,
icon: Icon(Icons.admin_panel_settings),
onPressed: null,
),
IconButton(
color: Colors.red,
icon: const Icon(Icons.remove_circle),
onPressed: element.account.externalId == _accountId
? null
: () => removeMember(element),
),
],
),
);
},
),
),
],
),
);
}
}