import 'package:dropdown_button2/dropdown_button2.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/account.dart'; import 'package:solian/models/channel.dart'; import 'package:solian/providers/auth.dart'; import 'package:solian/router.dart'; import 'package:solian/services.dart'; import 'package:solian/widgets/account/friend_select.dart'; import 'package:solian/widgets/prev_page.dart'; import 'package:uuid/uuid.dart'; class ChannelOrganizeArguments { final Channel? edit; ChannelOrganizeArguments({this.edit}); } class ChannelOrganizeScreen extends StatefulWidget { final Channel? edit; final String? realm; const ChannelOrganizeScreen({super.key, this.edit, this.realm}); @override State createState() => _ChannelOrganizeScreenState(); } class _ChannelOrganizeScreenState extends State { static Map channelTypes = { 0: 'channelTypeCommon'.tr, 1: 'channelTypeDirect'.tr, }; bool _isBusy = false; final _aliasController = TextEditingController(); final _nameController = TextEditingController(); final _descriptionController = TextEditingController(); bool _isEncrypted = false; int _channelType = 0; List _initialMembers = List.empty(growable: true); void selectInitialMembers() async { final input = await showModalBottomSheet( useRootNavigator: true, isScrollControlled: true, context: context, builder: (context) => FriendSelect( title: 'channelMember'.tr, trailingBuilder: (item) { if (_initialMembers.any((e) => e.id == item.id)) { return const Icon(Icons.check); } else { return null; } }, ), ); if (input == null) return; setState(() { if (_initialMembers.any((e) => e.id == input.id)) { _initialMembers = _initialMembers .where((e) => e.id != input.id) .toList(growable: true); } else { _initialMembers.add(input as Account); } }); } void applyChannel() async { final AuthProvider auth = Get.find(); if (!await auth.isAuthorized) return; if (_aliasController.value.text.isEmpty) randomizeAlias(); setState(() => _isBusy = true); final client = GetConnect(maxAuthRetries: 3); client.httpClient.baseUrl = ServiceFinder.services['messaging']; client.httpClient.addAuthenticator(auth.requestAuthenticator); final scope = (widget.realm?.isNotEmpty ?? false) ? widget.realm : 'global'; final payload = { 'alias': _aliasController.value.text.toLowerCase(), 'name': _nameController.value.text, 'description': _descriptionController.value.text, 'is_encrypted': _isEncrypted, if (_channelType == 1) 'members': _initialMembers.map((e) => e.id).toList(), }; Response resp; if (widget.edit != null) { resp = await client.put( '/api/channels/$scope/${widget.edit!.id}', payload, ); } else if (_channelType == 1) { resp = await client.post('/api/channels/$scope/dm', payload); } else { resp = await client.post('/api/channels/$scope', payload); } if (resp.statusCode != 200) { context.showErrorDialog(resp.bodyString); } else { AppRouter.instance.pop(resp.body); } setState(() => _isBusy = false); } void randomizeAlias() { _aliasController.text = const Uuid().v4().replaceAll('-', '').substring(0, 12); } void syncWidget() { if (widget.edit != null) { _aliasController.text = widget.edit!.alias; _nameController.text = widget.edit!.name; _descriptionController.text = widget.edit!.description; _isEncrypted = widget.edit!.isEncrypted; _channelType = widget.edit!.type; } } void cancelAction() { AppRouter.instance.pop(); } @override void initState() { syncWidget(); super.initState(); } @override Widget build(BuildContext context) { return Material( color: Theme.of(context).colorScheme.surface, child: Scaffold( appBar: AppBar( title: Text('channelOrganizing'.tr), leading: const PrevPageButton(), actions: [ TextButton( onPressed: _isBusy ? null : () => applyChannel(), child: Text('apply'.tr.toUpperCase()), ) ], ), body: SafeArea( top: false, child: Column( children: [ if (_isBusy) const LinearProgressIndicator().animate().scaleX(), if (widget.edit != null) MaterialBanner( leading: const Icon(Icons.edit), leadingPadding: const EdgeInsets.only(left: 10, right: 20), dividerColor: Colors.transparent, content: Text( 'channelEditingNotify' .trParams({'channel': '#${widget.edit!.alias}'}), ), actions: [ TextButton( onPressed: cancelAction, child: Text('cancel'.tr), ), ], ), Row( children: [ Expanded( child: TextField( autofocus: true, controller: _aliasController, decoration: InputDecoration.collapsed( hintText: 'channelAlias'.tr, ), onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(), ), ), TextButton( style: TextButton.styleFrom( shape: const CircleBorder(), visualDensity: const VisualDensity(horizontal: -2, vertical: -2), ), onPressed: () => randomizeAlias(), child: const Icon(Icons.refresh), ) ], ).paddingSymmetric(horizontal: 16, vertical: 2), const Divider(thickness: 0.3), TextField( autocorrect: true, controller: _nameController, decoration: InputDecoration.collapsed( hintText: 'channelName'.tr, ), onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(), ).paddingSymmetric(horizontal: 16, vertical: 8), const Divider(thickness: 0.3), Expanded( child: TextField( minLines: 5, maxLines: null, autocorrect: true, keyboardType: TextInputType.multiline, controller: _descriptionController, decoration: InputDecoration.collapsed( hintText: 'channelDescription'.tr, ), onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(), ).paddingSymmetric(horizontal: 16, vertical: 12), ), const Divider(thickness: 0.3), if (_channelType == 1) ListTile( leading: const Icon(Icons.supervisor_account) .paddingSymmetric(horizontal: 8), title: Text('channelMember'.tr), subtitle: _initialMembers.isNotEmpty ? Text(_initialMembers.map((e) => e.name).join(' ')) : null, trailing: const Icon(Icons.chevron_right), onTap: () => selectInitialMembers(), ).animate().fadeIn().slideY( begin: 1, end: 0, curve: Curves.fastEaseInToSlowEaseOut, ), ListTile( leading: const Icon(Icons.mode).paddingSymmetric(horizontal: 8), title: Text('channelType'.tr), trailing: DropdownButtonHideUnderline( child: DropdownButton2( isExpanded: true, items: channelTypes.entries .map((item) => DropdownMenuItem( value: item.key, child: Text( item.value, style: const TextStyle( fontSize: 14, ), ), )) .toList(), value: _channelType, onChanged: (int? value) { setState(() => _channelType = value ?? 0); }, buttonStyleData: const ButtonStyleData( padding: EdgeInsets.only(left: 16, right: 1), height: 40, width: 140, ), menuItemStyleData: const MenuItemStyleData( height: 40, ), ), ), ), CheckboxListTile( title: Text('channelEncrypted'.tr), value: _isEncrypted, onChanged: (widget.edit?.isEncrypted ?? false) ? null : (newValue) => setState(() => _isEncrypted = newValue ?? false), controlAffinity: ListTileControlAffinity.leading, ), ], ), ), ), ); } }