XF 1 TaigaChat Pro Alert Sound Notification MOVED

This mod will add a sound to each new message send in TaigaChat Pro.

Note: This mod will play the sound on each site you are displaying TaigaChat Pro at.

Note: Sounds will be loaded and buffered after the first message has been sent/received.

Note: Users can decide whether they want to hear the notification sound or not via custom user field choice.

1. Step: Download and Upload
Download the resource and upload the files inside the upload folder to your forum's root directory.

2. Step: Create the new custom user field

NAVIGATE TO:
ACP > Users > Custom User Fields > +Create New Field

FILL IN:
Basic Information:
Field ID: SoundChat
Title: Alert sounds in the chat
Description: Enable / disable sound in chat
Display Location: Preferences

Options for Choice Fields:
Field Type: Radio Buttons
Possible Choices: yes, no

General Options:
[x] Field is required
[x] Show during registration
[x] User editable

SAVE FIELD
3. Step: Copy and Rename taigachat.js

COPY THE FILE: taigachat.js
(It's inside yourdomain/js/dark/taigachat.js)

AND RENAME IT TO: taigachatSound.js

4. Step: Edit taigachatSound.js

OPEN YOUR NEW FILE: taigachatSound.js

SEARCH FOR:
Code:
var taigachat_hidden, taigachat_visibilityChange;

ADD AFTER:
Code:
var snd = new Audio("tcp_sound.ogg");
var snd2 = new Audio("tcp_sound.mp3");

SEARCH FOR:
Code:
taigachat_lastMessage = new Date().getTime();

ADD AFTER:
Code:
snd.play();

snd2.play();

SAVE FILE
5. Step: Edit the templates dark_taigachat_chatbox and dark_taigachat_popup

NAVIGATE TO:
ACP > Appearance > Template > dark_taigachat_chatbox

SEARCH FOR:
Code:
<xen:require js="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}" />

REPLACE WITH:
Code:
<xen:if is="{$visitor.customFields.SoundChat} == 'yes'">
<xen:require js="js/dark/taigachatSound.js?{xen:raw $taigachat.js_modification}" />
<xen:else />
<xen:require js="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}" />
</xen:if>

SAVE FILE


NAVIGATE TO:
ACP > Appearance > Template > dark_taigachat_popup

SEARCH FOR:
Code:
<script type="text/javascript" src="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}"></script>

REPLACE WITH:
Code:
<xen:if is="{$visitor.customFields.SoundChat} == 'yes'">[/INDENT]
<script type="text/javascript" src="js/dark/taigachatSound.js?{xen:raw $taigachat.js_modification}"></script>
<xen:else />
<script type="text/javascript" src="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}"></script>
</xen:if>

SAVE FILE


Done! Go to your Account Settings --> Preferences and enable alert sounds in chat. Then try sending something in your Taigachat Pro. You should hear a sound now!