KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Adds sound alert notification for new messages on the widget (#3181)

Browse source 
* feat: Adds sound alert notification for new messages on the widget

* Review fixes

* uses absolute path

* Minor fixes

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
This commit is contained in:
Sivin Varghese 2021-10-18 18:39:04 +05:30 committed by GitHub
parent 3b3ab39ca3
commit 050df43789
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/packs/widget.js
View file

@ -4,6 +4,7 @@ import VueI18n from 'vue-i18n';
import store from '../widget/store'; import store from '../widget/store';
import App from '../widget/App.vue'; import App from '../widget/App.vue';
import ActionCableConnector from '../widget/helpers/actionCable'; import ActionCableConnector from '../widget/helpers/actionCable';
import { getAlertAudio } from 'shared/helpers/AudioNotificationHelper';
import i18n from '../widget/i18n'; import i18n from '../widget/i18n';
Vue.use(VueI18n); Vue.use(VueI18n);
@ -30,4 +31,5 @@ window.onload = () => {
window.WOOT_WIDGET, window.WOOT_WIDGET,
window.chatwootPubsubToken window.chatwootPubsubToken
); );
getAlertAudio();
}; };

4
app/javascript/shared/helpers/AudioNotificationHelper.js
View file

@ -94,3 +94,7 @@ export const newMessageNotification = data => {
showBadgeOnFavicon(); showBadgeOnFavicon();
} }
}; };
export const playNewMessageNotificationInWidget = () => {
window.playAudioAlert();
};

4
app/javascript/widget/helpers/actionCable.js
View file

@ -1,4 +1,5 @@
import BaseActionCableConnector from '../../shared/helpers/BaseActionCableConnector'; import BaseActionCableConnector from '../../shared/helpers/BaseActionCableConnector';
import { playNewMessageNotificationInWidget } from 'shared/helpers/AudioNotificationHelper';
class ActionCableConnector extends BaseActionCableConnector { class ActionCableConnector extends BaseActionCableConnector {
constructor(app, pubsubToken) { constructor(app, pubsubToken) {
@ -36,6 +37,9 @@ class ActionCableConnector extends BaseActionCableConnector {
.then(() => { .then(() => {
window.bus.$emit('on-agent-message-received'); window.bus.$emit('on-agent-message-received');
}); });
if (data.sender_type === 'User') {
playNewMessageNotificationInWidget();
}
}; };
onMessageUpdated = data => { onMessageUpdated = data => {