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-01-27 14:16:29 +00:00
{ include file = 'javascriptInclude' }
<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 } ,
unloadURL: ' { link controller = "Chat" action = "Leave" } { /link } ',
messageURL: ' { link controller = "Chat" action = "Message" } { /link } ',
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();
if ($.wcfIsset('timsChatCopyrightDialog')) return WCF.showDialog('timsChatCopyrightDialog', { title : 'Tims Chat{if CHAT_SHOW_VERSION && $chatVersion|isset} {$chatVersion}{/if}' } );
var container = $('<fieldset id="timsChatCopyrightDialog"></fieldset>');
container.load(' { link application = 'chat' controller = 'Chat' action = 'Copyright' } { /link } ', function() {
$('body').append(container);
WCF.showDialog('timsChatCopyrightDialog', { title : 'Tims Chat{if CHAT_SHOW_VERSION && $chatVersion|isset} {$chatVersion}{/if}' } );
});
});
$('#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">
2012-02-05 16:21:43 +00:00
#timsChatCopyrightDialog {
2013-01-19 19:36:40 +00:00
background-image: url(" { link application = 'chat' controller = 'Chat' action = 'Copyright' sheep = 1 } { /link } ");
2011-12-03 13:13:04 +00:00
}
2013-01-19 19:36:40 +00:00
{ assign var = 'type' value = '\chat\data\message\Message::TYPE_' }
2012-04-15 11:12:14 +00:00
.timsChatMessage { $type | concat : 'JOIN' | constant } , .timsChatMessage { $type | concat : 'LEAVE' | constant } ,
.timsChatMessage { $type | concat : 'INFORMATION' | constant } , .timsChatMessage { $type | concat : 'ERROR' | constant } {
2011-12-13 21:42:28 +00:00
background-position: left top;
background-repeat: no-repeat;
2012-04-15 11:14:16 +00:00
background-size: 16px 16px;
2011-12-13 21:42:28 +00:00
}
2013-01-27 20:49:10 +00:00
.timsChatMessage:before {
font-family: "fontawesome";
margin-right: 5px;
vertical-align: middle;
height: 16px;
width: 16px;
2011-12-13 21:42:28 +00:00
}
2013-01-27 20:49:10 +00:00
.timsChatMessage { $type | concat : 'NORMAL' | constant } {
margin-left: 16px;
2011-12-13 21:42:28 +00:00
}
2013-01-27 20:49:10 +00:00
.timsChatMessage { $type | concat : 'JOIN' | constant } :before {
content: "\f090";
2012-04-15 11:12:14 +00:00
}
2013-01-27 20:49:10 +00:00
.timsChatMessage { $type | concat : 'LEAVE' | constant } :before {
content: "\f08b";
}
.timsChatMessage { $type | concat : 'INFORMATION' | constant } :before {
content: "\f05a";
}
.timsChatMessage { $type | concat : 'ERROR' | constant } :before {
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">
2012-06-29 19:50:03 +00:00
<div id="timsChatTopic" class="container" { if $room - > topic | language = = = '' } style="display: none;" { /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-01-27 14:16:29 +00:00
<noscript><p class="error"> { lang } chat.general.noJs { /lang } </p></noscript>
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-01-26 21:46:54 +00:00
<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 } " />
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 }
2012-08-08 14:12:51 +00:00
{ capture assign = __defaultSmilies }
{ include file = '__messageFormSmilies' smilies = $defaultSmilies }
{ /capture }
2012-10-15 10:08:57 +00:00
<div id="smilies" class="smiliesContent tabMenuContent container { if $smileyCategories | count } tabMenuContainer { /if } " data-store="activeTabMenuItem" data-active="smilies-default">
2012-08-08 14:12:51 +00:00
{ if $smileyCategories | count }
<nav class="menu">
<ul>
<li><a href="#smilies-default"> { lang } wcf.smilies.default { /lang } </a></li>
{ foreach from = $smileyCategories item = smileyCategory }
<li><a href="#smilies- { @ $smileyCategory - > smileyCategoryID } " data-smiley-category-id=" { @ $smileyCategory - > smileyCategoryID } "> { $smileyCategory - > title | language } </a></li>
{ /foreach }
</ul>
</nav>
<div id="smilies-default" class="hidden">
{ @ $__defaultSmilies }
</div>
{ foreach from = $smileyCategories item = 'smileyCategory' }
<div id="smilies- { $smileyCategory - > smileyCategoryID } " class="hidden"></div>
{ /foreach }
{ else }
{ @ $__defaultSmilies }
{ /if }
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-01-26 21:46:54 +00:00
<a id="timsChatClear" class="jsTooltip button" title=" { lang } chat.general.clear.description { /lang } ">
<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>
