import 'dart:async'; import 'package:famedlysdk/famedlysdk.dart'; import 'package:fluffychat/components/adaptive_page_layout.dart'; import 'package:fluffychat/components/avatar.dart'; import 'package:fluffychat/components/matrix.dart'; import 'package:fluffychat/i18n/i18n.dart'; import 'package:flutter/material.dart'; import 'package:share/share.dart'; import 'chat.dart'; import 'chat_list.dart'; class NewPrivateChatView extends StatelessWidget { @override Widget build(BuildContext context) { return AdaptivePageLayout( primaryPage: FocusPage.SECOND, firstScaffold: ChatList(), secondScaffold: _NewPrivateChat(), ); } } class _NewPrivateChat extends StatefulWidget { @override _NewPrivateChatState createState() => _NewPrivateChatState(); } class _NewPrivateChatState extends State<_NewPrivateChat> { TextEditingController controller = TextEditingController(); final _formKey = GlobalKey(); bool loading = false; String currentSearchTerm; List> foundProfiles = []; Timer coolDown; Map get foundProfile => foundProfiles.firstWhere( (user) => user["user_id"] == "@$currentSearchTerm", orElse: () => null); bool get correctMxId => foundProfiles .indexWhere((user) => user["user_id"] == "@$currentSearchTerm") != -1; void submitAction(BuildContext context) async { if (controller.text.isEmpty) return; if (!_formKey.currentState.validate()) return; final MatrixState matrix = Matrix.of(context); if ("@" + controller.text.trim() == matrix.client.userID) return; final User user = User( "@" + controller.text.trim(), room: Room(id: "", client: matrix.client), ); final String roomID = await matrix.tryRequestWithLoadingDialog(user.startDirectChat()); Navigator.of(context).pop(); if (roomID != null) { await Navigator.push( context, MaterialPageRoute(builder: (context) => ChatView(roomID)), ); } } void searchUserWithCoolDown(BuildContext context, String text) async { coolDown?.cancel(); coolDown = Timer( Duration(seconds: 1), () => searchUser(context, text), ); } void searchUser(BuildContext context, String text) async { if (text.isEmpty) { setState(() { foundProfiles = []; }); } currentSearchTerm = text; if (currentSearchTerm.isEmpty) return; if (loading) return; setState(() => loading = true); final MatrixState matrix = Matrix.of(context); final response = await matrix.tryRequestWithErrorToast( matrix.client.jsonRequest( type: HTTPType.POST, action: "/client/r0/user_directory/search", data: { "search_term": text, "limit": 10, }), ); setState(() => loading = false); if (response == false || !(response is Map) || (response["results"]?.isEmpty ?? true)) return; setState(() { foundProfiles = List>.from(response["results"]); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(I18n.of(context).newPrivateChat), elevation: 0, ), body: Column( children: [ Padding( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: TextFormField( controller: controller, autofocus: true, autocorrect: false, onChanged: (String text) => searchUserWithCoolDown(context, text), textInputAction: TextInputAction.go, onFieldSubmitted: (s) => submitAction(context), validator: (value) { if (value.isEmpty) { return I18n.of(context).pleaseEnterAMatrixIdentifier; } final MatrixState matrix = Matrix.of(context); String mxid = "@" + controller.text.trim(); if (mxid == matrix.client.userID) { return I18n.of(context).youCannotInviteYourself; } if (!mxid.contains("@")) { return I18n.of(context).makeSureTheIdentifierIsValid; } if (!mxid.contains(":")) { return I18n.of(context).makeSureTheIdentifierIsValid; } return null; }, decoration: InputDecoration( border: OutlineInputBorder(), labelText: I18n.of(context).enterAUsername, prefixIcon: loading ? Container( padding: const EdgeInsets.all(8.0), width: 12, height: 12, child: CircularProgressIndicator(), ) : correctMxId ? Padding( padding: const EdgeInsets.all(8.0), child: Avatar( MxContent(foundProfile["avatar_url"] ?? ""), foundProfile["display_name"] ?? foundProfile["user_id"], size: 12, ), ) : Icon(Icons.account_circle), prefixText: "@", hintText: "${I18n.of(context).username.toLowerCase()}", ), ), ), ), Divider(height: 1), if (foundProfiles.isNotEmpty && !correctMxId) Expanded( child: ListView.builder( itemCount: foundProfiles.length, itemBuilder: (BuildContext context, int i) { Map foundProfile = foundProfiles[i]; return ListTile( onTap: () { setState(() { controller.text = currentSearchTerm = foundProfile["user_id"].substring(1); }); }, leading: Avatar( MxContent(foundProfile["avatar_url"] ?? ""), foundProfile["display_name"] ?? foundProfile["user_id"], //size: 24, ), title: Text( foundProfile["display_name"] ?? (foundProfile["user_id"] as String).localpart, style: TextStyle(), maxLines: 1, ), subtitle: Text( foundProfile["user_id"], maxLines: 1, style: TextStyle( fontSize: 12, ), ), ); }, ), ), if (foundProfiles.isEmpty || correctMxId) ListTile( trailing: Icon( Icons.share, size: 16, ), onTap: () => Share.share(I18n.of(context).inviteText( Matrix.of(context).client.userID, "https://matrix.to/#/${Matrix.of(context).client.userID}")), title: Text( "${I18n.of(context).yourOwnUsername}:", style: TextStyle( fontStyle: FontStyle.italic, ), ), subtitle: Text( Matrix.of(context).client.userID, style: TextStyle( fontSize: 16, color: Theme.of(context).primaryColor, ), ), ), Divider(height: 1), if (foundProfiles.isEmpty || correctMxId) Expanded( child: Image.asset("assets/private_chat_wallpaper.png"), ), ], ), floatingActionButton: FloatingActionButton( onPressed: () => submitAction(context), child: Icon(Icons.arrow_forward), foregroundColor: Colors.white, backgroundColor: Theme.of(context).primaryColor, ), ); } }