(props) add user-tags-enabled & emojis-suggestion-enabled

Author: antoine92190

README.md

@@ -242,6 +242,8 @@ fetchMessages({ room, options }) {
 | `link-options`(16)                  | Object           | -        | `{ disabled: false, target: '_blank', rel: null }`                                                                |
 | `room-info-enabled` (17)            | Boolean          | -        | `false`                                                                                                           |
 | `textarea-action-enabled`(18)       | Boolean          | -        | `false`                                                                                                           |
+| `user-tags-enabled`                 | Boolean          | -        | `true`                                                                                                            |
+| `emojis-suggestion-enabled`         | Boolean          | -        | `true`                                                                                                            |
 | `responsive-breakpoint`(19)         | Number           | -        | `900`                                                                                                             |
 | `single-room`(20)                   | Boolean          | -        | `false`                                                                                                           |
 | `scroll-distance`(21)               | Number           | -        | `60`                                                                                                              |

src/lib/ChatWindow.vue

@@ -56,6 +56,8 @@
 				:loading-rooms="loadingRooms"
 				:room-info-enabled="roomInfoEnabled"
 				:textarea-action-enabled="textareaActionEnabled"
+				:user-tags-enabled="userTagsEnabled"
+				:emojis-suggestion-enabled="emojisSuggestionEnabled"
 				:scroll-distance="scrollDistance"
 				:accepted-files="acceptedFiles"
 				:templates-text="templatesText"
@@ -155,6 +157,8 @@ export default {
 		},
 		roomInfoEnabled: { type: Boolean, default: false },
 		textareaActionEnabled: { type: Boolean, default: false },
+		userTagsEnabled: { type: Boolean, default: true },
+		emojisSuggestionEnabled: { type: Boolean, default: true },
 		roomMessage: { type: String, default: '' },
 		scrollDistance: { type: Number, default: 60 },
 		acceptedFiles: { type: String, default: '*' },

src/lib/Room/Room.vue

@@ -379,6 +379,8 @@ export default {
 		loadingRooms: { type: Boolean, required: true },
 		roomInfoEnabled: { type: Boolean, required: true },
 		textareaActionEnabled: { type: Boolean, required: true },
+		userTagsEnabled: { type: Boolean, required: true },
+		emojisSuggestionEnabled: { type: Boolean, required: true },
 		scrollDistance: { type: Number, required: true },
 		templatesText: { type: Array, default: null }
 	},
@@ -720,10 +722,11 @@ export default {
 		updateFooterList(tagChar) {
 			if (!this.getTextareaRef()) return
 
-			if (
-				tagChar === '@' &&
-				(!this.room.users || this.room.users.length <= 2)
-			) {
+			if (tagChar === ':' && !this.emojisSuggestionEnabled) {
+				return
+			}
+
+			if (tagChar === '@' && (!this.userTagsEnabled || !this.room.users)) {
 				return
 			}