From 6035ea2732c2c277bae80da41f6f01928a017169 Mon Sep 17 00:00:00 2001
From: Sylvain Berfini <sylvain.berfini@belledonne-communications.com>
Date: Fri, 23 Nov 2018 17:24:45 +0100
Subject: [PATCH] Display files in new chat bubble

---
 .../linphone/chat/ChatMessageViewHolder.java  | 26 +++++++++++--------
 app/src/main/res/layout/chat_bubble.xml       | 10 +++----
 .../main/res/layout/chat_bubble_content.xml   | 19 +++++++++++---
 3 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/app/src/main/java/org/linphone/chat/ChatMessageViewHolder.java b/app/src/main/java/org/linphone/chat/ChatMessageViewHolder.java
index 2804875a3..5958e02fe 100644
--- a/app/src/main/java/org/linphone/chat/ChatMessageViewHolder.java
+++ b/app/src/main/java/org/linphone/chat/ChatMessageViewHolder.java
@@ -69,7 +69,7 @@ public class ChatMessageViewHolder extends RecyclerView.ViewHolder implements Vi
 
     public View rightAnchor;
     public RelativeLayout bubbleLayout;
-    public RelativeLayout background;
+    public LinearLayout background;
     public RelativeLayout avatarLayout;
 
     public ProgressBar sendInProgress;
@@ -211,19 +211,23 @@ public class ChatMessageViewHolder extends RecyclerView.ViewHolder implements Vi
                     String filePath = c.getFilePath();
                     View content = LayoutInflater.from(mContext).inflate(R.layout.chat_bubble_content, null, false);
 
+                    View v;
                     if (FileUtils.isExtensionImage(filePath)) {
-                        ImageView iv = content.findViewById(R.id.image);
-                        iv.setImageURI(Uri.parse(c.getFilePath()));
-                        iv.setTag(c.getFilePath());
-                        iv.setOnClickListener(new View.OnClickListener() {
-                            @Override
-                            public void onClick(View v) {
-                                openFile((String) v.getTag());
-                            }
-                        });
+                        v = content.findViewById(R.id.image);
+                        ((ImageView)v).setImageURI(Uri.parse(c.getFilePath()));
                     } else {
-                        //TODO: display file name and extension ?
+                        v = content.findViewById(R.id.file);
+                        ((TextView)v).setText(FileUtils.getNameFromFilePath(filePath));
                     }
+                    v.setVisibility(View.VISIBLE);
+                    v.setTag(c.getFilePath());
+                    v.setOnClickListener(new View.OnClickListener() {
+                        @Override
+                        public void onClick(View v) {
+                            openFile((String) v.getTag());
+                        }
+                    });
+
                     pictures.addView(content);
                 } else {
                     //TODO: download button if incoming
diff --git a/app/src/main/res/layout/chat_bubble.xml b/app/src/main/res/layout/chat_bubble.xml
index 857f57fe0..58987dd72 100644
--- a/app/src/main/res/layout/chat_bubble.xml
+++ b/app/src/main/res/layout/chat_bubble.xml
@@ -97,7 +97,7 @@
 		android:layout_height="wrap_content"
         android:layout_toLeftOf="@id/rightAnchor">
 
-        <RelativeLayout
+        <LinearLayout
             android:id="@+id/background"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
@@ -108,7 +108,8 @@
             android:layout_below="@+id/time"
             android:layout_toLeftOf="@+id/imdn"
             android:paddingBottom="5dp"
-            android:paddingTop="5dp">
+            android:paddingTop="5dp"
+            android:orientation="vertical">
 
             <com.google.android.flexbox.FlexboxLayout
                 xmlns:app="http://schemas.android.com/apk/res-auto"
@@ -127,10 +128,9 @@
                 android:layout_marginLeft="10dp"
                 android:layout_marginRight="10dp"
                 android:layout_marginTop="5dp"
-                android:layout_marginBottom="5dp"
-                android:layout_below="@id/pictures"/>
+                android:layout_marginBottom="5dp"/>
 
-        </RelativeLayout>
+        </LinearLayout>
 
         <RelativeLayout
             android:id="@+id/message_sender_avatar"
diff --git a/app/src/main/res/layout/chat_bubble_content.xml b/app/src/main/res/layout/chat_bubble_content.xml
index 11ab0325a..9e1add66f 100644
--- a/app/src/main/res/layout/chat_bubble_content.xml
+++ b/app/src/main/res/layout/chat_bubble_content.xml
@@ -1,13 +1,26 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:padding="5dp">
+    android:layout_height="wrap_content">
 
     <ImageView
         android:id="@+id/image"
+        android:visibility="gone"
         android:adjustViewBounds="true"
         android:layout_width="wrap_content"
-        android:layout_height="100dp"/>
+        android:layout_height="100dp"
+        android:layout_margin="5dp"/>
+
+    <TextView
+        android:id="@+id/file"
+        android:visibility="gone"
+        android:textAlignment="center"
+        android:gravity="center"
+        style="@style/chat_bubble_file_name_font"
+        android:background="@color/colorN"
+        android:ellipsize="end"
+        android:layout_width="150dp"
+        android:layout_height="100dp"
+        android:layout_margin="5dp"/>
 
 </RelativeLayout>
\ No newline at end of file