Taigachat pro alert sound notification 1.3

[Itnull]

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:

 var taigachat_hidden, taigachat_visibilityChange;

ADD AFTER:

var snd = new Audio("tcp_sound.ogg"); 
var snd2 = new Audio("tcp_sound.mp3");

SEARCH FOR:

taigachat_lastMessage = new Date().getTime();

ADD AFTER:

snd.play();

snd2.play();

SAVE FILE5. Step: Edit the templates dark_taigachat_chatbox and dark_taigachat_popup

NAVIGATE TO:
ACP > Appearance > Template > dark_taigachat_chatbox

SEARCH FOR:

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

REPLACE WITH:

<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:

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

REPLACE WITH:

<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!