ajax-chat/template/mobile.html

196 lines
11 KiB
HTML
Raw Normal View History

2022-02-06 16:08:09 +00:00
<?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="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] = '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>