2023-04-18 23:39:52 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:go_router/go_router.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:result_monad/result_monad.dart';
|
|
|
|
|
2023-04-19 01:49:45 +00:00
|
|
|
import '../controls/linear_status_indicator.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../controls/padding.dart';
|
2023-04-21 13:54:34 +00:00
|
|
|
import '../controls/responsive_max_width.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../controls/standard_appbar.dart';
|
2023-04-20 16:14:04 +00:00
|
|
|
import '../controls/status_and_refresh_button.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../globals.dart';
|
2023-04-20 16:14:04 +00:00
|
|
|
import '../models/connection.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../models/group_data.dart';
|
2023-04-21 13:54:34 +00:00
|
|
|
import '../routes.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../services/connections_manager.dart';
|
2023-04-19 01:49:45 +00:00
|
|
|
import '../services/network_status_service.dart';
|
2023-04-18 23:39:52 +00:00
|
|
|
import '../utils/active_profile_selector.dart';
|
|
|
|
import '../utils/snackbar_builder.dart';
|
|
|
|
|
|
|
|
class GroupEditorScreen extends StatefulWidget {
|
|
|
|
final String groupId;
|
|
|
|
|
2023-04-21 13:54:34 +00:00
|
|
|
const GroupEditorScreen({super.key, required this.groupId});
|
2023-04-18 23:39:52 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
State<GroupEditorScreen> createState() => _GroupEditorScreenState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _GroupEditorScreenState extends State<GroupEditorScreen> {
|
|
|
|
final groupTextController = TextEditingController();
|
|
|
|
var processingUpdate = false;
|
|
|
|
var allowNameEditing = false;
|
2023-04-20 16:14:04 +00:00
|
|
|
var filterText = '';
|
2023-04-18 23:39:52 +00:00
|
|
|
late GroupData groupData;
|
|
|
|
|
|
|
|
Future<void> updateGroupName(
|
|
|
|
BuildContext context, ConnectionsManager manager) async {
|
|
|
|
processingUpdate = true;
|
|
|
|
final updated = groupTextController.text;
|
|
|
|
if (groupTextController.text != groupData.name) {
|
|
|
|
final confirm = await showYesNoDialog(
|
|
|
|
context, 'Change the group name from ${groupData.name} to $updated?');
|
|
|
|
if (context.mounted && confirm == true) {
|
|
|
|
await manager.renameGroup(widget.groupId, updated).match(
|
|
|
|
onSuccess: (updatedGroupData) {
|
|
|
|
groupData = updatedGroupData;
|
|
|
|
setState(() {
|
|
|
|
allowNameEditing = false;
|
|
|
|
});
|
|
|
|
}, onError: (error) {
|
2023-04-20 20:26:11 +00:00
|
|
|
buildSnackbar(context, 'Error renaming group: $error');
|
2023-04-18 23:39:52 +00:00
|
|
|
});
|
|
|
|
} else {
|
|
|
|
groupTextController.text = groupData.name;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
processingUpdate = false;
|
|
|
|
}
|
|
|
|
|
|
|
|
Future<void> deleteGroup(ConnectionsManager manager) async {
|
|
|
|
final confirm = await showYesNoDialog(context,
|
|
|
|
"Permanently delete group ${groupData.name}? This can't be undone.");
|
|
|
|
if (context.mounted && confirm == true) {
|
|
|
|
await manager.deleteGroup(groupData).match(
|
|
|
|
onSuccess: (_) => context.canPop() ? context.pop() : null,
|
|
|
|
onError: (error) =>
|
|
|
|
buildSnackbar(context, 'Error trying to delete group: $error'),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-04-20 16:14:04 +00:00
|
|
|
Future<void> removeUserFromGroup(
|
|
|
|
ConnectionsManager manager,
|
|
|
|
Connection connection,
|
|
|
|
) async {
|
|
|
|
final messageBase = '${connection.name} from ${groupData.name}';
|
|
|
|
final confirm = await showYesNoDialog(context, 'Remove $messageBase?');
|
|
|
|
if (context.mounted && confirm == true) {
|
|
|
|
final message =
|
|
|
|
await manager.removeUserFromGroup(groupData, connection).fold(
|
|
|
|
onSuccess: (_) => 'Removed $messageBase',
|
|
|
|
onError: (error) => 'Error removing $messageBase: $error',
|
|
|
|
);
|
2023-04-20 20:26:11 +00:00
|
|
|
buildSnackbar(context, message);
|
2023-04-20 16:14:04 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-04-18 23:39:52 +00:00
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
final manager =
|
|
|
|
getIt<ActiveProfileSelector<ConnectionsManager>>().activeEntry.value;
|
|
|
|
groupData = manager
|
|
|
|
.getMyGroups()
|
|
|
|
.where(
|
|
|
|
(g) => g.id == widget.groupId,
|
|
|
|
)
|
|
|
|
.first;
|
2023-04-19 01:49:45 +00:00
|
|
|
manager.refreshGroupMemberships(groupData);
|
2023-04-18 23:39:52 +00:00
|
|
|
groupTextController.text = groupData.name;
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2023-04-19 01:49:45 +00:00
|
|
|
final nss = getIt<NetworkStatusService>();
|
2023-04-18 23:39:52 +00:00
|
|
|
final manager = context
|
|
|
|
.watch<ActiveProfileSelector<ConnectionsManager>>()
|
|
|
|
.activeEntry
|
|
|
|
.value;
|
|
|
|
|
2023-04-20 16:14:04 +00:00
|
|
|
final filterTextLC = filterText.toLowerCase();
|
|
|
|
final members = manager
|
|
|
|
.getGroupMembers(groupData)
|
|
|
|
.transform((ms) => ms
|
|
|
|
.where((m) =>
|
|
|
|
filterText.isEmpty ||
|
|
|
|
m.name.toLowerCase().contains(filterTextLC) ||
|
|
|
|
m.handle.toLowerCase().contains(filterTextLC))
|
|
|
|
.toList())
|
|
|
|
.getValueOrElse(() => <Connection>[]);
|
2023-04-19 01:49:45 +00:00
|
|
|
|
2023-04-18 23:39:52 +00:00
|
|
|
return Scaffold(
|
|
|
|
appBar: StandardAppBar.build(
|
|
|
|
context,
|
|
|
|
'Group Editor',
|
|
|
|
withHome: false,
|
|
|
|
actions: [
|
|
|
|
IconButton(
|
|
|
|
onPressed: () => deleteGroup(manager),
|
|
|
|
icon: const Icon(Icons.delete),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
body: Padding(
|
|
|
|
padding: const EdgeInsets.all(8.0),
|
|
|
|
child: RefreshIndicator(
|
|
|
|
onRefresh: () async {
|
|
|
|
manager.refreshGroups();
|
|
|
|
},
|
2023-04-21 13:54:34 +00:00
|
|
|
child: ResponsiveMaxWidth(
|
|
|
|
child: Column(
|
|
|
|
children: [
|
|
|
|
StandardLinearProgressIndicator(nss.connectionUpdateStatus),
|
|
|
|
Padding(
|
|
|
|
padding: const EdgeInsets.all(8.0),
|
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
Expanded(
|
|
|
|
child: TextFormField(
|
|
|
|
enabled: allowNameEditing,
|
|
|
|
readOnly: !allowNameEditing,
|
|
|
|
onEditingComplete: () async {
|
|
|
|
if (processingUpdate) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
updateGroupName(context, manager);
|
|
|
|
},
|
|
|
|
onTapOutside: (_) async {
|
|
|
|
if (processingUpdate) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
updateGroupName(context, manager);
|
|
|
|
},
|
|
|
|
controller: groupTextController,
|
|
|
|
textCapitalization: TextCapitalization.sentences,
|
|
|
|
decoration: InputDecoration(
|
|
|
|
labelText: 'Group Name',
|
|
|
|
border: OutlineInputBorder(
|
|
|
|
borderSide: const BorderSide(),
|
|
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
|
|
),
|
2023-04-19 01:49:45 +00:00
|
|
|
),
|
|
|
|
),
|
2023-04-18 23:39:52 +00:00
|
|
|
),
|
2023-04-21 13:54:34 +00:00
|
|
|
const HorizontalPadding(),
|
|
|
|
IconButton(
|
|
|
|
onPressed: () {
|
|
|
|
if (allowNameEditing) {
|
|
|
|
groupTextController.text = groupData.name;
|
|
|
|
}
|
2023-04-20 16:14:04 +00:00
|
|
|
setState(() {
|
2023-04-21 13:54:34 +00:00
|
|
|
allowNameEditing = !allowNameEditing;
|
2023-04-20 16:14:04 +00:00
|
|
|
});
|
|
|
|
},
|
2023-04-21 13:54:34 +00:00
|
|
|
icon: const Icon(Icons.edit),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const VerticalPadding(),
|
|
|
|
Row(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
children: [
|
|
|
|
Text('Group Members:',
|
|
|
|
style: Theme.of(context).textTheme.headlineSmall),
|
|
|
|
IconButton(
|
|
|
|
onPressed: () {
|
|
|
|
context.push(
|
|
|
|
'${ScreenPaths.groupManagement}/add_users/${widget.groupId}');
|
|
|
|
},
|
|
|
|
icon: const Icon(Icons.add)),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.all(8.0),
|
|
|
|
child: TextField(
|
|
|
|
onChanged: (value) {
|
|
|
|
setState(() {
|
|
|
|
filterText = value.toLowerCase();
|
|
|
|
});
|
|
|
|
},
|
|
|
|
decoration: InputDecoration(
|
|
|
|
labelText: 'Filter By Name',
|
|
|
|
alignLabelWithHint: true,
|
|
|
|
border: OutlineInputBorder(
|
|
|
|
borderSide: BorderSide(
|
|
|
|
color: Theme.of(context).highlightColor,
|
|
|
|
),
|
|
|
|
borderRadius: BorderRadius.circular(5.0),
|
2023-04-20 16:14:04 +00:00
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
2023-04-21 13:54:34 +00:00
|
|
|
Padding(
|
|
|
|
padding: const EdgeInsets.all(8.0),
|
|
|
|
child: StatusAndRefreshButton(
|
|
|
|
valueListenable: nss.connectionUpdateStatus,
|
|
|
|
refreshFunction: () async =>
|
|
|
|
manager.refreshGroupMemberships(groupData),
|
2023-04-20 16:14:04 +00:00
|
|
|
),
|
2023-04-21 13:54:34 +00:00
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: ListView.separated(
|
|
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
|
|
itemBuilder: (context, index) {
|
|
|
|
final m = members[index];
|
|
|
|
return ListTile(
|
2023-04-21 14:54:59 +00:00
|
|
|
onTap: () {
|
|
|
|
context.pushNamed(ScreenPaths.userProfile,
|
|
|
|
params: {'id': m.id});
|
|
|
|
},
|
2023-04-21 13:54:34 +00:00
|
|
|
title: Text(
|
|
|
|
'${m.name} (${m.handle})',
|
|
|
|
softWrap: true,
|
|
|
|
),
|
|
|
|
subtitle: Text(
|
|
|
|
'Last Status: ${m.lastStatus?.toIso8601String() ?? "Unknown"}',
|
|
|
|
softWrap: true,
|
|
|
|
),
|
|
|
|
trailing: IconButton(
|
|
|
|
onPressed: () async =>
|
|
|
|
removeUserFromGroup(manager, m),
|
|
|
|
icon: const Icon(Icons.remove),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
separatorBuilder: (_, __) => const Divider(),
|
|
|
|
itemCount: members.length,
|
|
|
|
),
|
2023-04-18 23:39:52 +00:00
|
|
|
),
|
2023-04-21 13:54:34 +00:00
|
|
|
],
|
|
|
|
),
|
2023-04-18 23:39:52 +00:00
|
|
|
),
|
|
|
|
),
|
|
|
|
));
|
|
|
|
}
|
|
|
|
}
|