(fix) add action param to openFile

Author: antoine92190

README.md

@@ -448,7 +448,7 @@ messages="[
 | sendMessage              | `{ roomId, content, file (4), replyMessage (5) }`               | A user has sent a message                             |
 | editMessage              | `{ roomId, messageId, newContent, file (4), replyMessage (5) }` | A user has edited a message                           |
 | deleteMessage            | `{ roomId, messageId }`                                         | A user has deleted a message                          |
-| openFile                 | `{ message }`                                                   | A user has clicked to view or download a file         |
+| openFile                 | `{ message, action }`                                           | A user has clicked to view or download a file         |
 | addRoom                  | -                                                               | A user clicks on the plus icon next to searchbar      |
 | menuActionHandler (2)    | `{ roomId, action }`                                            | A user clicks on the vertical dots icon inside a room |
 | messageActionHandler (3) | `{ roomId, action, message }`                                   | A user clicks on the dropdown icon inside a message   |

demo/src/ChatContainer.vue

@@ -410,7 +410,7 @@ export default {
 			if (file) this.uploadFile({ file, messageId: id, roomId })
 		},
 
-		openFile(message) {
+		openFile({ message, action }) {
 			window.open(message.file.url, '_blank')
 		},
 

src/ChatWindow/ChatWindow.vue

@@ -225,8 +225,8 @@ export default {
 		deleteMessage(messageId) {
 			this.$emit('deleteMessage', { messageId, roomId: this.room.roomId })
 		},
-		openFile(message) {
-			this.$emit('openFile', message)
+		openFile({ message, action }) {
+			this.$emit('openFile', { message, action })
 		},
 		menuActionHandler(ev) {
 			this.$emit('menuActionHandler', { action: ev, roomId: this.room.roomId })

src/ChatWindow/Message.vue

@@ -89,13 +89,13 @@
 								<div class="image-buttons" v-if="imageHover && !isImageLoading">
 									<div
 										class="svg-button button-view"
-										@click.stop="openFile(message.file)"
+										@click.stop="openFile('preview')"
 									>
 										<svg-icon name="eye" />
 									</div>
 									<div
 										class="svg-button button-download"
-										@click.stop="openFile(message.file)"
+										@click.stop="openFile('download')"
 									>
 										<svg-icon name="document" />
 									</div>
@@ -111,7 +111,7 @@
 					<div v-else class="file-message">
 						<div
 							class="svg-button icon-file"
-							@click.stop="openFile(message.file)"
+							@click.stop="openFile('download')"
 						>
 							<svg-icon name="document" />
 						</div>
@@ -390,8 +390,8 @@ export default {
 			if (!this.optionsOpened && !this.emojiOpened) this.messageHover = false
 			this.hoverMessageId = null
 		},
-		openFile() {
-			this.$emit('openFile', this.message)
+		openFile(action) {
+			this.$emit('openFile', { message: this.message, action })
 		},
 		messageActionHandler(action) {
 			this.closeOptions()

src/ChatWindow/Room.vue

@@ -589,8 +589,8 @@ export default {
 			const { type } = file
 			return imageTypes.some(t => type.includes(t))
 		},
-		openFile(message) {
-			this.$emit('openFile', message)
+		openFile({ message, action }) {
+			this.$emit('openFile', { message, action })
 		},
 		menuActionHandler(action) {
 			this.closeMenu()