{literal} {if $message.type == $messageTypes.JOIN || $message.type == $messageTypes.LEAVE} <div class="timsChatMessageIcon"> <span class="icon icon16 icon-{if $message.type == $messageTypes.JOIN}signin{else}signout{/if}"></span> </div> {/if} <div class="timsChatInnerMessageContainer{if $message.type == $messageTypes.NORMAL || $message.type == $messageTypes.WHISPER || $message.type == $messageTypes.INFORMATION || $message.type == $messageTypes.ATTACHMENT} bubble{/if}{if $message.type == $messageTypes.WHISPER && $message.sender != $__wcf.User.userID} right{/if}"> <div class="timsChatAvatarContainer"> <div class="userAvatar framed"> {if $message.type != $messageTypes.INFORMATION} {if $message.type == $messageTypes.NORMAL || $message.type == $messageTypes.WHISPER || $message.type == $messageTypes.ATTACHMENT} {@$message.avatar[32]} {else} {@$message.avatar[16]} {/if} {else} <span class="icon icon32 icon-info-sign"></span> {/if} </div> {if $message.type == $messageTypes.ATTACHMENT} <small class="framed timsChatAvatarExtraIcon"> <span class="icon icon16 icon-paperclip"></span> </small> {/if} </div> <div class="timsChatInnerMessage"> <span class="timsChatUsernameContainer"> {@$message.formattedUsername} {if $message.type == $messageTypes.WHISPER} <span class="icon icon16 icon-double-angle-right jsTooltip pointer" title="{/literal}{lang}chat.global.whispers{/lang}{literal}" onclick="be.bastelstu.Chat.insertText('/whisper {if $message.receiver == WCF.User.userID}{$message.username.replace("\\", "\\\\").replace("'", "\\'")}{else}{$message.additionalData.receiverUsername.replace("\\", "\\\\").replace("'", "\\'")}{/if}, ', { append: false });"></span> <span class="receiver">{$message.additionalData.receiverUsername}</span> {/if} </span> <time>{@$message.formattedTime}</time> {if $message.type == $messageTypes.NORMAL || $message.type == $messageTypes.WHISPER || $message.type == $messageTypes.ATTACHMENT} {if $message.type == $messageTypes.ATTACHMENT}<span>{lang}chat.message.{$messageTypes.ATTACHMENT}{/lang}</span>{/if} <ul class="timsChatTextContainer"> <li class="timsChatText" data-message-id="{@$message.messageID}"> {if $message.isFollowUp} <time>{@$message.formattedTime}</time>{/if} {@$message.formattedMessage} <input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/> </li> </ul> <input type="checkbox" class="timsChatMessageGroupMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.markAll{/lang}" /> {elseif $message.type == $messageTypes.INFORMATION} <div class="timsChatTextContainer"> <span class="timsChatText" data-message-id="{@$message.messageID}"> {@$message.formattedMessage} <input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/> </span> </div> {else} <span class="timsChatTextContainer"> <span class="timsChatText" data-message-id="{@$message.messageID}"> {@$message.formattedMessage} <input type="checkbox" class="timsChatMessageMarker jsTooltip" value="{@$message.messageID}" title="{lang}chat.global.mark{/lang}"/> </span> </span> {/if} </div> </div> {/literal}