import 'dart:async'; import 'dart:io'; import 'package:famedlysdk/famedlysdk.dart'; import 'package:fluffychat/components/adaptive_page_layout.dart'; import 'package:fluffychat/components/chat_settings_popup_menu.dart'; import 'package:fluffychat/components/content_banner.dart'; import 'package:fluffychat/components/list_items/participant_list_item.dart'; import 'package:fluffychat/components/matrix.dart'; import 'package:fluffychat/utils/app_route.dart'; import 'package:fluffychat/utils/room_name_calculator.dart'; import 'package:fluffychat/views/chat_list.dart'; import 'package:fluffychat/views/invitation_selection.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; import 'package:toast/toast.dart'; class ChatDetails extends StatefulWidget { final Room room; const ChatDetails(this.room); @override _ChatDetailsState createState() => _ChatDetailsState(); } class _ChatDetailsState extends State { List members; void setDisplaynameAction(BuildContext context, String displayname) async { final MatrixState matrix = Matrix.of(context); final success = await matrix.tryRequestWithLoadingDialog( widget.room.setName(displayname), ); if (success != false) { Toast.show( "Displayname has been changed", context, duration: Toast.LENGTH_LONG, ); } } void setAvatarAction(BuildContext context) async { final File tempFile = await ImagePicker.pickImage( source: ImageSource.gallery, imageQuality: 50, maxWidth: 1600, maxHeight: 1600); if (tempFile == null) return; final MatrixState matrix = Matrix.of(context); final success = await matrix.tryRequestWithLoadingDialog( widget.room.setAvatar( MatrixFile( bytes: await tempFile.readAsBytes(), path: tempFile.path, ), ), ); if (success != false) { Toast.show( "Avatar has been changed", context, duration: Toast.LENGTH_LONG, ); } } void requestMoreMembersAction(BuildContext context) async { final List participants = await Matrix.of(context) .tryRequestWithLoadingDialog(widget.room.requestParticipants()); if (participants != null) setState(() => members = participants); } StreamSubscription onUpdate; @override void dispose() { onUpdate?.cancel(); super.dispose(); } @override Widget build(BuildContext context) { if (widget.room == null) { return Center( child: Text("You are no longer participating in this chat"), ); } members ??= widget.room.getParticipants(); final int actualMembersCount = widget.room.mInvitedMemberCount + widget.room.mJoinedMemberCount; final bool canRequestMoreMembers = members.length < actualMembersCount; this.onUpdate ??= widget.room.onUpdate.stream .listen((id) => setState(() => members = null)); return AdaptivePageLayout( primaryPage: FocusPage.SECOND, firstScaffold: ChatList( activeChat: widget.room.id, ), secondScaffold: Scaffold( appBar: AppBar( title: Text(RoomNameCalculator(widget.room).name), actions: [ChatSettingsPopupMenu(widget.room, false)], ), body: ListView.builder( itemCount: members.length + 1 + (canRequestMoreMembers ? 1 : 0), itemBuilder: (BuildContext context, int i) => i == 0 ? Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ContentBanner(widget.room.avatar), Divider(height: 1), widget.room.canSendEvent("m.room.avatar") && !kIsWeb ? ListTile( title: Text("Set group avatar"), leading: Icon(Icons.camera), onTap: () => setAvatarAction(context), ) : Container(), widget.room.canSendEvent("m.room.name") ? ListTile( leading: Icon(Icons.edit), title: TextField( textInputAction: TextInputAction.done, onSubmitted: (s) => setDisplaynameAction(context, s), decoration: InputDecoration( border: InputBorder.none, labelText: "Set group name", labelStyle: TextStyle(color: Colors.black), hintText: (RoomNameCalculator(widget.room).name), ), ), ) : Container(), ListTile( title: Text( "$actualMembersCount participant" + (actualMembersCount > 1 ? "s:" : ":"), style: TextStyle( color: Theme.of(context).primaryColor, fontWeight: FontWeight.bold, ), ), ), Divider(height: 1), widget.room.canInvite ? ListTile( title: Text("Invite contact"), leading: CircleAvatar( child: Icon(Icons.add), backgroundColor: Theme.of(context).primaryColor, foregroundColor: Colors.white, ), onTap: () => Navigator.of(context).push( AppRoute.defaultRoute( context, InvitationSelection(widget.room), ), ), ) : Container(), ], ) : i < members.length + 1 ? ParticipantListItem(members[i - 1]) : ListTile( title: Text( "Load more ${actualMembersCount - members.length} participants"), leading: Icon(Icons.refresh), onTap: () => requestMoreMembersAction(context), ), ), ), ); } }