Tims-Chat/template/chat.tpl

{include file='documentHeader'}

<head>
	<title>{$room} - {lang}wcf.chat.title{/lang} - {PAGE_TITLE|language}</title>
	
	{include file='headInclude' sandbox=false}
	
	<style type="text/css">
		#chatBox {
			padding: 0;
		}
		
		#chatBox > div {
			text-align: center;
		}
		
		#chatBox aside, #chatRoomContent {
			text-align: left;
		}
		
		#chatRoomContent {
			margin: auto;
			padding: 1px 10px 10px;
			background-color: #FFFFFF;
			width: 68%;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		}
		
		.chatSidebar.left {
			float: left;
			margin-left: -1px;
		}
	
		.chatSidebar.right {
			float: right;
			margin-right: -1px;
		}
		
		.chatSidebar {
			overflow: auto;
			padding: 0 1px 0 0;
			width: 190px;
		}
		
		#chatRoomContent:after {
			clear: both;
			height: 0;
			content: "";
			display: block;
		}		
		
		.chatSidebar h2 {
			background-image: url({icon}arrowDown{/icon});
			font-size: 130%;
			padding: 7px 25px 7px 35px;
			background-position: 15px center;
			background-repeat: no-repeat;
			background-size: 16px auto;
			color: #336699;
			cursor: default;
			font-weight: bold;
			margin-top: 5px;			
		}

		.chatSidebar ul li a {
			color: #6699CC;
			display: block;
			padding: 5px 25px 7px 35px;
			text-shadow: 0 1px 0 #FFFFFF;
		}
		
		.chatSidebar ul li.activeMenuItem a {
			color: #336699;
			font-weight: bold;
		}
		
		.chatSidebar.left ul li.activeMenuItem, .chatSidebar.right ul li.activeMenuItem .bgFix {
			background-color: #FFFFFF;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			margin-right: -1px;
			overflow: hidden;
		}
		
		#topic, #smileyList, #chatOptions {
			padding: 5px;
		}	
		
		.chatMessageContainer {
			height: 200px;
			overflow-y: scroll;
		}
		
		#smileyList .smilies li, .smallButtons li {
			display: inline;
			margin-right: 5px;
			margin-top: 5px;
		}
		
		#chatForm {
			margin-top: 15px;
			white-space: nowrap;
			margin-right: 34px;
			margin-top: 10px;
			height: 28px;
		}
		
		#chatForm .inputImage {
			height: 100%;
			margin-bottom: -8px;
		}
		
		#chatOptions {
			display: inline-block;
		}

		#chatUserList > ul > li > .bgFix a {
			background-image: url("wcf/icon/arrowRight.svg");
			background-position: 15px center;
			background-repeat: no-repeat;
			background-size: 16px auto;
		}
		
		#chatUserList > ul > li.activeMenuItem > .bgFix a {
			background-image: url("wcf/icon/arrowDown.svg");
		}
		
		.chatSidebar .chatUserMenu li a {
			margin-left: 30px !important;
		}
		
		.chatUserMenu {
			display: none;
		}
		
		#chatUserList > ul li a {
			margin-left: 20px;
		}
		
		.chatMessage time, .chatMessage time::before, .chatMessage time::after {
			font-size: .8em;
		}
		.chatMessage time::before {
			content: "[";
		}
		
		.chatMessage time::after {
			content: "]";
		}
		
		.chatSidebar a {
			outline: none;
		}
		
		.ajaxLoad {
			background-position: right center;
			background-repeat: no-repeat;
			background-image: url({icon}spinner1{/icon});
		}
		
		.bgFix {
			display: block;
		}
	</style>
</head>

<body id="tpl{$templateName|ucfirst}">
{include file='header' sandbox=false}

<header class="mainHeading">
	<img src="{icon size='L'}chat1{/icon}" alt="" />
	<hgroup>
		<h1>{lang}wcf.chat.title{/lang}</h1>
	</hgroup>
</header>

<div class="tabMenuContainer">
	<nav class="tabMenu">
		<ul>
			<li class="ui-state-active"><a href="{link controller="Chat"}{/link}" title="{lang}wcf.chat.title{/lang}">{lang}wcf.chat.title{/lang}</a></li>
			<li><a href="{link controller="Chat" action="Log"}{/link}" title="{lang}wcf.chat.protocol{/lang}">{lang}wcf.chat.protocol{/lang}</a></li>
		</ul>
	</nav>
	
	<section id="chatBox" class="border tabMenuContent hidden">
		<div>
			<aside id="chatRoomList" class="chatSidebar left">
				<h2>{lang}wcf.chat.rooms{/lang}</h2>
				<ul>
				{foreach from=$rooms item='roomListRoom'}
					<li{if $roomListRoom->roomID == $room->roomID} class="activeMenuItem"{/if}>
						<a href="{link controller='Chat' object=$roomListRoom}{/link}" class="chatRoom">{$roomListRoom}</a>
					</li>
				{/foreach}
				</ul>
			</aside>
			<aside id="chatUserList" class="chatSidebar right">
				<h2>{lang}wcf.chat.users{/lang}</h2>
				<ul>
				{section name=user start=1 loop=11}
					<li id="user-{$user}" class="chatUser">
						<span class="bgFix"><a class="chatUserLink" href="javascript:;">User {$user}</a></span>
						<ul class="chatUserMenu">
							<li>
								<a href="javascript:;">Query</a>
								<a href="javascript:;">Kick</a>
								<a href="javascript:;">Ban</a>
								<a href="{link controller="User" id=$user}{/link}">Profile</a>
							</li>
						</ul>
					</li>
				{/section}
				</ul>
			</aside>
			<div id="chatRoomContent">
				<div id="topic" class="border">{$room->topic|language}</div>
				<div class="chatMessageContainer border content">
					<ul></ul>
				</div>
				
				<form id="chatForm" action="{link controller="Chat" action="Send"}{/link}" method="post">
					<input type="text" id="chatInput" class="inputText" style="width: 100%" name="text" autocomplete="off" />
					<input type="image" class="inputImage" alt="Absenden" src="{icon size=M}toRight1{/icon}" />
				</form>
				
				<div id="chatControls">
					<div id="smileyList" class="border">
						<ul class="smilies">
							{foreach from=$smilies item='smiley'}
								<li>
									<img src="{$smiley->getURL()}" alt="{$smiley->smileyCode}" title="{$smiley->smileyCode}" class="smiley" />
								</li>
							{/foreach}
						</ul>
					</div>
					<div id="chatOptions" class="border">
						<div class="smallButtons">
							<ul>
								<li>
									<a id="chatAutoscrollButton" href="javascript:;">
										<img alt="" src="{icon}enabled1{/icon}" /> <span>Scroll</span>
									</a>
								</li>
								<li>
									<a href="javascript:;">
										<img alt="" src="{icon}disabled1{/icon}" /> <span>Notify</span>
									</a>
								</li>
								<li>
									<a href="javascript:;">
										<img alt="" src="{icon}delete1{/icon}" /> <span>Clear</span>
									</a>
								</li>
								<li>
									<a href="javascript:;">
										<img alt="" src="{icon}check1{/icon}" /> <span>Mark</span>
									</a>
								</li>											
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>

<script type="text/javascript">
	//<![CDATA[
		TimWolla.WCF.Chat.titleTemplate = new WCF.Template('{ldelim}$title} - {'wcf.chat.title'|language|encodeJS} - {PAGE_TITLE|language|encodeJS}');
		{capture assign='chatMessageTemplate'}{include file='chatMessage'}{/capture}
		TimWolla.WCF.Chat.messageTemplate = new WCF.Template('{@$chatMessageTemplate|encodeJS}');
		TimWolla.WCF.Chat.init({$room->roomID}, 1);
		TimWolla.WCF.Chat.handleMessages([
			{implode from=$newestMessages item='message'}
				{@$message->jsonify()}
			{/implode}
		]);
	//]]>
</script>

{include file='footer' sandbox=false}
</body>
</html>
Adding chat.tpl It is a skeleton by now. 2011-11-26 14:30:56 +00:00			`{include file='documentHeader'}`

			`<head>`
Forgot to commit one line.. 2011-12-13 16:25:58 +00:00			`<title>{$room} - {lang}wcf.chat.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}`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00
			`<style type="text/css">`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatBox {`
Get some more space :) 2011-12-05 16:12:30 +00:00			`padding: 0;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatBox > div {`
			`text-align: center;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatBox aside, #chatRoomContent {`
			`text-align: left;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatRoomContent {`
			`margin: auto;`
			`padding: 1px 10px 10px;`
			`background-color: #FFFFFF;`
			`width: 68%;`
			`box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);`
			`-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);`
			`-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar.left {`
			`float: left;`
			`margin-left: -1px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`
Completely reworked frontend 2011-12-11 22:29:43 +00:00
			`.chatSidebar.right {`
			`float: right;`
			`margin-right: -1px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar {`
			`overflow: auto;`
			`padding: 0 1px 0 0;`
			`width: 190px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatRoomContent:after {`
			`clear: both;`
			`height: 0;`
			`content: "";`
			`display: block;`
			`}`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar h2 {`
			`background-image: url({icon}arrowDown{/icon});`
			`font-size: 130%;`
			`padding: 7px 25px 7px 35px;`
			`background-position: 15px center;`
			`background-repeat: no-repeat;`
			`background-size: 16px auto;`
			`color: #336699;`
			`cursor: default;`
			`font-weight: bold;`
			`margin-top: 5px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar ul li a {`
			`color: #6699CC;`
			`display: block;`
			`padding: 5px 25px 7px 35px;`
			`text-shadow: 0 1px 0 #FFFFFF;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar ul li.activeMenuItem a {`
			`color: #336699;`
			`font-weight: bold;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar.left ul li.activeMenuItem, .chatSidebar.right ul li.activeMenuItem .bgFix {`
			`background-color: #FFFFFF;`
			`box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);`
			`margin-right: -1px;`
			`overflow: hidden;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#topic, #smileyList, #chatOptions {`
			`padding: 5px;`
			`}`
Style the time :) 2011-12-05 20:17:01 +00:00
Fixed typo 2011-12-12 14:52:36 +00:00			`.chatMessageContainer {`
Y U Use min-height? 2011-12-13 20:10:10 +00:00			`height: 200px;`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`overflow-y: scroll;`
Style the time :) 2011-12-05 20:17:01 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#smileyList .smilies li, .smallButtons li {`
			`display: inline;`
			`margin-right: 5px;`
			`margin-top: 5px;`
Style the time :) 2011-12-05 20:17:01 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatForm {`
			`margin-top: 15px;`
			`white-space: nowrap;`
			`margin-right: 34px;`
			`margin-top: 10px;`
			`height: 28px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatForm .inputImage {`
			`height: 100%;`
			`margin-bottom: -8px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatOptions {`
			`display: inline-block;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatUserList > ul > li > .bgFix a {`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`background-image: url("wcf/icon/arrowRight.svg");`
			`background-position: 15px center;`
			`background-repeat: no-repeat;`
			`background-size: 16px auto;`
			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatUserList > ul > li.activeMenuItem > .bgFix a {`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`background-image: url("wcf/icon/arrowDown.svg");`
			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar .chatUserMenu li a {`
			`margin-left: 30px !important;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatUserMenu {`
			`display: none;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`#chatUserList > ul li a {`
			`margin-left: 20px;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatMessage time, .chatMessage time::before, .chatMessage time::after {`
			`font-size: .8em;`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatMessage time::before {`
			`content: "[";`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`}`
Changed CSS a bit. 2011-12-03 23:50:04 +00:00
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatMessage time::after {`
			`content: "]";`
Made userlist toggleable. 2011-12-04 10:52:56 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.chatSidebar a {`
			`outline: none;`
Made userlist toggleable. 2011-12-04 10:52:56 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.ajaxLoad {`
			`background-position: right center;`
			`background-repeat: no-repeat;`
			`background-image: url({icon}spinner1{/icon});`
Made userlist toggleable. 2011-12-04 10:52:56 +00:00			`}`

Completely reworked frontend 2011-12-11 22:29:43 +00:00			`.bgFix {`
			`display: block;`
Changed CSS a bit. 2011-12-03 23:50:04 +00:00			`}`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</style>`
Adding chat.tpl It is a skeleton by now. 2011-11-26 14:30:56 +00:00			`</head>`

			`<body id="tpl{$templateName\|ucfirst}">`
			`{include file='header' sandbox=false}`

			`<header class="mainHeading">`
Replaced chat icon Replaced the old chat icon with a new WCF-styled SVG one 2011-11-29 15:46:41 +00:00			`<img src="{icon size='L'}chat1{/icon}" alt="" />`
Adding chat.tpl It is a skeleton by now. 2011-11-26 14:30:56 +00:00			`<hgroup>`
			`<h1>{lang}wcf.chat.title{/lang}</h1>`
			`</hgroup>`
			`</header>`

Cleanup our template 2011-12-13 16:22:54 +00:00			`<div class="tabMenuContainer">`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<nav class="tabMenu">`
			`<ul>`
			`<li class="ui-state-active"><a href="{link controller="Chat"}{/link}" title="{lang}wcf.chat.title{/lang}">{lang}wcf.chat.title{/lang}</a></li>`
			`<li><a href="{link controller="Chat" action="Log"}{/link}" title="{lang}wcf.chat.protocol{/lang}">{lang}wcf.chat.protocol{/lang}</a></li>`
			`</ul>`
			`</nav>`

Cleanup our template 2011-12-13 16:22:54 +00:00			`<section id="chatBox" class="border tabMenuContent hidden">`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<div>`
			`<aside id="chatRoomList" class="chatSidebar left">`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<h2>{lang}wcf.chat.rooms{/lang}</h2>`
			`<ul>`
			`{foreach from=$rooms item='roomListRoom'}`
			`<li{if $roomListRoom->roomID == $room->roomID} class="activeMenuItem"{/if}>`
			`<a href="{link controller='Chat' object=$roomListRoom}{/link}" class="chatRoom">{$roomListRoom}</a>`
			`</li>`
			`{/foreach}`
			`</ul>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</aside>`
			`<aside id="chatUserList" class="chatSidebar right">`
			`<h2>{lang}wcf.chat.users{/lang}</h2>`
			`<ul>`
			`{section name=user start=1 loop=11}`
			`<li id="user-{$user}" class="chatUser">`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<span class="bgFix"><a class="chatUserLink" href="javascript:;">User {$user}</a></span>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<ul class="chatUserMenu">`
			`<li>`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<a href="javascript:;">Query</a>`
			`<a href="javascript:;">Kick</a>`
			`<a href="javascript:;">Ban</a>`
			`<a href="{link controller="User" id=$user}{/link}">Profile</a>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</li>`
Adding ChatMessageList Show the newest 5 messages on join. Adding method to get formatted nickname 2011-12-04 21:46:50 +00:00			`</ul>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</li>`
			`{/section}`
			`</ul>`
			`</aside>`
			`<div id="chatRoomContent">`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<div id="topic" class="border">{$room->topic\|language}</div>`
Fixed typo 2011-12-12 14:52:36 +00:00			`<div class="chatMessageContainer border content">`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<ul></ul>`
			`</div>`

			`<form id="chatForm" action="{link controller="Chat" action="Send"}{/link}" method="post">`
			`<input type="text" id="chatInput" class="inputText" style="width: 100%" name="text" autocomplete="off" />`
			`<input type="image" class="inputImage" alt="Absenden" src="{icon size=M}toRight1{/icon}" />`
			`</form>`

			`<div id="chatControls">`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`<div id="smileyList" class="border">`
			`<ul class="smilies">`
			`{foreach from=$smilies item='smiley'}`
			`<li>`
Removing onclick-event of smilies It is not used anyway. 2011-12-03 13:51:53 +00:00			`<img src="{$smiley->getURL()}" alt="{$smiley->smileyCode}" title="{$smiley->smileyCode}" class="smiley" />`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</li>`
			`{/foreach}`
			`</ul>`
			`</div>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<div id="chatOptions" class="border">`
			`<div class="smallButtons">`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`<ul>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<li>`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<a id="chatAutoscrollButton" href="javascript:;">`
			`<img alt="" src="{icon}enabled1{/icon}" /> <span>Scroll</span>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</a>`
			`</li>`
			`<li>`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<a href="javascript:;">`
			`<img alt="" src="{icon}disabled1{/icon}" /> <span>Notify</span>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</a>`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</li>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`<li>`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<a href="javascript:;">`
			`<img alt="" src="{icon}delete1{/icon}" /> <span>Clear</span>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</a>`
			`</li>`
			`<li>`
Cleanup our template 2011-12-13 16:22:54 +00:00			`<a href="javascript:;">`
			`<img alt="" src="{icon}check1{/icon}" /> <span>Mark</span>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</a>`
			`</li>`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</ul>`
			`</div>`
			`</div>`
			`</div>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</div>`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</div>`
Completely reworked frontend 2011-12-11 22:29:43 +00:00			`</section>`
Worked on a static frontend for the chat. 2011-12-03 13:13:04 +00:00			`</div>`
Alert smiley-code on click. Will be replaced with inserting into input lateron. 2011-11-27 12:13:59 +00:00
			`<script type="text/javascript">`
			`//<![CDATA[`
Change Page-Title as well 2011-12-03 17:07:57 +00:00			`TimWolla.WCF.Chat.titleTemplate = new WCF.Template('{ldelim}$title} - {'wcf.chat.title'\|language\|encodeJS} - {PAGE_TITLE\|language\|encodeJS}');`
Adding chatMessage-Template 2011-12-04 22:12:12 +00:00			`{capture assign='chatMessageTemplate'}{include file='chatMessage'}{/capture}`
Wrap the time into <time> 2011-12-05 14:40:30 +00:00			`TimWolla.WCF.Chat.messageTemplate = new WCF.Template('{@$chatMessageTemplate\|encodeJS}');`
Initialize title template first 2011-12-04 21:50:17 +00:00			`TimWolla.WCF.Chat.init({$room->roomID}, 1);`
Optimizing use of chatMessage-Template. We can now insert messages via JS 2011-12-05 13:45:50 +00:00			`TimWolla.WCF.Chat.handleMessages([`
			`{implode from=$newestMessages item='message'}`
			`{@$message->jsonify()}`
			`{/implode}`
			`]);`
Alert smiley-code on click. Will be replaced with inserting into input lateron. 2011-11-27 12:13:59 +00:00			`//]]>`
			`</script>`
Adding chat.tpl It is a skeleton by now. 2011-11-26 14:30:56 +00:00
			`{include file='footer' sandbox=false}`
			`</body>`
			`</html>`