{{scopedProps.message.data.meta}}
@@ -196,7 +197,10 @@ export default {
const m = this.messageList.find(m => m.id === message.id);
m.type = 'system';
m.data.text = 'This message has been removed';
- }
+ },
+ downloadMessage(message){
+ console.log("try to download Message")
+ }
},
like(id){
const m = this.messageList.findIndex(m => m.id === id);
diff --git a/src/ChatWindow.vue b/src/ChatWindow.vue
index 383d2154..c24bbcb7 100644
--- a/src/ChatWindow.vue
+++ b/src/ChatWindow.vue
@@ -28,6 +28,7 @@
:messageStyling="messageStyling"
@scrollToTop="$emit('scrollToTop')"
@remove="$emit('remove', $event)"
+ @download="$emit('download', $event)"
>
{{data.meta}}
+
+PDF file
+
+EXCEL file
+
+POWER POINT file
+
+ZIP file
+
+JPG/JPEG file
+
+PNG file
+
+SVG file
+
+CSV file
+
+And if we have an other type file we will have this icon
+
+
+
+
#### Quick replies
diff --git a/src/assets/download-icon.svg.vue b/src/assets/download-icon.svg.vue
index ced77ebb..f05ff5bc 100644
--- a/src/assets/download-icon.svg.vue
+++ b/src/assets/download-icon.svg.vue
@@ -1,8 +1,8 @@
-
diff --git a/src/messages/FileMessage.vue b/src/messages/FileMessage.vue
index 6f5ff610..10cac952 100644
--- a/src/messages/FileMessage.vue
+++ b/src/messages/FileMessage.vue
@@ -1,49 +1,29 @@
@@ -326,12 +326,7 @@ SVG file
-And if we have an other type file we will have this icon
-
-
-
-
-
+For file types other than the above, the default icon is displayed ...
#### Quick replies
diff --git a/src/messages/FileMessage.vue b/src/messages/FileMessage.vue
index 10cac952..ddbfe43b 100644
--- a/src/messages/FileMessage.vue
+++ b/src/messages/FileMessage.vue
@@ -1,29 +1,25 @@