293 lines
9.7 KiB
Dart
293 lines
9.7 KiB
Dart
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<ChannelOrganizeScreen> createState() => _ChannelOrganizeScreenState();
|
|
}
|
|
|
|
class _ChannelOrganizeScreenState extends State<ChannelOrganizeScreen> {
|
|
static Map<int, String> 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<Account> _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();
|
|
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<int>(
|
|
isExpanded: true,
|
|
items: channelTypes.entries
|
|
.map((item) => DropdownMenuItem<int>(
|
|
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,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|