196 lines
11 KiB
HTML
196 lines
11 KiB
HTML
<?xml version="1.0" encoding="[CONTENT_ENCODING/]"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="[LANG_CODE/]" lang="[LANG_CODE/]" dir="[BASE_DIRECTION/]">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="[CONTENT_TYPE/]" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>[LANG]title[/LANG]</title>
|
|
<link href="images/global.css" type="text/css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
body {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
</style>
|
|
<!-- [STYLE_SHEETS/] -->
|
|
<link rel="stylesheet" type="text/css" href="css/legacy.ajaxchat.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/mobile.ajaxchat.css" />
|
|
<script src="js/chat.js" type="text/javascript" charset="UTF-8"></script>
|
|
<script src="js/custom.js" type="text/javascript" charset="UTF-8"></script>
|
|
<script src="js/lang/en.js" type="text/javascript" charset="UTF-8"></script>
|
|
<script src="/?common=config" type="text/javascript" charset="UTF-8"></script>
|
|
<script src="js/FABridge.js" type="text/javascript" charset="UTF-8"></script>
|
|
<script type="text/javascript">
|
|
// <![CDATA[
|
|
function toggleContainer(containerID, hideContainerIDs) {
|
|
if(hideContainerIDs) {
|
|
for(var i=0; i<hideContainerIDs.length; i++) {
|
|
ajaxChat.showHide(hideContainerIDs[i], 'none');
|
|
}
|
|
}
|
|
ajaxChat.showHide(containerID);
|
|
if(typeof arguments.callee.styleProperty == 'undefined') {
|
|
if(typeof isIElt7 != 'undefined') {
|
|
arguments.callee.styleProperty = 'marginRight';
|
|
} else {
|
|
arguments.callee.styleProperty = 'right';
|
|
}
|
|
}
|
|
var containerWidth = document.getElementById(containerID).offsetWidth;
|
|
if(containerWidth) {
|
|
document.getElementById('chatList').style[arguments.callee.styleProperty] = '10px';
|
|
} else {
|
|
document.getElementById('chatList').style[arguments.callee.styleProperty] = '10px';
|
|
}
|
|
}
|
|
|
|
function initialize() {
|
|
ajaxChat.updateButton('audio', 'audioButton');
|
|
ajaxChat.updateButton('autoScroll', 'autoScrollButton');
|
|
document.getElementById('bbCodeSetting').checked = ajaxChat.getSetting('bbCode');
|
|
document.getElementById('bbCodeImagesSetting').checked = ajaxChat.getSetting('bbCodeImages');
|
|
document.getElementById('bbCodeColorsSetting').checked = ajaxChat.getSetting('bbCodeColors');
|
|
document.getElementById('hyperLinksSetting').checked = ajaxChat.getSetting('hyperLinks');
|
|
document.getElementById('lineBreaksSetting').checked = ajaxChat.getSetting('lineBreaks');
|
|
document.getElementById('emoticonsSetting').checked = ajaxChat.getSetting('emoticons');
|
|
document.getElementById('maxMessagesSetting').value = ajaxChat.getSetting('maxMessages');
|
|
document.getElementById('wordWrapSetting').checked = ajaxChat.getSetting('wordWrap');
|
|
document.getElementById('dateFormatSetting').value = ajaxChat.getSetting('dateFormat');
|
|
document.getElementById('persistFontColorSetting').checked = ajaxChat.getSetting('persistFontColor');
|
|
for(var i=0; i<document.getElementById('audioVolumeSetting').options.length; i++) {
|
|
if(document.getElementById('audioVolumeSetting').options[i].value == ajaxChat.getSetting('audioVolume')) {
|
|
document.getElementById('audioVolumeSetting').options[i].selected = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
ajaxChatConfig.loginChannelID = parseInt('[LOGIN_CHANNEL_ID/]');
|
|
ajaxChatConfig.sessionName = '[SESSION_NAME/]';
|
|
ajaxChatConfig.cookieExpiration = parseInt('[COOKIE_EXPIRATION/]');
|
|
ajaxChatConfig.cookiePath = '[COOKIE_PATH/]';
|
|
ajaxChatConfig.cookieDomain = '[COOKIE_DOMAIN/]';
|
|
ajaxChatConfig.cookieSecure = '[COOKIE_SECURE/]';
|
|
ajaxChatConfig.chatBotName = decodeURIComponent('[CHAT_BOT_NAME/]');
|
|
ajaxChatConfig.chatBotID = '[CHAT_BOT_ID/]';
|
|
ajaxChatConfig.allowUserMessageDelete = parseInt('[ALLOW_USER_MESSAGE_DELETE/]');
|
|
ajaxChatConfig.inactiveTimeout = parseInt('[INACTIVE_TIMEOUT/]');
|
|
ajaxChatConfig.privateChannelDiff = parseInt('[PRIVATE_CHANNEL_DIFF/]');
|
|
ajaxChatConfig.privateMessageDiff = parseInt('[PRIVATE_MESSAGE_DIFF/]');
|
|
ajaxChatConfig.showChannelMessages = parseInt('[SHOW_CHANNEL_MESSAGES/]');
|
|
ajaxChatConfig.messageTextMaxLength = parseInt('[MESSAGE_TEXT_MAX_LENGTH/]');
|
|
ajaxChatConfig.socketServerEnabled = parseInt('[SOCKET_SERVER_ENABLED/]');
|
|
ajaxChatConfig.socketServerHost = decodeURIComponent('[SOCKET_SERVER_HOST/]');
|
|
ajaxChatConfig.socketServerPort = parseInt('[SOCKET_SERVER_PORT/]');
|
|
ajaxChatConfig.socketServerChatID = parseInt('[SOCKET_SERVER_CHAT_ID/]');
|
|
|
|
ajaxChat.init(ajaxChatConfig, ajaxChatLang, true, true, true, initialize);
|
|
// ]]>
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<div id="headlineContainer">
|
|
<h1>
|
|
[LANG]title[/LANG]
|
|
<input type="button" id="logoutButton" value="[LANG]logout[/LANG]" onclick="ajaxChat.logout();"/>
|
|
<input type="button" id="logoutButton" value="Desktop" onclick="window.location.assign('./');"/>
|
|
</h1>
|
|
</div>
|
|
|
|
<!--[if lt IE 7]>
|
|
<div></div>
|
|
<![endif]-->
|
|
<div id="chatList"></div>
|
|
<div id="inputFieldContainer">
|
|
<textarea id="inputField" rows="1" cols="50" title="[LANG]inputLineBreak[/LANG]" onkeypress="ajaxChat.handleInputFieldKeyPress(event);" onkeyup="ajaxChat.handleInputFieldKeyUp(event);"></textarea>
|
|
</div>
|
|
<div id="bbCodeContainer">
|
|
<input type="button" value="[LANG]bbCodeLabelBold[/LANG]" title="[LANG]bbCodeTitleBold[/LANG]" onclick="ajaxChat.insertBBCode('b');" style="font-weight:bold;"/>
|
|
<input type="button" value="[LANG]bbCodeLabelItalic[/LANG]" title="[LANG]bbCodeTitleItalic[/LANG]" onclick="ajaxChat.insertBBCode('i');" style="font-style:italic;"/>
|
|
<input type="button" value="[LANG]bbCodeLabelUnderline[/LANG]" title="[LANG]bbCodeTitleUnderline[/LANG]" onclick="ajaxChat.insertBBCode('u');" style="text-decoration:underline;"/>
|
|
<input type="button" value="[LANG]bbCodeLabelQuote[/LANG]" title="[LANG]bbCodeTitleQuote[/LANG]" onclick="ajaxChat.insertBBCode('quote');"/>
|
|
<input type="button" value="[LANG]bbCodeLabelCode[/LANG]" title="[LANG]bbCodeTitleCode[/LANG]" onclick="ajaxChat.insertBBCode('code');"/>
|
|
<input type="button" value="[LANG]bbCodeLabelURL[/LANG]" title="[LANG]bbCodeTitleURL[/LANG]" onclick="ajaxChat.insertBBCode('url');"/>
|
|
<input type="button" value="IMG" title="[LANG]bbCodeTitleImg[/LANG]" onclick="ajaxChat.insertBBCode('img');"/>
|
|
<input type="button" value="Color" title="[LANG]bbCodeTitleColor[/LANG]" onclick="ajaxChat.showHide('colorCodesContainer', null);"/>
|
|
<input type="button" id="submitButton" value="[LANG]messageSubmit[/LANG]" onclick="ajaxChat.sendMessage();"/>
|
|
</div>
|
|
<div id="colorCodesContainer" style="display:none;" dir="ltr"></div>
|
|
<div id="optionsContainer">
|
|
<input type="image" src="images/pixel.png" class="button" id="settingsButton" alt="[LANG]toggleSettings[/LANG]" title="[LANG]toggleSettings[/LANG]" onclick="toggleContainer('settingsContainer', new Array('onlineListContainer','helpContainer'));"/>
|
|
<input type="image" src="images/pixel.png" class="button" id="onlineListButton" alt="[LANG]toggleOnlineList[/LANG]" title="[LANG]toggleOnlineList[/LANG]" onclick="toggleContainer('onlineListContainer', new Array('settingsContainer','helpContainer'));"/>
|
|
<input type="image" src="images/pixel.png" class="button" id="audioButton" alt="[LANG]toggleAudio[/LANG]" title="[LANG]toggleAudio[/LANG]" onclick="ajaxChat.toggleSetting('audio', 'audioButton');"/>
|
|
</div>
|
|
<div id="onlineListContainer" style="display:none;">
|
|
<h3>[LANG]onlineUsers[/LANG]</h3>
|
|
<div id="onlineList"></div>
|
|
</div>
|
|
<div id="settingsContainer" style="display:none;">
|
|
<h3>[LANG]settings[/LANG]</h3>
|
|
<div id="settingsList">
|
|
<table>
|
|
<tr class="rowOdd">
|
|
<td><label for="bbCodeSetting">[LANG]settingsBBCode[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="bbCodeSetting" onclick="ajaxChat.setSetting('bbCode', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowEven">
|
|
<td><label for="bbCodeImagesSetting">[LANG]settingsBBCodeImages[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="bbCodeImagesSetting" onclick="ajaxChat.setSetting('bbCodeImages', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowOdd">
|
|
<td><label for="bbCodeColorsSetting">[LANG]settingsBBCodeColors[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="bbCodeColorsSetting" onclick="ajaxChat.setSetting('bbCodeColors', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowEven">
|
|
<td><label for="hyperLinksSetting">[LANG]settingsHyperLinks[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="hyperLinksSetting" onclick="ajaxChat.setSetting('hyperLinks', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowOdd">
|
|
<td><label for="lineBreaksSetting">[LANG]settingsLineBreaks[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="lineBreaksSetting" onclick="ajaxChat.setSetting('lineBreaks', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowEven">
|
|
<td><label for="emoticonsSetting">[LANG]settingsEmoticons[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="emoticonsSetting" onclick="ajaxChat.setSetting('emoticons', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowOdd">
|
|
<td><label for="maxMessagesSetting">[LANG]settingsMaxMessages[/LANG]</label></td>
|
|
<td class="setting"><input type="text" class="text" id="maxMessagesSetting" onchange="ajaxChat.setSetting('maxMessages', parseInt(this.value));"/></td>
|
|
</tr>
|
|
<tr class="rowEven">
|
|
<td><label for="wordWrapSetting">[LANG]settingsWordWrap[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="wordWrapSetting" onclick="ajaxChat.setSetting('wordWrap', this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowOdd">
|
|
<td><label for="dateFormatSetting">[LANG]settingsDateFormat[/LANG]</label></td>
|
|
<td class="setting"><input type="text" class="text" id="dateFormatSetting" onchange="ajaxChat.setSetting('dateFormat', this.value);"/></td>
|
|
</tr>
|
|
<tr class="rowEven">
|
|
<td><label for="persistFontColorSetting">[LANG]settingsPersistFontColor[/LANG]</label></td>
|
|
<td class="setting"><input type="checkbox" id="persistFontColorSetting" onclick="ajaxChat.setPersistFontColor(this.checked);"/></td>
|
|
</tr>
|
|
<tr class="rowOdd">
|
|
<td><label for="audioVolumeSetting">[LANG]settingsAudioVolume[/LANG]</label></td>
|
|
<td class="setting">
|
|
<select class="left" id="audioVolumeSetting" onchange="ajaxChat.setAudioVolume(this.options[this.selectedIndex].value);">
|
|
<option value="1.0">100 %</option>
|
|
<option value="0.9">90 %</option>
|
|
<option value="0.8">80 %</option>
|
|
<option value="0.7">70 %</option>
|
|
<option value="0.6">60 %</option>
|
|
<option value="0.5">50 %</option>
|
|
<option value="0.4">40 %</option>
|
|
<option value="0.3">30 %</option>
|
|
<option value="0.2">20 %</option>
|
|
<option value="0.1">10 %</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="flashInterfaceContainer"></div>
|
|
</body>
|
|
</html> |