From f700cbc36bf8192843126af02bdf5ff38b639c42 Mon Sep 17 00:00:00 2001 From: Joas Schilling Date: Mon, 23 Aug 2021 16:12:20 +0200 Subject: Fix event names to kebap-case Signed-off-by: Joas Schilling --- src/App.vue | 14 +++++++------- src/FilesSidebarTabApp.vue | 10 +++++----- src/PublicShareAuthSidebar.vue | 6 +++--- src/PublicShareSidebar.vue | 6 +++--- src/components/AdminSettings/SignalingServer.vue | 2 +- src/components/AdminSettings/SignalingServers.vue | 2 +- src/components/AdminSettings/StunServer.vue | 2 +- src/components/AdminSettings/StunServers.vue | 2 +- src/components/AdminSettings/TurnServer.vue | 2 +- src/components/AdminSettings/TurnServers.vue | 2 +- src/components/CallView/CallView.vue | 4 ++-- src/components/CallView/shared/Video.vue | 2 +- src/components/ChatView.vue | 2 +- .../ConversationSettingsDialog.vue | 2 +- src/components/Description/Description.vue | 2 +- .../ConversationsList/ConversationsList.vue | 6 +++--- src/components/LeftSidebar/LeftSidebar.spec.js | 8 ++++---- src/components/LeftSidebar/LeftSidebar.vue | 14 +++++++------- .../NewGroupConversation/NewGroupConversation.vue | 6 +++--- .../NewGroupConversation/SetContacts/SetContacts.vue | 2 +- .../SetConversationName/SetConversationName.vue | 2 +- src/components/LeftSidebar/SearchBox/SearchBox.vue | 4 ++-- .../MessagesGroup/Message/Message.spec.js | 2 +- .../MessagesList/MessagesGroup/Message/Message.vue | 8 ++++---- src/components/MessagesList/MessagesList.vue | 18 +++++++++--------- .../NewMessageForm/AdvancedInput/AdvancedInput.vue | 4 ++-- .../NewMessageForm/AudioRecorder/AudioRecorder.vue | 2 +- src/components/NewMessageForm/NewMessageForm.vue | 12 ++++++------ src/components/Quote.vue | 2 +- .../ParticipantsList/Participant/Participant.spec.js | 4 ++-- .../ParticipantsList/Participant/Participant.vue | 2 +- .../ParticipantsList/ParticipantsList.vue | 2 +- .../ParticipantsSearchResults.vue | 2 +- .../RightSidebar/Participants/ParticipantsTab.vue | 12 ++++++------ src/init.js | 2 +- src/mixins/isInCall.js | 4 ++-- src/mixins/sessionIssueHandler.js | 8 ++++---- src/store/fileUploadStore.js | 6 +++--- src/store/participantsStore.js | 8 ++++---- src/store/participantsStore.spec.js | 6 +++--- src/utils/signaling.js | 19 ++++++++++++------- 41 files changed, 115 insertions(+), 110 deletions(-) (limited to 'src') diff --git a/src/App.vue b/src/App.vue index 604eadde3..2aab31fc1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -218,17 +218,17 @@ export default { beforeDestroy() { if (!getCurrentUser()) { - EventBus.$off('shouldRefreshConversations', this.debounceRefreshCurrentConversation) + EventBus.$off('should-refresh-conversations', this.debounceRefreshCurrentConversation) } document.removeEventListener('visibilitychange', this.changeWindowVisibility) }, beforeMount() { if (!getCurrentUser()) { - EventBus.$once('joinedConversation', () => { + EventBus.$once('joined-conversation', () => { this.fixmeDelayedSetupOfGuestUsers() }) - EventBus.$on('shouldRefreshConversations', this.debounceRefreshCurrentConversation) + EventBus.$on('should-refresh-conversations', this.debounceRefreshCurrentConversation) } if (this.$route.name === 'conversation') { @@ -255,7 +255,7 @@ export default { } }) - EventBus.$on('conversationsReceived', (params) => { + EventBus.$on('conversations-received', (params) => { if (this.$route.name === 'conversation' && !this.$store.getters.conversation(this.token)) { if (!params.singleConversation) { @@ -274,7 +274,7 @@ export default { * component each time a new batch of conversations is received and processed in * the store. */ - EventBus.$once('conversationsReceived', () => { + EventBus.$once('conversations-received', () => { if (this.$route.name === 'conversation') { // Adjust the page title once the conversation list is loaded this.setPageTitle(this.getConversationName(this.token), false) @@ -313,7 +313,7 @@ export default { * Fires a global event that tells the whole app that the route has changed. The event * carries the from and to objects as payload */ - EventBus.$emit('routeChange', { from, to }) + EventBus.$emit('route-change', { from, to }) next() } @@ -468,7 +468,7 @@ export default { * Emits a global event that is used in App.vue to update the page title once the * ( if the current route is a conversation and once the conversations are received) */ - EventBus.$emit('conversationsReceived', { + EventBus.$emit('conversations-received', { singleConversation: true, }) } catch (exception) { diff --git a/src/FilesSidebarTabApp.vue b/src/FilesSidebarTabApp.vue index 47c958e1f..77ab24996 100644 --- a/src/FilesSidebarTabApp.vue +++ b/src/FilesSidebarTabApp.vue @@ -200,10 +200,10 @@ export default { // "inCall" flag (which is locally updated when joining and leaving // a call) is currently used. if (loadState('spreed', 'signaling_mode') !== 'internal') { - EventBus.$on('shouldRefreshConversations', OCA.Talk.fetchCurrentConversationWrapper) - EventBus.$on('Signaling::participantListChanged', OCA.Talk.fetchCurrentConversationWrapper) + EventBus.$on('should-refresh-conversations', OCA.Talk.fetchCurrentConversationWrapper) + EventBus.$on('signaling-participant-list-changed', OCA.Talk.fetchCurrentConversationWrapper) } else { - // The "shouldRefreshConversations" event is triggered only when + // The "should-refresh-conversations" event is triggered only when // the external signaling server is used; when the internal // signaling server is used periodic polling has to be used // instead. @@ -212,8 +212,8 @@ export default { }, leaveConversation() { - EventBus.$off('shouldRefreshConversations', OCA.Talk.fetchCurrentConversationWrapper) - EventBus.$off('Signaling::participantListChanged', OCA.Talk.fetchCurrentConversationWrapper) + EventBus.$off('should-refresh-conversations', OCA.Talk.fetchCurrentConversationWrapper) + EventBus.$off('signaling-participant-list-changed', OCA.Talk.fetchCurrentConversationWrapper) window.clearInterval(OCA.Talk.fetchCurrentConversationIntervalId) // TODO: move to store under a special action ? diff --git a/src/PublicShareAuthSidebar.vue b/src/PublicShareAuthSidebar.vue index 1db9a79f6..4a06205f3 100644 --- a/src/PublicShareAuthSidebar.vue +++ b/src/PublicShareAuthSidebar.vue @@ -137,10 +137,10 @@ export default { // "inCall" flag (which is locally updated when joining and leaving // a call) is currently used. if (loadState('spreed', 'signaling_mode') !== 'internal') { - EventBus.$on('shouldRefreshConversations', this.fetchCurrentConversation) - EventBus.$on('Signaling::participantListChanged', this.fetchCurrentConversation) + EventBus.$on('should-refresh-conversations', this.fetchCurrentConversation) + EventBus.$on('signaling-participant-list-changed', this.fetchCurrentConversation) } else { - // The "shouldRefreshConversations" event is triggered only when + // The "should-refresh-conversations" event is triggered only when // the external signaling server is used; when the internal // signaling server is used periodic polling has to be used // instead. diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue index 490e9a083..4d0e0e0cc 100644 --- a/src/PublicShareSidebar.vue +++ b/src/PublicShareSidebar.vue @@ -155,10 +155,10 @@ export default { // "inCall" flag (which is locally updated when joining and leaving // a call) is currently used. if (loadState('spreed', 'signaling_mode') !== 'internal') { - EventBus.$on('shouldRefreshConversations', this.fetchCurrentConversation) - EventBus.$on('Signaling::participantListChanged', this.fetchCurrentConversation) + EventBus.$on('should-refresh-conversations', this.fetchCurrentConversation) + EventBus.$on('signaling-participant-list-changed', this.fetchCurrentConversation) } else { - // The "shouldRefreshConversations" event is triggered only when + // The "should-refresh-conversations" event is triggered only when // the external signaling server is used; when the internal // signaling server is used periodic polling has to be used // instead. diff --git a/src/components/AdminSettings/SignalingServer.vue b/src/components/AdminSettings/SignalingServer.vue index 46f5f607b..0e30a303d 100644 --- a/src/components/AdminSettings/SignalingServer.vue +++ b/src/components/AdminSettings/SignalingServer.vue @@ -118,7 +118,7 @@ export default { methods: { removeServer() { - this.$emit('removeServer', this.index) + this.$emit('remove-server', this.index) }, updateServer(event) { this.$emit('update:server', event.target.value) diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue index 6a3d0acd0..0105341ea 100644 --- a/src/components/AdminSettings/SignalingServers.vue +++ b/src/components/AdminSettings/SignalingServers.vue @@ -65,7 +65,7 @@ :verify.sync="servers[index].verify" :index="index" :loading="loading" - @removeServer="removeServer" + @remove-server="removeServer" @update:server="debounceUpdateServers" @update:verify="debounceUpdateServers" /> diff --git a/src/components/AdminSettings/StunServer.vue b/src/components/AdminSettings/StunServer.vue index e302504fc..51867a57f 100644 --- a/src/components/AdminSettings/StunServer.vue +++ b/src/components/AdminSettings/StunServer.vue @@ -88,7 +88,7 @@ export default { methods: { removeServer() { - this.$emit('removeServer', this.index) + this.$emit('remove-server', this.index) }, update(event) { this.$emit('update:server', event.target.value) diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue index 186d9f577..31d2106a1 100644 --- a/src/components/AdminSettings/StunServers.vue +++ b/src/components/AdminSettings/StunServers.vue @@ -46,7 +46,7 @@ :server.sync="servers[index]" :index="index" :loading="loading" - @removeServer="removeServer" + @remove-server="removeServer" @update:server="debounceUpdateServers" /> diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue index 09ffd99eb..2b7cfb9ef 100644 --- a/src/components/AdminSettings/TurnServer.vue +++ b/src/components/AdminSettings/TurnServer.vue @@ -300,7 +300,7 @@ export default { }, removeServer() { - this.$emit('removeServer', this.index) + this.$emit('remove-server', this.index) }, updateSchemes(event) { this.$emit('update:schemes', event.target.value) diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue index 4074ad510..2dc9c6c66 100644 --- a/src/components/AdminSettings/TurnServers.vue +++ b/src/components/AdminSettings/TurnServers.vue @@ -47,7 +47,7 @@ :protocols.sync="servers[index].protocols" :index="index" :loading="loading" - @removeServer="removeServer" + @remove-server="removeServer" @update:schemes="debounceUpdateServers" @update:server="debounceUpdateServers" @update:secret="debounceUpdateServers" diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue index 9606f814c..423eb4ec2 100644 --- a/src/components/CallView/CallView.vue +++ b/src/components/CallView/CallView.vue @@ -398,14 +398,14 @@ export default { this.updateDataFromCallParticipantModels(this.callParticipantModels) }, mounted() { - EventBus.$on('refreshPeerList', this.debounceFetchPeers) + EventBus.$on('refresh-peer-list', this.debounceFetchPeers) callParticipantCollection.on('remove', this._lowerHandWhenParticipantLeaves) subscribe('talk:video:toggled', this.handleToggleVideo) }, beforeDestroy() { - EventBus.$off('refreshPeerList', this.debounceFetchPeers) + EventBus.$off('refresh-peer-list', this.debounceFetchPeers) callParticipantCollection.off('remove', this._lowerHandWhenParticipantLeaves) diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index 94b8f9710..13ae60444 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -226,7 +226,7 @@ export default { peerData() { let peerData = this.$store.getters.getPeer(this.$store.getters.getToken(), this.peerId) if (!peerData.actorId) { - EventBus.$emit('refreshPeerList') + EventBus.$emit('refresh-peer-list') peerData = { actorType: '', actorId: '', diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue index 08fc75886..fc5e16610 100644 --- a/src/components/ChatView.vue +++ b/src/components/ChatView.vue @@ -48,7 +48,7 @@ :is-chat-scrolled-to-bottom="isChatScrolledToBottom" :token="token" :is-visible="isVisible" - @setChatScrolledToBottom="setScrollStatus" /> + @set-chat-scrolled-to-bottom="setScrollStatus" /> diff --git a/src/components/Description/Description.vue b/src/components/Description/Description.vue index 1d709c6b2..3b7021b8a 100644 --- a/src/components/Description/Description.vue +++ b/src/components/Description/Description.vue @@ -219,7 +219,7 @@ export default { // Remove leading/trailing whitespaces. this.descriptionText = this.descriptionText.replace(/\r\n|\n|\r/gm, '\n').trim() // Submit description - this.$emit('submit:description', this.descriptionText) + this.$emit('submit-description', this.descriptionText) /** * Change the richcontenteditable key in order to trigger a re-render * without this all the trimmed new lines and whitespaces would diff --git a/src/components/LeftSidebar/ConversationsList/ConversationsList.vue b/src/components/LeftSidebar/ConversationsList/ConversationsList.vue index 1ad5fb000..1a60148d6 100644 --- a/src/components/LeftSidebar/ConversationsList/ConversationsList.vue +++ b/src/components/LeftSidebar/ConversationsList/ConversationsList.vue @@ -73,14 +73,14 @@ export default { }, mounted() { - EventBus.$on('routeChange', this.onRouteChange) - EventBus.$once('joinedConversation', ({ token }) => { + EventBus.$on('route-change', this.onRouteChange) + EventBus.$once('joined-conversation', ({ token }) => { this.scrollToConversation(token) }) }, beforeDestroy() { - EventBus.$off('routeChange', this.onRouteChange) + EventBus.$off('route-change', this.onRouteChange) }, methods: { diff --git a/src/components/LeftSidebar/LeftSidebar.spec.js b/src/components/LeftSidebar/LeftSidebar.spec.js index 366377715..c9123c72f 100644 --- a/src/components/LeftSidebar/LeftSidebar.spec.js +++ b/src/components/LeftSidebar/LeftSidebar.spec.js @@ -122,7 +122,7 @@ describe('LeftSidebar.vue', () => { test('fetches and renders conversation list initially', async () => { const conversationsReceivedEvent = jest.fn() - EventBus.$once('conversationsReceived', conversationsReceivedEvent) + EventBus.$once('conversations-received', conversationsReceivedEvent) fetchConversationsAction.mockResolvedValueOnce() const wrapper = mountComponent() @@ -190,7 +190,7 @@ describe('LeftSidebar.vue', () => { expect(fetchConversationsAction).not.toHaveBeenCalled() - EventBus.$emit('shouldRefreshConversations') + EventBus.$emit('should-refresh-conversations') // note: debounce was short-circuited so no delay needed expect(fetchConversationsAction).toHaveBeenCalled() @@ -632,7 +632,7 @@ describe('LeftSidebar.vue', () => { }) test('shows group conversation dialog when clicking search result', async () => { const eventHandler = jest.fn() - EventBus.$once('NewGroupConversationDialog', eventHandler) + EventBus.$once('new-group-conversation-dialog', eventHandler) const wrapper = await testSearch('search', [...groupsResults], []) @@ -649,7 +649,7 @@ describe('LeftSidebar.vue', () => { }) test('shows circles conversation dialog when clicking search result', async () => { const eventHandler = jest.fn() - EventBus.$once('NewGroupConversationDialog', eventHandler) + EventBus.$once('new-group-conversation-dialog', eventHandler) const wrapper = await testSearch('search', [...circlesResults], []) diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index 00a79d432..fc12b24fc 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -259,13 +259,13 @@ export default { } }, 30000) - EventBus.$on('shouldRefreshConversations', this.debounceFetchConversations) + EventBus.$on('should-refresh-conversations', this.debounceFetchConversations) this.mountArrowNavigation() }, beforeDestroy() { - EventBus.$off('shouldRefreshConversations', this.debounceFetchConversations) + EventBus.$off('should-refresh-conversations', this.debounceFetchConversations) this.cancelSearchPossibleConversations() this.cancelSearchPossibleConversations = null @@ -368,19 +368,19 @@ export default { // Create one-to-one conversation directly const conversation = await this.$store.dispatch('createOneToOneConversation', item.id) this.abortSearch() - EventBus.$once('joinedConversation', ({ token }) => { + EventBus.$once('joined-conversation', ({ token }) => { this.$refs.conversationsList.scrollToConversation(token) }) this.$router.push({ name: 'conversation', params: { token: conversation.token } }).catch(err => console.debug(`Error while pushing the new conversation's route: ${err}`)) } else { // For other types we start the conversation creation dialog - EventBus.$emit('NewGroupConversationDialog', item) + EventBus.$emit('new-group-conversation-dialog', item) } }, async joinListedConversation(conversation) { this.abortSearch() - EventBus.$once('joinedConversation', ({ token }) => { + EventBus.$once('joined-conversation', ({ token }) => { this.$refs.conversationsList.scrollToConversation(token) }) // add as temporary item that will refresh after the joining process is complete @@ -410,7 +410,7 @@ export default { handleClickSearchResult(selectedConversationToken) { if (this.searchText !== '') { - EventBus.$once('joinedConversation', ({ token }) => { + EventBus.$once('joined-conversation', ({ token }) => { this.$refs.conversationsList.scrollToConversation(token) }) } @@ -446,7 +446,7 @@ export default { * Emits a global event that is used in App.vue to update the page title once the * ( if the current route is a conversation and once the conversations are received) */ - EventBus.$emit('conversationsReceived', { + EventBus.$emit('conversations-received', { singleConversation: false, }) this.isFetchingConversations = false diff --git a/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue b/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue index c8878799f..dea7bd78d 100644 --- a/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue +++ b/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue @@ -48,7 +48,7 @@ v-if="page === 0"> + @click-enter="handleEnter" /> @@ -205,11 +205,11 @@ export default { }, mounted() { - EventBus.$on('NewGroupConversationDialog', this.showModalForItem) + EventBus.$on('new-group-conversation-dialog', this.showModalForItem) }, destroyed() { - EventBus.$off('NewGroupConversationDialog', this.showModalForItem) + EventBus.$off('new-group-conversation-dialog', this.showModalForItem) }, methods: { diff --git a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue index bbb30898c..9b9e163ef 100644 --- a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue +++ b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue @@ -49,7 +49,7 @@ :scrollable="true" :display-search-hint="displaySearchHint" :selectable="true" - @clickSearchHint="focusInput" /> + @click-search-hint="focusInput" /> diff --git a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue index cb2272b5f..e3108b1a2 100644 --- a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue +++ b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue @@ -56,7 +56,7 @@ export default { }, // Forward the keydown event to the parent handleKeydown() { - this.$emit('clickEnter') + this.$emit('click-enter') }, }, diff --git a/src/components/LeftSidebar/SearchBox/SearchBox.vue b/src/components/LeftSidebar/SearchBox/SearchBox.vue index 50c2d10e1..14e2d0aac 100644 --- a/src/components/LeftSidebar/SearchBox/SearchBox.vue +++ b/src/components/LeftSidebar/SearchBox/SearchBox.vue @@ -85,10 +85,10 @@ export default { /** * Listen to routeChange global events and focus on the input */ - EventBus.$on('routeChange', this.focusInputIfRoot) + EventBus.$on('route-change', this.focusInputIfRoot) }, beforeDestroy() { - EventBus.$off('routeChange', this.focusInputIfRoot) + EventBus.$off('route-change', this.focusInputIfRoot) }, methods: { // Focus the input field of the searchbox component. diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.spec.js b/src/components/MessagesList/MessagesGroup/Message/Message.spec.js index 7a656eb2f..39c54f4f2 100644 --- a/src/components/MessagesList/MessagesGroup/Message/Message.spec.js +++ b/src/components/MessagesList/MessagesGroup/Message/Message.spec.js @@ -1011,7 +1011,7 @@ describe('Message.vue', () => { expect(reloadButtonIcon.exists()).toBe(true) const retryEvent = jest.fn() - EventBus.$on('retryMessage', retryEvent) + EventBus.$on('retry-message', retryEvent) await reloadButtonIcon.trigger('click') diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue index dedf9cc6e..e9e6196d8 100644 --- a/src/components/MessagesList/MessagesGroup/Message/Message.vue +++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue @@ -665,7 +665,7 @@ export default { watch: { showJoinCallButton() { - EventBus.$emit('scrollChatToBottom') + EventBus.$emit('scroll-chat-to-bottom') }, }, @@ -705,8 +705,8 @@ export default { }, handleRetry() { if (this.sendingErrorCanRetry) { - EventBus.$emit('retryMessage', this.id) - EventBus.$emit('focusChatInput') + EventBus.$emit('retry-message', this.id) + EventBus.$emit('focus-chat-input') } }, handleReply() { @@ -722,7 +722,7 @@ export default { messageParameters: this.messageParameters, token: this.token, }) - EventBus.$emit('focusChatInput') + EventBus.$emit('focus-chat-input') }, async handleDelete() { this.isDeleting = true diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue index 62143728a..229e7719b 100644 --- a/src/components/MessagesList/MessagesList.vue +++ b/src/components/MessagesList/MessagesList.vue @@ -275,10 +275,10 @@ export default { mounted() { this.viewId = uniqueId('messagesList') this.scrollToBottom() - EventBus.$on('scrollChatToBottom', this.handleScrollChatToBottomEvent) - EventBus.$on('smoothScrollChatToBottom', this.smoothScrollToBottom) - EventBus.$on('focusMessage', this.focusMessage) - EventBus.$on('routeChange', this.onRouteChange) + EventBus.$on('scroll-chat-to-bottom', this.handleScrollChatToBottomEvent) + EventBus.$on('smooth-scroll-chat-to-bottom', this.smoothScrollToBottom) + EventBus.$on('focus-message', this.focusMessage) + EventBus.$on('route-change', this.onRouteChange) subscribe('networkOffline', this.handleNetworkOffline) subscribe('networkOnline', this.handleNetworkOnline) window.addEventListener('focus', this.onWindowFocus) @@ -286,10 +286,10 @@ export default { beforeDestroy() { window.removeEventListener('focus', this.onWindowFocus) - EventBus.$off('scrollChatToBottom', this.handleScrollChatToBottomEvent) - EventBus.$off('smoothScrollChatToBottom', this.smoothScrollToBottom) - EventBus.$off('focusMessage', this.focusMessage) - EventBus.$off('routeChange', this.onRouteChange) + EventBus.$off('scroll-chat-to-bottom', this.handleScrollChatToBottomEvent) + EventBus.$off('smooth-scroll-chat-to-bottom', this.smoothScrollToBottom) + EventBus.$off('focus-message', this.focusMessage) + EventBus.$off('route-change', this.onRouteChange) this.$store.dispatch('cancelLookForNewMessages', { requestId: this.chatIdentifier }) this.destroying = true @@ -880,7 +880,7 @@ export default { }, setChatScrolledToBottom(boolean) { - this.$emit('setChatScrolledToBottom', boolean) + this.$emit('set-chat-scrolled-to-bottom', boolean) if (boolean) { // mark as read if marker was seen // we have to do this early because unfocussing the window will remove the stickiness diff --git a/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue b/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue index c54995088..b76317a0c 100644 --- a/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue +++ b/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue @@ -240,13 +240,13 @@ export default { /** * Listen to routeChange global events and focus on the */ - EventBus.$on('focusChatInput', this.focusInput) + EventBus.$on('focus-chat-input', this.focusInput) this.atWhoPanelExtraClasses = 'talk candidate-mentions' }, beforeDestroy() { - EventBus.$off('focusChatInput', this.focusInput) + EventBus.$off('focus-chat-input', this.focusInput) }, methods: { diff --git a/src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue b/src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue index 9f68592d8..d40d0ed96 100644 --- a/src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue +++ b/src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue @@ -279,7 +279,7 @@ export default { // Convert blob to file const audioFile = new File([this.blob], fileName) audioFile.localURL = window.URL.createObjectURL(this.blob) - this.$emit('audioFile', audioFile) + this.$emit('audio-file', audioFile) this.$emit('recording', false) } this.resetComponentData() diff --git a/src/components/NewMessageForm/NewMessageForm.vue b/src/components/NewMessageForm/NewMessageForm.vue index ea426b765..2a1933d93 100644 --- a/src/components/NewMessageForm/NewMessageForm.vue +++ b/src/components/NewMessageForm/NewMessageForm.vue @@ -108,7 +108,7 @@ v-if="!hasText && canUploadFiles" :disabled="disabled" @recording="handleRecording" - @audioFile="handleAudioFile" /> + @audio-file="handleAudioFile" />