implement send a reply to message

Wahid Nasri · Wahid Nasri · commit 69d884a7baa7 · 2021-09-25T14:35:58.000+03:00
diff --git a/lib/ui/extensions/UiMessages.dart b/lib/ui/extensions/UiMessages.dart
@@ -11,6 +11,48 @@ import 'package:flutter_mqtt/db/tables/ExtendedDbContact.dart';
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:intl/intl.dart';
 
+extension UIMessageExtensions on types.Message {
+  Widget toRespondedWidget(Function() onDelete) {
+    String imageUri = "";
+    String text = "File";
+    if (this is types.ImageMessage) {
+      imageUri = (this as types.ImageMessage).uri;
+      text = "Image";
+    } else if (this is types.TextMessage) {
+      text = (this as types.TextMessage).text;
+    }
+    return Container(
+      margin: EdgeInsets.all(5),
+      decoration: BoxDecoration(
+          color: Color(0xE0E0E2E8),
+          borderRadius: BorderRadius.all(Radius.circular(10))),
+      child: Row(
+        mainAxisSize: MainAxisSize.max,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          IconButton(onPressed: onDelete, icon: Icon(Icons.close)),
+          imageUri.isNotEmpty
+              ? CircleAvatar(
+                  foregroundImage: NetworkImage(imageUri.toString()),
+                  radius: 20)
+              : SizedBox(),
+          Expanded(
+              child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                author.firstName ?? "",
+                style: TextStyle(fontWeight: FontWeight.bold),
+              ),
+              Text(text)
+            ],
+          ))
+        ],
+      ),
+    );
+  }
+}
+
 extension MessageConversions on ChatMessage {
   types.Message toUiMessage() {
     var author = types.User(id: fromId ?? "", firstName: fromName);
@@ -53,7 +95,7 @@ extension MessageConversions on ChatMessage {
     return SizedBox();
   }
 
-  Widget toPagerItem(){
+  Widget toPagerItem() {
     if (type == MessageType.ChatImage) {
       return CachedNetworkImage(
         progressIndicatorBuilder: (context, url, downloadProgress) =>
@@ -67,8 +109,9 @@ extension MessageConversions on ChatMessage {
     return SizedBox();
   }
 
-  String formatDate(String format){
-    return DateFormat(format).format(DateTime.fromMillisecondsSinceEpoch(sendTime));
+  String formatDate(String format) {
+    return DateFormat(format)
+        .format(DateTime.fromMillisecondsSinceEpoch(sendTime));
   }
 }
 
diff --git a/lib/ui/screens/fromdb/chat_db_pages.dart b/lib/ui/screens/fromdb/chat_db_pages.dart
@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:file_picker/file_picker.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_chat_ui/flutter_chat_ui.dart';
 import 'package:flutter_mqtt/abstraction/models/ChatMessage.dart';
@@ -12,6 +13,7 @@ import 'package:flutter_mqtt/global/ChatApp.dart';
 import 'package:flutter_mqtt/ui/screens/fromdb/contact_page.dart';
 import 'package:flutter_mqtt/ui/viewers/document_viewer.dart';
 import 'package:flutter_mqtt/ui/viewers/media_viewer.dart';
+import 'package:flutter_mqtt/ui/widgets/message_typing.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:mime/mime.dart';
 import 'package:open_file/open_file.dart';
@@ -31,6 +33,7 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
   bool isTyping = false;
   final subscriptions = List<StreamSubscription<dynamic>>.empty(growable: true);
   types.User? _user;
+  types.Message? respondToMessage;
 
   @override
   void initState() {
@@ -155,7 +158,6 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
     }
     //TODO: Handle DOC/DOCX/ODT/...
     //TODO: Handle TXT
-    //TODO: HANDLE IMAGES
   }
 
 /*
@@ -182,9 +184,26 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
         fromId: _user!.id,
         sendTime: DateTime.now().millisecondsSinceEpoch,
         fromName: _user!.firstName);
-    ChatApp.instance()!
-        .messageSender
-        .sendChatMessage(nm, widget.contactChat.roomId);
+    if (respondToMessage == null) {
+      ChatApp.instance()!
+          .messageSender
+          .sendChatMessage(nm, widget.contactChat.roomId);
+    } else {
+      final rep = ChatMessage(
+          id: respondToMessage!.id,
+          text: (respondToMessage! is types.TextMessage)
+              ? (respondToMessage! as types.TextMessage).text
+              : "File",
+          type: MessageType.ChatText,
+          sendTime: respondToMessage!.createdAt ?? 0,
+          roomId: widget.contactChat.roomId);
+      ChatApp.instance()!
+          .messageSender
+          .replyToMessage(rep, nm, widget.contactChat.roomId);
+      setState(() {
+        respondToMessage = null;
+      });
+    }
   }
 
   @override
@@ -193,11 +212,12 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
       appBar: AppBar(
           centerTitle: false,
           title: InkWell(
-            onTap: (){
+            onTap: () {
               Navigator.push(
                 context,
                 MaterialPageRoute(
-                    builder: (context) => ContactDetailsPage(contactChat: widget.contactChat)),
+                    builder: (context) =>
+                        ContactDetailsPage(contactChat: widget.contactChat)),
               );
             },
             child: Row(
@@ -249,9 +269,10 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
                 //onPreviewDataFetched: _handlePreviewDataFetched,
                 onSendPressed: _handleSendPressed,
                 onTextChanged: _handleTextChanged,
+                onMessageLongPress: _handleLongPress,
                 showUserNames: true,
                 showUserAvatars: true,
-
+                customBottomWidget: bottom(),
                 user: _user!,
               );
             }
@@ -260,6 +281,20 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
     );
   }
 
+  Widget bottom() {
+    return MessageTyping(
+        topWidget: respondToMessage != null
+            ? respondToMessage!.toRespondedWidget(() => {
+                  setState(() {
+                    respondToMessage = null;
+                  })
+                })
+            : null,
+        onSendPressed: _handleSendPressed,
+        onTextChanged: _handleTextChanged,
+        onAttachmentPressed: _handleAtachmentPressed);
+  }
+
   void _handleTextChanged(String text) {
     if (text.length > 0 && text.length % 3 == 0) {
       ChatApp.instance()!
@@ -275,4 +310,37 @@ class _ChatUIPageState extends State<ChatUIDBPage> {
     });
     super.dispose();
   }
+
+  void _handleLongPress(types.Message message) {
+    showCupertinoModalPopup<void>(
+      context: context,
+      builder: (BuildContext context) => CupertinoActionSheet(
+        title: const Text('Title'),
+        message: const Text('Message'),
+        actions: <CupertinoActionSheetAction>[
+          CupertinoActionSheetAction(
+            child: const Text('Reply'),
+            onPressed: () {
+              setState(() {
+                respondToMessage = message;
+              });
+              Navigator.pop(context);
+            },
+          ),
+          CupertinoActionSheetAction(
+            child: const Text('Forward'),
+            onPressed: () {
+              Navigator.pop(context);
+            },
+          ),
+          CupertinoActionSheetAction(
+            child: const Text('Delete'),
+            onPressed: () {
+              Navigator.pop(context);
+            },
+          )
+        ],
+      ),
+    );
+  }
 }
diff --git a/lib/ui/widgets/message_typing.dart b/lib/ui/widgets/message_typing.dart
@@ -0,0 +1,26 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_chat_ui/flutter_chat_ui.dart';
+import 'package:flutter_chat_types/flutter_chat_types.dart' as types;
+
+class MessageTyping extends StatelessWidget {
+  final Function()? onAttachmentPressed;
+  final Function(types.PartialText) onSendPressed;
+  final Function(String)? onTextChanged;
+  final Widget? topWidget;
+  const MessageTyping({Key? key, this.onAttachmentPressed, required this.onSendPressed, this.onTextChanged, this.topWidget}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(children: [
+      topWidget ?? SizedBox(),
+      Input(
+        isAttachmentUploading: false,
+        onAttachmentPressed: onAttachmentPressed,
+        onSendPressed: onSendPressed,
+        onTextChanged: onTextChanged,
+        //onTextFieldTap: widget.onTextFieldTap,
+        sendButtonVisibilityMode: SendButtonVisibilityMode.editing,
+      )
+    ]);
+  }
+}
