2011-11-26 14:30:56 +00:00
{ include file = 'documentHeader' }
<head>
2013-01-26 21:46:54 +00:00
<title> { $room } - { lang } chat.general.title { /lang } - { PAGE_TITLE | language } </title>
2011-11-26 14:30:56 +00:00
{ include file = 'headInclude' sandbox = false }
2013-03-11 13:04:31 +00:00
{ include file = 'javascriptInclude' application = 'chat' }
2013-01-27 14:16:29 +00:00
<script type="text/javascript">
//<![CDATA[
var chat;
(function ($, window) {
$(function() {
WCF.Language.addObject( {
'chat.general.query': ' { lang } chat.general.query { /lang } ',
'chat.general.kick': ' { lang } chat.general.kick { /lang } ',
'chat.general.ban': ' { lang } chat.general.ban { /lang } ',
'chat.general.profile': ' { lang } chat.general.profile { /lang } ',
'chat.general.notify.title': ' { lang } chat.general.notify.title { /lang } '
});
{ event name = 'shouldInit' }
// Boot the chat
WCF.TabMenu.init();
new WCF.Message.Smilies();
{ capture assign = 'messageTemplate' } { include application = 'chat' file = 'message' } { /capture }
chat = new be.bastelstu.Chat( {
reloadTime: { @ CHAT_RELOADTIME } ,
2013-01-27 21:41:36 +00:00
unloadURL: ' { link application = "chat" controller = "Leave" } { /link } ',
messageURL: ' { link application = "chat" controller = "NewMessages" } { /link } ',
2013-01-27 14:16:29 +00:00
socketIOPath: ' { @ CHAT_SOCKET_IO_PATH | encodeJS } '
}, (new WCF.Template(' { ldelim } $title} - { 'chat.general.title' | language | encodeJS } - { PAGE_TITLE | language | encodeJS } ')).compile(), (new WCF.Template(' { @ $messageTemplate | encodeJS } ')).compile());
{ event name = 'didInit' }
// show the last X messages
chat.handleMessages([
{ implode from = $newestMessages item = 'message' } { @ $message - > jsonify ( ) } { /implode }
]);
// enable user-interface
$('#timsChatInput').enable().jCounter().focus();
$('#timsChatCopyright').click(function (event) {
event.preventDefault();
2013-01-27 21:10:37 +00:00
if (!$.wcfIsset('timsChatCopyrightDialog')) $('<fieldset id="timsChatCopyrightDialog"></fieldset>').appendTo('body');
2013-03-11 16:26:13 +00:00
$('#timsChatCopyrightDialog').load(' { link application = 'chat' controller = 'Copyright' } { /link } ').wcfDialog( {
title: 'Tims Chat { if SHOW_VERSION_NUMBER } { PACKAGE_VERSION } { /if } '
2013-01-27 14:16:29 +00:00
});
});
$('#chatLogLink').click(function (event) {
event.preventDefault();
be.bastelstu.Chat.Log.loadOverlay();
});
});
})(jQuery, this)
//]]>
</script>
2011-12-03 13:13:04 +00:00
<style type="text/css">
2013-01-30 15:34:02 +00:00
.timsChatMessage::before {
content: "";
}
2013-01-19 19:36:40 +00:00
{ assign var = 'type' value = '\chat\data\message\Message::TYPE_' }
2013-01-28 19:45:57 +00:00
.timsChatMessage { $type | concat : 'JOIN' | constant } ::before {
2013-01-27 20:49:10 +00:00
content: "\f090";
2012-04-15 11:12:14 +00:00
}
2013-01-28 19:45:57 +00:00
.timsChatMessage { $type | concat : 'LEAVE' | constant } ::before {
2013-01-27 20:49:10 +00:00
content: "\f08b";
}
2013-01-28 19:45:57 +00:00
.timsChatMessage { $type | concat : 'INFORMATION' | constant } ::before {
2013-01-27 20:49:10 +00:00
content: "\f05a";
}
2013-01-28 19:45:57 +00:00
.timsChatMessage { $type | concat : 'ERROR' | constant } ::before {
2013-01-27 20:49:10 +00:00
content: "\f05e";
2012-04-15 11:12:14 +00:00
}
2011-12-03 13:13:04 +00:00
</style>
2011-11-26 14:30:56 +00:00
</head>
<body id="tpl { $templateName | ucfirst } ">
2013-01-26 21:46:54 +00:00
{ capture assign = 'sidebar' } { include application = 'chat' file = 'sidebar' } { /capture }
{ capture assign = 'headerNavigation' } { include application = 'chat' file = 'navigationInclude' } { /capture }
2012-01-09 16:50:39 +00:00
{ include file = 'header' sandbox = false sidebarOrientation = 'right' }
2011-12-15 20:57:20 +00:00
2012-02-05 16:21:43 +00:00
<div id="timsChatRoomContent">
2013-01-31 15:03:20 +00:00
<div id="timsChatTopic" class="container { if $room - > topic | language = = = '' } empty { /if } "> { $room - > topic | language } </div>
2012-05-19 20:00:44 +00:00
<fieldset>
2013-01-09 18:59:32 +00:00
<div id="timsChatMessageContainer" class="timsChatMessageContainer container box shadow1">
2013-03-11 14:17:43 +00:00
<p class="error noJsOnly" style="display: none;"> { lang } chat.general.noJs { /lang } </p>
2012-05-19 20:00:44 +00:00
<ul>
</ul>
</div>
2012-04-20 20:03:38 +00:00
</fieldset>
2011-12-11 22:29:43 +00:00
2013-01-19 19:36:40 +00:00
<form id="timsChatForm" action=" { link application = 'chat' controller = 'Chat' action = 'Send' } { /link } " method="post">
2013-03-11 14:17:43 +00:00
<fieldset>
<dl class="wide" id="timsChatInputContainer">
<dd>
<input id="timsChatInput" accesskey="w" type="text" class="inputText long" name="text" autocomplete="off" maxlength=" { @ CHAT_MAX_LENGTH } " disabled="disabled" required="required" placeholder=" { lang } chat.general.submit.default { /lang } " />
<small class="innerError" style="display: none;">derp</small>
</dd>
</dl>
</fieldset>
2011-12-15 17:55:44 +00:00
</form>
2012-07-14 13:04:53 +00:00
<div id="timsChatControls" class="marginTop">
2012-03-04 14:20:38 +00:00
{ if MODULE_SMILEY }
2013-02-01 20:29:50 +00:00
<div class="tabMenuContainer">
{ include file = 'messageFormSmilies' wysiwygSelector = '' }
2012-03-04 14:20:38 +00:00
</div>
{ /if }
2012-02-06 17:35:09 +00:00
<nav id="timsChatOptions">
2012-04-14 22:21:33 +00:00
<ul class="smallButtons">
2012-02-06 17:35:09 +00:00
<li>
2012-10-19 20:26:12 +00:00
<a id="timsChatAutoscroll" accesskey="d" class="timsChatToggle jsTooltip button" title=" { lang } wcf.global.button.disable { /lang } " data-disable-message=" { lang } wcf.global.button.disable { /lang } " data-enable-message=" { lang } wcf.global.button.enable { /lang } " data-status="1">
2013-01-26 21:46:54 +00:00
<span class="icon icon16 icon-circle-blank"></span><span> { lang } chat.general.scroll { /lang } </span>
2012-02-06 17:35:09 +00:00
</a>
</li>
2012-06-13 16:14:32 +00:00
<li>
2012-10-19 20:26:12 +00:00
<a id="timsChatFullscreen" accesskey="f" class="timsChatToggle jsTooltip button" title=" { lang } wcf.global.button.disable { /lang } " data-disable-message=" { lang } wcf.global.button.disable { /lang } " data-enable-message=" { lang } wcf.global.button.enable { /lang } " data-status="0">
2013-01-26 21:46:54 +00:00
<span class="icon icon16 icon-off"></span><span> { lang } chat.general.fullscreen { /lang } </span>
2012-06-13 16:14:32 +00:00
</a>
</li>
2012-02-06 17:35:09 +00:00
<li>
2012-10-19 20:26:12 +00:00
<a id="timsChatNotify" accesskey="n" class="timsChatToggle jsTooltip button" title=" { lang } wcf.global.button.enable { /lang } " data-disable-message=" { lang } wcf.global.button.disable { /lang } " data-enable-message=" { lang } wcf.global.button.enable { /lang } " data-status="0">
2013-01-26 21:46:54 +00:00
<span class="icon icon16 icon-off"></span><span> { lang } chat.general.notify { /lang } </span>
2012-02-06 17:35:09 +00:00
</a>
</li>
2012-03-04 14:20:38 +00:00
<li { if ! MODULE_SMILEY } style="display: none;" { /if } >
2012-10-19 20:26:12 +00:00
<a id="timsChatSmilies" accesskey="e" class="timsChatToggle jsTooltip button" title=" { lang } wcf.global.button. { if ENABLE_SMILIES_DEFAULT_VALUE } dis { else } en { /if } able { /lang } " data-disable-message=" { lang } wcf.global.button.disable { /lang } " data-enable-message=" { lang } wcf.global.button.enable { /lang } " data-status=" { @ ENABLE_SMILIES_DEFAULT_VALUE } ">
2013-01-26 21:46:54 +00:00
<span class="icon icon16 icon- { if ENABLE_SMILIES_DEFAULT_VALUE } circle-blank { else } off { /if } "></span><span> { lang } chat.general.smilies { /lang } </span>
2012-02-06 17:35:09 +00:00
</a>
</li>
<li>
2013-02-01 19:41:59 +00:00
<a id="timsChatClear" class="button">
2013-01-26 21:46:54 +00:00
<span class="icon icon16 icon-remove"></span><span> { lang } chat.general.clear { /lang } </span>
2012-02-06 17:35:09 +00:00
</a>
</li>
<li>
2013-01-26 21:46:54 +00:00
<a id="timsChatMark" class="jsTooltip button" title=" { lang } chat.general.mark.description { /lang } ">
<span class="icon icon16 icon-check"></span><span> { lang } chat.general.mark { /lang } </span>
2012-02-06 17:35:09 +00:00
</a>
</li>
</ul>
</nav>
2011-12-15 17:55:44 +00:00
</div>
2011-12-03 13:13:04 +00:00
</div>
2011-11-26 14:30:56 +00:00
{ include file = 'footer' sandbox = false }
</body>
2012-05-21 10:27:26 +00:00
</html>
