Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-22 21:40:08 +00:00
Code Issues Releases Wiki Activity
d94a73c9b0
Tims-Chat/template/chat.tpl

155 lines
8.3 KiB
Smarty
Raw Normal View History

Adding chat.tpl It is a skeleton by now.
2011-11-26 14:30:56 +00:00
{include file='documentHeader'}
<head>
Various fixes (forgot to commit at different stages :P)
2013-01-26 21:46:54 +00:00
<title>{$room} - {lang}chat.general.title{/lang} - {PAGE_TITLE|language}</title>
Adding chat.tpl It is a skeleton by now.
2011-11-26 14:30:56 +00:00
{include file='headInclude' sandbox=false}
Fix bugs
2013-03-11 13:04:31 +00:00
{include file='javascriptInclude' application='chat'}
Activate relocation of scripts
2013-08-01 22:37:26 +00:00
<script data-relocate="true">
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
//<![CDATA[
(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}',
Add language variable to JS
2013-04-26 21:10:33 +00:00
'chat.general.notify.title': '{lang}chat.general.notify.title{/lang}',
Closing of private channels is now possible, add notifications to private channel tab menu (style is just a placeholder right now)
2013-07-24 10:55:47 +00:00
'chat.general.privateChannelTopic': '{lang}chat.general.privateChannelTopic{/lang}',
'chat.general.closePrivateChannel': '{lang}chat.general.closePrivateChannel{/lang}',
'chat.general.closeTopic': '{lang}chat.general.closeTopic{/lang}',
Add missing language item and improve some others Fixes #40
2013-08-02 19:18:25 +00:00
'chat.error.onMessageLoad': '{@"chat.error.onMessageLoad"|language|encodeJS}',
Clean up language items
2013-05-24 17:26:29 +00:00
'chat.error.duplicateTab': '{lang}chat.error.duplicateTab{/lang}',
Join rooms via JavaScript (so JS errors don't lead to a join) Closes #19
2013-05-26 15:19:04 +00:00
'chat.error.join': '{lang}chat.error.join{/lang}',
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
'chat.error.reload': '{lang}chat.error.reload{/lang}',
'wcf.attachment.upload.error.invalidExtension': '{lang}wcf.attachment.upload.error.invalidExtension{/lang}',
'wcf.attachment.upload.error.tooLarge': '{lang}wcf.attachment.upload.error.tooLarge{/lang}',
'wcf.attachment.upload.error.reachedLimit': '{lang}wcf.attachment.upload.error.reachedLimit{/lang}',
'wcf.attachment.upload.error.reachedRemainingLimit': '{lang}wcf.attachment.upload.error.reachedRemainingLimit{/lang}',
'wcf.attachment.upload.error.uploadFailed': '{lang}wcf.attachment.upload.error.uploadFailed{/lang}',
'wcf.global.button.upload': '{lang}wcf.global.button.upload{/lang}',
'wcf.attachment.insert': '{lang}wcf.attachment.insert{/lang}',
'wcf.attachment.delete.sure': '{lang}wcf.attachment.delete.sure{/lang}'
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
});
// Boot the chat
Clean up templates
2013-04-20 16:01:24 +00:00
{if MODULE_SMILEY}WCF.TabMenu.init();{/if}
Improve attachment system Now it's possible to upload attachments and generate an attachment message. The attachments are registered in the database correctly and can be viewed WCF's attachment list in ACP. TODO: Proper design in frontend and some backend functions.
2013-10-06 00:59:13 +00:00
{if MODULE_ATTACHMENT && $__wcf->session->getPermission('user.chat.canUploadAttachment')}
new be.bastelstu.Chat.Attachment();
new be.bastelstu.Chat.Action.Delete('wcf\\data\\attachment\\AttachmentAction', '#timsChatUploadDropdownMenu > li');
{/if}
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
new WCF.Message.Smilies();
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
{capture assign='messageTemplate'}{include application='chat' file='message'}{/capture}
Make avatar available in user list
2013-04-21 18:21:51 +00:00
{capture assign='userTemplate'}{include application='chat' file='userListUser'}{/capture}
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
Make config editable via template event
2013-06-24 16:25:30 +00:00
var config = {
reloadTime: {@CHAT_RELOADTIME},
messageURL: '{link application="chat" controller="NewMessages"}{/link}',
installedCommands: [ {implode from=$commands item='command'}'{$command|encodeJS}'{/implode} ],
messageTypes: { {implode from=$messageTypes key='name' item='messageType'}'{$name|substr:5|encodeJS}': '{$messageType|encodeJS}'{/implode} }
};
{event name='beforeInit'}
Rework CoffeeScript
2013-05-15 19:55:51 +00:00
be.bastelstu.Chat.init(
Join rooms via JavaScript (so JS errors don't lead to a join) Closes #19
2013-05-26 15:19:04 +00:00
{$roomID},
Make config editable via template event
2013-06-24 16:25:30 +00:00
config,
Rework CoffeeScript
2013-05-15 19:55:51 +00:00
new WCF.Template('{literal}{if $newMessageCount}({#$newMessageCount}) {/if}{$title} - {/literal}{"chat.general.title"|language|encodeJS} - {PAGE_TITLE|language|encodeJS}'),
Make avatar available in user list
2013-04-21 18:21:51 +00:00
new WCF.Template('{@$messageTemplate|encodeJS}'),
new WCF.Template('{@$userTemplate|encodeJS}')
Clean up templates
2013-04-20 16:01:24 +00:00
);
{event name='afterInit'}
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
$('#timsChatCopyright').click(function (event) {
event.preventDefault();
Add logo
2013-04-26 14:09:26 +00:00
if (!$.wcfIsset('timsChatCopyrightDialog')) $('<div id="timsChatCopyrightDialog"></div>').appendTo('body');
Clean up templates
2013-04-20 16:01:24 +00:00
$('#timsChatCopyrightDialog').load('{link application="chat" controller="Copyright"}{/link}').wcfDialog({
Add logo
2013-04-26 14:09:26 +00:00
title: '<img width="246" height="90" alt="" src="{$__wcf->getPath("chat")|encodeJS}images/chatLogo.png"> {if SHOW_VERSION_NUMBER} {PACKAGE_VERSION}{/if}'
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
});
});
});
Clean up templates
2013-04-20 16:01:24 +00:00
})(jQuery, this);
Edited copyright, moved JavaScript to head, fixed logPage
2013-01-27 14:16:29 +00:00
//]]>
</script>
Adding chat.tpl It is a skeleton by now.
2011-11-26 14:30:56 +00:00
</head>
<body id="tpl{$templateName|ucfirst}">
Clean up templates
2013-04-20 16:01:24 +00:00
{capture assign='sidebar'}{include application='chat' file='sidebar'}{/capture}
{include file='header' sandbox=false sidebarOrientation='right'}
Add missing marginTop to #timsChatTopic Closes #48
2013-09-07 13:17:22 +00:00
<div id="timsChatTopic" class="marginTop container{if $room->topic|language === ''} empty{/if}">
Closing of private channels is now possible, add notifications to private channel tab menu (style is just a placeholder right now)
2013-07-24 10:55:47 +00:00
<span class="icon icon16 icon-remove jsTopicCloser jsTooltip" title="{lang}chat.general.closeTopic{/lang}"></span>
Add possibility to hide topic.
2013-07-05 14:15:07 +00:00
<span class="topic">{$room->topic|language}</span>
</div>
Clean up less
2013-05-24 18:33:41 +00:00
Add forgotten files Maybe I was asleep ... I don't know.
2013-07-12 15:15:13 +00:00
<div id="privateChannelsMenu">
<ul>
Simplify code a bit
2013-07-12 18:52:54 +00:00
<li id="privateChannel0" class="privateChannel active" data-private-channel-id="0">
Fix tooltip positioning
2013-07-12 19:29:17 +00:00
<span class="userAvatar framed small">
<span class="icon icon16 icon-comment-alt jsTooltip" title="{lang}chat.general.room{/lang}"></span>
Simplify code a bit
2013-07-12 18:52:54 +00:00
</span>
Fix tooltip positioning
2013-07-12 19:29:17 +00:00
<span class="userAvatar framed large">
<span class="icon icon32 icon-comment-alt jsTooltip" title="{lang}chat.general.room{/lang}"></span>
Simplify code a bit
2013-07-12 18:52:54 +00:00
</span>
</li>
Add forgotten files Maybe I was asleep ... I don't know.
2013-07-12 15:15:13 +00:00
</ul>
</div>
Clean up less
2013-05-24 18:33:41 +00:00
Closing of private channels is now possible, add notifications to private channel tab menu (style is just a placeholder right now)
2013-07-24 10:55:47 +00:00
<div id="timsChatMessageContainer0" class="timsChatMessageContainer marginTop container active" data-user-id="0">
Clean up less
2013-05-24 18:33:41 +00:00
<p class="error noJsOnly" style="display: none;">{lang}chat.general.noJs{/lang}</p>
<ul>
</ul>
First try of redesign
2011-12-15 17:55:44 +00:00
</div>
Clean up templates
2013-04-20 16:01:24 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
<form id="timsChatForm" action="{link application='chat' controller='Chat' action='Send'}{/link}" method="post">
<fieldset>
<dl class="wide" id="timsChatInputContainer">
<dd>
Remove required attribute from input Looks crappy in Firefox
2013-06-23 16:09:17 +00:00
<input id="timsChatInput" accesskey="w" type="text" class="inputText long" name="text" autocomplete="off" maxlength="{@CHAT_MAX_LENGTH}" disabled="disabled" placeholder="{lang}chat.general.submit.default{/lang}" />
Clean up less
2013-05-24 18:33:41 +00:00
<small class="innerError" style="display: none;">Lorem ipsum dolor sit amet.</small>
</dd>
</dl>
</fieldset>
<button type="submit" class="invisible" accesskey="s"></button>
</form>
{if MODULE_SMILEY && $smileyCategories|count}
{include file='messageFormSmilies' wysiwygSelector=''}
{/if}
Further message template improvements - Publish message types to JavaScript - add message type icons - style info message properly
2013-06-24 15:45:46 +00:00
<nav id="timsChatOptions" class="marginTop jsMobileNavigation buttonGroupNavigation">
Clean up less
2013-05-24 18:33:41 +00:00
<span class="invisible">{lang}chat.general.controls{/lang}</span>
<ul class="smallButtons buttonGroup">
<li><a id="timsChatAutoscroll" accesskey="d" class="button active timsChatToggle jsTooltip" title="{lang}chat.general.scroll{/lang}" data-status="1"><span class="icon icon16 icon-arrow-down"></span><span class="invisible">{lang}chat.general.scroll{/lang}</span></a></li>{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
*}<li><a id="timsChatFullscreen" accesskey="f" class="button timsChatToggle jsTooltip" title="{lang}chat.general.fullscreen{/lang}" data-status="0"><span class="icon icon16 icon-fullscreen"></span><span class="invisible">{lang}chat.general.fullscreen{/lang}</span></a></li>{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
*}<li><a id="timsChatNotify" accesskey="n" class="button timsChatToggle jsTooltip" title="{lang}chat.general.notify{/lang}" data-status="0"><span class="icon icon16 icon-bell-alt"></span><span class="invisible">{lang}chat.general.notify{/lang}</span></a></li>{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
*}<li{if !MODULE_SMILEY || !$smileyCategories|count} style="display: none;"{/if}><a id="timsChatSmilies" accesskey="e" class="button{if ENABLE_SMILIES_DEFAULT_VALUE} active{/if} timsChatToggle jsTooltip" title="{lang}chat.general.smilies{/lang}" data-status="{@ENABLE_SMILIES_DEFAULT_VALUE}"><span class="icon icon16 icon-smile"></span><span class="invisible">{lang}chat.general.smilies{/lang}</span></a></li>{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Improve attachment system Now it's possible to upload attachments and generate an attachment message. The attachments are registered in the database correctly and can be viewed WCF's attachment list in ACP. TODO: Proper design in frontend and some backend functions.
2013-10-06 00:59:13 +00:00
*}{if MODULE_ATTACHMENT && $__wcf->session->getPermission('user.chat.canUploadAttachment')}{*
*}<li id="timsChatUploadContainer" class="dropdown" data-max-size="{$attachmentHandler->getMaxSize()}">
<a id="timsChatUpload" class="dropdownToggle button jsTooltip" title="{lang}wcf.global.button.upload{/lang}" data-toggle="timsChatUploadContainer">
<span class="icon icon16 icon-paper-clip"></span>
<span class="invisible">{lang}wcf.global.button.upload{/lang}</span>
</a>
<ul id="timsChatUploadDropdownMenu" class="dropdownMenu">
<li class="uploadButton" style="margin-top: 0;">
<span><label for="timsChatUploadInput">Upload file</label></span>
</li>
</ul>
</li>{/if}{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
*}<li><a id="timsChatClear" class="button jsTooltip" title="{lang}chat.general.clear{/lang}"><span class="icon icon16 icon-remove"></span><span class="invisible">{lang}chat.general.clear{/lang}</span></a></li>{*
Add first pieces of attachment upload Currently the upload is working, but it's impossible to delete the attachment or generate a "attachment message"
2013-09-14 21:45:34 +00:00
Clean up less
2013-05-24 18:33:41 +00:00
*}<li><a id="timsChatMark" class="button timsChatToggle jsTooltip" title="{lang}chat.general.mark{/lang}" data-status="0"><span class="icon icon16 icon-check"></span><span class="invisible">{lang}chat.general.mark{/lang}</span></a></li>
</ul>
</nav>
Clean up templates
2013-04-20 16:01:24 +00:00
{include file='footer' sandbox=false}
Adding chat.tpl It is a skeleton by now.
2011-11-26 14:30:56 +00:00
</body>
Fixed icons.
2012-05-21 10:27:26 +00:00
</html>
Reference in New Issue Copy Permalink