Skip to content

Commit 2686153

Browse files
antoine92190antoine92190
committed
(refactor) use kebab-case for events
1 parent 4667cb1 commit 2686153

File tree

6 files changed

+122
-122
lines changed

6 files changed

+122
-122
lines changed

‎demo/src/ChatContainer.vue‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -49,23 +49,23 @@
4949
height="calc(100vh - 80px)"
5050
:theme="theme"
5151
:styles="styles"
52-
:currentUserId="currentUserId"
52+
:current-user-id="currentUserId"
5353
:rooms="loadingRooms ? [] : rooms"
54-
:loadingRooms="loadingRooms"
54+
:loading-rooms="loadingRooms"
5555
:messages="messages"
56-
:messagesLoaded="messagesLoaded"
57-
:menuActions="menuActions"
58-
:roomMessage="roomMessage"
59-
@fetchMessages="fetchMessages"
60-
@sendMessage="sendMessage"
61-
@editMessage="editMessage"
62-
@deleteMessage="deleteMessage"
63-
@openFile="openFile"
64-
@addRoom="addRoom"
65-
@menuActionHandler="menuActionHandler"
66-
@messageActionHandler="messageActionHandler"
67-
@sendMessageReaction="sendMessageReaction"
68-
@typingMessage="typingMessage"
56+
:messages-loaded="messagesLoaded"
57+
:menu-actions="menuActions"
58+
:room-message="roomMessage"
59+
@fetch-messages="fetchMessages"
60+
@send-message="sendMessage"
61+
@edit-message="editMessage"
62+
@delete-message="deleteMessage"
63+
@open-file="openFile"
64+
@add-room="addRoom"
65+
@menu-action-handler="menuActionHandler"
66+
@message-action-handler="messageActionHandler"
67+
@send-message-reaction="sendMessageReaction"
68+
@typing-message="typingMessage"
6969
>
7070
</chat-window>
7171
</div>

‎src/ChatWindow/ChatWindow.vue‎

Lines changed: 54 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -3,60 +3,60 @@
33
<div class="vac-chat-container">
44
<rooms-list
55
v-if="!singleRoom"
6-
:currentUserId="currentUserId"
6+
:current-user-id="currentUserId"
77
:rooms="orderedRooms"
8-
:loadingRooms="loadingRooms"
8+
:loading-rooms="loadingRooms"
99
:room="room"
10-
:textMessages="t"
11-
:showAddRoom="showAddRoom"
12-
:showRoomsList="showRoomsList"
13-
:textFormatting="textFormatting"
14-
:isMobile="isMobile"
15-
@fetchRoom="fetchRoom"
16-
@addRoom="addRoom"
10+
:text-messages="t"
11+
:show-add-room="showAddRoom"
12+
:show-rooms-list="showRoomsList"
13+
:text-formatting="textFormatting"
14+
:is-mobile="isMobile"
15+
@fetch-room="fetchRoom"
16+
@add-room="addRoom"
1717
>
1818
<template v-for="(index, name) in $scopedSlots" v-slot:[name]="data">
1919
<slot :name="name" v-bind="data"></slot>
2020
</template>
2121
</rooms-list>
2222

2323
<room
24-
:currentUserId="currentUserId"
24+
:current-user-id="currentUserId"
2525
:rooms="rooms"
26-
:roomId="room.roomId || ''"
27-
:loadFirstRoom="loadFirstRoom"
26+
:room-id="room.roomId || ''"
27+
:load-first-room="loadFirstRoom"
2828
:messages="messages"
29-
:roomMessage="roomMessage"
30-
:messagesLoaded="messagesLoaded"
31-
:menuActions="menuActions"
32-
:messageActions="messageActions"
33-
:showSendIcon="showSendIcon"
34-
:showFiles="showFiles"
35-
:showAudio="showAudio"
36-
:showEmojis="showEmojis"
37-
:showReactionEmojis="showReactionEmojis"
38-
:showNewMessagesDivider="showNewMessagesDivider"
39-
:textMessages="t"
40-
:singleRoom="singleRoom"
41-
:showRoomsList="showRoomsList"
42-
:textFormatting="textFormatting"
43-
:isMobile="isMobile"
44-
:loadingRooms="loadingRooms"
45-
:roomInfo="$listeners.roomInfo"
46-
:textareaAction="$listeners.textareaActionHandler"
29+
:room-message="roomMessage"
30+
:messages-loaded="messagesLoaded"
31+
:menu-actions="menuActions"
32+
:message-actions="messageActions"
33+
:show-send-icon="showSendIcon"
34+
:show-files="showFiles"
35+
:show-audio="showAudio"
36+
:show-emojis="showEmojis"
37+
:show-reaction-emojis="showReactionEmojis"
38+
:show-new-messages-divider="showNewMessagesDivider"
39+
:text-messages="t"
40+
:single-room="singleRoom"
41+
:show-rooms-list="showRoomsList"
42+
:text-formatting="textFormatting"
43+
:is-mobile="isMobile"
44+
:loading-rooms="loadingRooms"
45+
:room-info="$listeners.roomInfo"
46+
:textarea-action="$listeners.textareaActionHandler"
4747
:accepted-files="acceptedFiles"
48-
@toggleRoomsList="toggleRoomsList"
49-
@roomInfo="roomInfo"
50-
@fetchMessages="fetchMessages"
51-
@sendMessage="sendMessage"
52-
@editMessage="editMessage"
53-
@deleteMessage="deleteMessage"
54-
@openFile="openFile"
55-
@menuActionHandler="menuActionHandler"
56-
@messageActionHandler="messageActionHandler"
57-
@sendMessageReaction="sendMessageReaction"
58-
@typingMessage="typingMessage"
59-
@textareaActionHandler="textareaActionHandler"
48+
@toggle-rooms-list="toggleRoomsList"
49+
@room-info="roomInfo"
50+
@fetch-messages="fetchMessages"
51+
@send-message="sendMessage"
52+
@edit-message="editMessage"
53+
@delete-message="deleteMessage"
54+
@open-file="openFile"
55+
@menu-action-handler="menuActionHandler"
56+
@message-action-handler="messageActionHandler"
57+
@send-message-reaction="sendMessageReaction"
58+
@typing-message="typingMessage"
59+
@textarea-action-handler="textareaActionHandler"
6060
>
6161
<template v-for="(index, name) in $scopedSlots" v-slot:[name]="data">
6262
<slot :name="name" v-bind="data"></slot>
@@ -239,49 +239,49 @@ export default {
239239
if (this.isMobile) this.showRoomsList = false
240240
},
241241
roomInfo() {
242-
this.$emit('roomInfo', this.room)
242+
this.$emit('room-info', this.room)
243243
},
244244
addRoom() {
245-
this.$emit('addRoom')
245+
this.$emit('add-room')
246246
},
247247
fetchMessages(options) {
248-
this.$emit('fetchMessages', { room: this.room, options })
248+
this.$emit('fetch-messages', { room: this.room, options })
249249
},
250250
sendMessage(message) {
251-
this.$emit('sendMessage', { ...message, roomId: this.room.roomId })
251+
this.$emit('send-message', { ...message, roomId: this.room.roomId })
252252
},
253253
editMessage(message) {
254-
this.$emit('editMessage', { ...message, roomId: this.room.roomId })
254+
this.$emit('edit-message', { ...message, roomId: this.room.roomId })
255255
},
256256
deleteMessage(messageId) {
257-
this.$emit('deleteMessage', { messageId, roomId: this.room.roomId })
257+
this.$emit('delete-message', { messageId, roomId: this.room.roomId })
258258
},
259259
openFile({ message, action }) {
260-
this.$emit('openFile', { message, action })
260+
this.$emit('open-file', { message, action })
261261
},
262262
menuActionHandler(ev) {
263-
this.$emit('menuActionHandler', { action: ev, roomId: this.room.roomId })
263+
this.$emit('menu-action-handler', { action: ev, roomId: this.room.roomId })
264264
},
265265
messageActionHandler(ev) {
266-
this.$emit('messageActionHandler', {
266+
this.$emit('message-action-handler', {
267267
...ev,
268268
roomId: this.room.roomId
269269
})
270270
},
271271
sendMessageReaction(messageReaction) {
272-
this.$emit('sendMessageReaction', {
272+
this.$emit('send-message-reaction', {
273273
...messageReaction,
274274
roomId: this.room.roomId
275275
})
276276
},
277277
typingMessage(message) {
278-
this.$emit('typingMessage', {
278+
this.$emit('typing-message', {
279279
message,
280280
roomId: this.room.roomId
281281
})
282282
},
283283
textareaActionHandler(message) {
284-
this.$emit('textareaActionHandler', {
284+
this.$emit('textarea-action-handler', {
285285
message,
286286
roomId: this.room.roomId
287287
})

‎src/ChatWindow/EmojiPicker.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,10 +81,10 @@ export default {
8181
},
8282
methods: {
8383
append({ emoji, emojiName }) {
84-
this.$emit('addEmoji', { icon: emoji, name: emojiName })
84+
this.$emit('add-emoji', { icon: emoji, name: emojiName })
8585
},
8686
openEmoji(ev) {
87-
this.$emit('openEmoji', true)
87+
this.$emit('open-emoji', true)
8888
this.setEmojiPickerPosition(
8989
ev.clientY,
9090
ev.view.innerWidth,

‎src/ChatWindow/Message.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
<div v-else-if="!message.file">
7676
<format-message
7777
:content="this.message.content"
78-
:textFormatting="textFormatting"
78+
:text-formatting="textFormatting"
7979
>
8080
<template v-slot:deleted-icon="data">
8181
<slot name="deleted-icon" v-bind="data"></slot>
@@ -125,7 +125,7 @@
125125
</div>
126126
<format-message
127127
:content="this.message.content"
128-
:textFormatting="textFormatting"
128+
:text-formatting="textFormatting"
129129
></format-message>
130130
</div>
131131

@@ -210,12 +210,12 @@
210210
:style="{ right: isMessageActions ? '30px' : '5px' }"
211211
v-if="isMessageReactions"
212212
v-click-outside="closeEmoji"
213-
:emojiOpened="emojiOpened"
214-
:emojiReaction="true"
215-
:roomFooterRef="roomFooterRef"
216-
:positionRight="message.sender_id === currentUserId"
217-
@addEmoji="sendMessageReaction"
218-
@openEmoji="openEmoji"
213+
:emoji-opened="emojiOpened"
214+
:emoji-reaction="true"
215+
:room-footer-ref="roomFooterRef"
216+
:position-right="message.sender_id === currentUserId"
217+
@add-emoji="sendMessageReaction"
218+
@open-emoji="openEmoji"
219219
>
220220
<template v-slot:emoji-picker-icon>
221221
<slot name="emoji-picker-reaction-icon"></slot>
@@ -358,7 +358,7 @@ export default {
358358
359359
mounted() {
360360
if (!this.message.seen && this.message.sender_id !== this.currentUserId) {
361-
this.$emit('addNewMessage', {
361+
this.$emit('add-new-message', {
362362
_id: this.message._id,
363363
index: this.index
364364
})
@@ -452,15 +452,15 @@ export default {
452452
this.hoverMessageId = null
453453
},
454454
openFile(action) {
455-
this.$emit('openFile', { message: this.message, action })
455+
this.$emit('open-file', { message: this.message, action })
456456
},
457457
messageActionHandler(action) {
458458
this.closeOptions()
459459
this.messageHover = false
460460
this.hoverMessageId = null
461461
462462
setTimeout(() => {
463-
this.$emit('messageActionHandler', { action, message: this.message })
463+
this.$emit('message-action-handler', { action, message: this.message })
464464
}, 300)
465465
},
466466
checkImageFile() {
@@ -488,7 +488,7 @@ export default {
488488
this.optionsOpened = !this.optionsOpened
489489
if (!this.optionsOpened) return
490490
491-
this.$emit('hideOptions', false)
491+
this.$emit('hide-options', false)
492492
493493
setTimeout(() => {
494494
if (
@@ -520,7 +520,7 @@ export default {
520520
},
521521
openEmoji() {
522522
this.emojiOpened = !this.emojiOpened
523-
this.$emit('hideOptions', false)
523+
this.$emit('hide-options', false)
524524
},
525525
closeEmoji() {
526526
this.emojiOpened = false
@@ -530,7 +530,7 @@ export default {
530530
return this.emojisList[emojiName]
531531
},
532532
sendMessageReaction(emoji, reaction) {
533-
this.$emit('sendMessageReaction', {
533+
this.$emit('send-message-reaction', {
534534
messageId: this.message._id,
535535
reaction: emoji,
536536
remove: reaction && reaction.indexOf(this.currentUserId) !== -1

0 commit comments

Comments
 (0)