284 lines
17 KiB
HTML
284 lines
17 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/]" />
|
||
|
|
<title>[LANG]logsTitle[/LANG]</title>
|
||
|
|
<style type="text/css">
|
||
|
|
body {
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
[STYLE_SHEETS/]
|
||
|
|
<!--[if lt IE 7]>
|
||
|
|
<link rel="stylesheet" type="text/css" href="ie5-6.css"/>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var isIElt7 = true;
|
||
|
|
</script>
|
||
|
|
<![endif]-->
|
||
|
|
<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/logs.js" type="text/javascript" charset="UTF-8"></script>
|
||
|
|
<script src="js/lang/[LANG_CODE/].js" type="text/javascript" charset="UTF-8"></script>
|
||
|
|
<script src="js/config.js" 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] = (containerWidth+28)+'px';
|
||
|
|
} else {
|
||
|
|
document.getElementById('chatList').style[arguments.callee.styleProperty] = '20px';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function initialize() {
|
||
|
|
toggleContainer('settingsContainer');
|
||
|
|
ajaxChat.updateButton('audio', 'audioButton');
|
||
|
|
ajaxChat.updateButton('autoScroll', 'autoScrollButton');
|
||
|
|
document.getElementById('bbCodeSetting').checked = ajaxChat.getSetting('bbCode');
|
||
|
|
document.getElementById('hyperLinksSetting').checked = ajaxChat.getSetting('hyperLinks');
|
||
|
|
document.getElementById('lineBreaksSetting').checked = ajaxChat.getSetting('lineBreaks');
|
||
|
|
document.getElementById('emoticonsSetting').checked = ajaxChat.getSetting('emoticons');
|
||
|
|
document.getElementById('autoFocusSetting').checked = ajaxChat.getSetting('autoFocus');
|
||
|
|
document.getElementById('maxMessagesSetting').value = ajaxChat.getSetting('maxMessages');
|
||
|
|
document.getElementById('wordWrapSetting').checked = ajaxChat.getSetting('wordWrap');
|
||
|
|
document.getElementById('maxWordLengthSetting').value = ajaxChat.getSetting('maxWordLength');
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ajaxChat.fillSoundSelection('soundReceiveSetting', ajaxChat.getSetting('soundReceive'));
|
||
|
|
ajaxChat.fillSoundSelection('soundSendSetting', ajaxChat.getSetting('soundSend'));
|
||
|
|
ajaxChat.fillSoundSelection('soundEnterSetting', ajaxChat.getSetting('soundEnter'));
|
||
|
|
ajaxChat.fillSoundSelection('soundLeaveSetting', ajaxChat.getSetting('soundLeave'));
|
||
|
|
ajaxChat.fillSoundSelection('soundChatBotSetting', ajaxChat.getSetting('soundChatBot'));
|
||
|
|
ajaxChat.fillSoundSelection('soundErrorSetting', ajaxChat.getSetting('soundError'));
|
||
|
|
ajaxChat.fillSoundSelection('soundPrivateSetting', ajaxChat.getSetting('soundPrivate'));
|
||
|
|
document.getElementById('blinkSetting').checked = ajaxChat.getSetting('blink');
|
||
|
|
document.getElementById('blinkIntervalSetting').value = ajaxChat.getSetting('blinkInterval');
|
||
|
|
document.getElementById('blinkIntervalNumberSetting').value = ajaxChat.getSetting('blinkIntervalNumber');
|
||
|
|
}
|
||
|
|
|
||
|
|
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 = true;
|
||
|
|
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/]');
|
||
|
|
|
||
|
|
ajaxChatConfig.ajaxURL += '&view=logs';
|
||
|
|
|
||
|
|
ajaxChatConfig.domIDs['yearSelection'] = 'yearSelection';
|
||
|
|
ajaxChatConfig.domIDs['monthSelection'] = 'monthSelection';
|
||
|
|
ajaxChatConfig.domIDs['daySelection'] = 'daySelection';
|
||
|
|
ajaxChatConfig.domIDs['hourSelection'] = 'hourSelection';
|
||
|
|
|
||
|
|
ajaxChatConfig.settings.dateFormat = '(%Y.%m.%d - %H:%i:%s)';
|
||
|
|
ajaxChatConfig.settings.audio = false;
|
||
|
|
ajaxChatConfig.settings.blink = false;
|
||
|
|
ajaxChatConfig.nonPersistentSettings.push('dateFormat','audio','blink');
|
||
|
|
|
||
|
|
ajaxChat.init(ajaxChatConfig, ajaxChatLang, true, true, true, initialize);
|
||
|
|
// ]]>
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="content">
|
||
|
|
<div id="headlineContainer">
|
||
|
|
<h1>[LANG]logsTitle[/LANG]</h1>
|
||
|
|
</div>
|
||
|
|
<div id="logoutChannelContainer">
|
||
|
|
<input type="button" id="logoutButton" value="[LANG]logout[/LANG]" onclick="ajaxChat.logout();"/>
|
||
|
|
<input type="button" id="mobileButton" value="Return" onclick="window.location.assign('./');"/>
|
||
|
|
<label for="channelSelection">[LANG]channel[/LANG]:</label>
|
||
|
|
<select id="channelSelection" onchange="ajaxChat.getLogs();">[LOGS_CHANNEL_OPTIONS/]</select>
|
||
|
|
<label for="yearSelection">[LANG]logsDate[/LANG]:</label>
|
||
|
|
<select id="yearSelection" onchange="ajaxChat.getLogs();">[LOGS_YEAR_OPTIONS/]</select>
|
||
|
|
<select id="monthSelection" onchange="ajaxChat.getLogs();">[LOGS_MONTH_OPTIONS/]</select>
|
||
|
|
<select id="daySelection" onchange="ajaxChat.getLogs();">[LOGS_DAY_OPTIONS/]</select>
|
||
|
|
<label for="hourSelection">[LANG]logsTime[/LANG]:</label>
|
||
|
|
<select id="hourSelection" onchange="ajaxChat.getLogs();">[LOGS_HOUR_OPTIONS/]</select>
|
||
|
|
<label for="styleSelection">[LANG]style[/LANG]:</label>
|
||
|
|
<select id="styleSelection" onchange="ajaxChat.setActiveStyleSheet(ajaxChat.getSelectedStyle());">[STYLE_OPTIONS/]</select>
|
||
|
|
<label for="languageSelection">[LANG]language[/LANG]:</label>
|
||
|
|
<select id="languageSelection" onchange="ajaxChat.switchLanguage(this.value);">[LANGUAGE_OPTIONS/]</select>
|
||
|
|
</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);"></textarea>
|
||
|
|
</div>
|
||
|
|
<div id="submitButtonContainer">
|
||
|
|
<input type="button" id="submitButton" value="[LANG]logsSearch[/LANG]" onclick="ajaxChat.sendMessage();"/>
|
||
|
|
</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');"/>
|
||
|
|
<input type="image" src="images/pixel.png" class="button" id="audioButton" alt="[LANG]toggleAudio[/LANG]" title="[LANG]toggleAudio[/LANG]" onclick="ajaxChat.toggleSetting('audio', 'audioButton');"/>
|
||
|
|
<input type="image" src="images/pixel.png" class="button" id="autoScrollButton" alt="[LANG]toggleAutoScroll[/LANG]" title="[LANG]toggleAutoScroll[/LANG]" onclick="ajaxChat.toggleSetting('autoScroll', 'autoScrollButton')"/>
|
||
|
|
</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="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="autoFocusSetting">[LANG]settingsAutoFocus[/LANG]</label></td>
|
||
|
|
<td class="setting"><input type="checkbox" id="autoFocusSetting" onclick="ajaxChat.setSetting('autoFocus', this.checked);"/></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<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="rowOdd">
|
||
|
|
<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="rowEven">
|
||
|
|
<td><label for="maxWordLengthSetting">[LANG]settingsMaxWordLength[/LANG]</label></td>
|
||
|
|
<td class="setting"><input type="text" class="text" id="maxWordLengthSetting" onchange="ajaxChat.setSetting('maxWordLength', parseInt(this.value));"/></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>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<td><label for="soundReceiveSetting">[LANG]settingsSoundReceive[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundReceiveSetting" onchange="ajaxChat.setSetting('soundReceive', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowOdd">
|
||
|
|
<td><label for="soundSendSetting">[LANG]settingsSoundSend[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundSendSetting" onchange="ajaxChat.setSetting('soundSend', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<td><label for="soundEnterSetting">[LANG]settingsSoundEnter[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundEnterSetting" onchange="ajaxChat.setSetting('soundEnter', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowOdd">
|
||
|
|
<td><label for="soundLeaveSetting">[LANG]settingsSoundLeave[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundLeaveSetting" onchange="ajaxChat.setSetting('soundLeave', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<td><label for="soundChatBotSetting">[LANG]settingsSoundChatBot[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundChatBotSetting" onchange="ajaxChat.setSetting('soundChatBot', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowOdd">
|
||
|
|
<td><label for="soundErrorSetting">[LANG]settingsSoundError[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundErrorSetting" onchange="ajaxChat.setSetting('soundError', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<td><label for="soundPrivateSetting">[LANG]settingsSoundPrivate[/LANG]</label></td>
|
||
|
|
<td class="setting">
|
||
|
|
<select id="soundPrivateSetting" onchange="ajaxChat.setSetting('soundPrivate', this.options[this.selectedIndex].value);"><option value="">-</option></select><input type="image" src="images/pixel.png" class="button playback" alt="[LANG]playSelectedSound[/LANG]" title="[LANG]playSelectedSound[/LANG]" onclick="ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowOdd">
|
||
|
|
<td><label for="blinkSetting">[LANG]settingsBlink[/LANG]</label></td>
|
||
|
|
<td class="setting"><input type="checkbox" id="blinkSetting" onclick="ajaxChat.setSetting('blink', this.checked);"/></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowEven">
|
||
|
|
<td><label for="blinkIntervalSetting">[LANG]settingsBlinkInterval[/LANG]</label></td>
|
||
|
|
<td class="setting"><input type="text" class="text" id="blinkIntervalSetting" onchange="ajaxChat.setSetting('blinkInterval', parseInt(this.value));"/></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="rowOdd">
|
||
|
|
<td><label for="blinkIntervalNumberSetting">[LANG]settingsBlinkIntervalNumber[/LANG]</label></td>
|
||
|
|
<td class="setting"><input type="text" class="text" id="blinkIntervalNumberSetting" onchange="ajaxChat.setSetting('blinkIntervalNumber', parseInt(this.value));"/></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--
|
||
|
|
Please retain the full copyright notice below including the link to blueimp.net.
|
||
|
|
This not only gives respect to the amount of time given freely by the developer
|
||
|
|
but also helps build interest, traffic and use of AJAX Chat.
|
||
|
|
|
||
|
|
Thanks,
|
||
|
|
Sebastian Tschan
|
||
|
|
//-->
|
||
|
|
<div id="copyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> © <a href="https://blueimp.net">blueimp.net</a></div>
|
||
|
|
</div>
|
||
|
|
<div id="flashInterfaceContainer"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|