{include file='headinclude.tpl'}
{include file='header.tpl'}
<!--
Commom [Home Page] JS Tasks -->
<script
type="text/javascript"
src="{$SITE_URL}/js/page.message.js"></script>
<!--
Commom [Home Page] JS Tasks -->
<!-- Content -->
<div
class="contentWrapper">
<div
class="content">
<table
class="mainContent">
<tr>
<!-- Left Panel -->
<td
class="leftPanel">
<div
class="appsMenu">
<ul>
<li class="item">
<a class="appLink active"
href="{$SITE_URL}/messages/"><span
class="icon"><i class="app_icon
app_messages"></i></span><span
class="name">Messages</span></a>
</li>
<li
class="item">
<a
class="appLink"
href="{$SITE_URL}/notifications/"><span
class="icon"><i class="app_icon
app_flag"></i></span><span
class="name">Notifications</span></a>
</li>
</ul>
</div>
</td>
<!-- Left Panel -->
<!-- Center
Panel -->
<td class="centerPanel">
<div
class="centerPanelHeader">
<!--
App Header -->
<div
class="appHeaderWrapper">
<span class="relative showHoverCard"
id="{$conversation.users.UserID}">
<a
href="{$SITE_URL}/{$conversation.users.UserName}">{$conversation.users.UserFirstName}
{$conversation.users.UserLastName}</a>
<!-- Hover Card -->
<div
class="hoverCardWrapper hidden"></div>
<!-- Hover Card -->
</span>
{if $conversation.hasOthers} and
{$conversation.others} others{/if}
<div
class="right">
<a
class="uiButton" href="{$SITE_URL}/messages/">Back
to Messages</a>
</div>
</div>
<!-- App Header
-->
</div>
<div class="centerPanelContent">
<ul class="liveFeeds"
id="messageFeeds">
{foreach
$messages as $message}
<li
class="feedItem"
id="{$message.ConversationID}-{$message.ID}">
<div class="dataContainer">
<!-- Avatar -->
<div
class="dataSideWrapper ml5">
<a
href="{$SITE_URL}/{$message.UserName}"><img
src="{$SITE_URL}/{$message.UserAvatarPath}" /></a>
</div>
<!-- Avatar -->
<!-- Message -->
<div class="dataContentWrapper ml10
mr5">
<!-- Buttons & UserName & Time
-->
<div
class="dataContent mb5">
<!--
Buttons -->
<div
class="dataButtons hidden">
<div class="button-close
doRemoveMessage"></div>
</div>
<!-- Buttons -->
<!-- UserName -->
<span class="relative
showHoverCard" id="{$message.UserID}">
<strong><a
href="{$SITE_URL}/{$message.UserName}">{$message.UserFirstName}
{$message.UserLastName}</a></strong>
<!-- Hover Card -->
<div class="hoverCardWrapper
hidden"></div>
<!-- Hover Card -->
</span>
<!-- Time -->
<span class="timeago gray"
data-time="{$message.Time}"></span>
<!-- Time -->
</div>
<!-- Buttons
& UserName & Time -->
<!-- Text -->
<div
class="dataContent">{$message.Text}</div>
<!-- Text -->
</div>
<!-- Message -->
</div>
</li>
{/foreach}
</ul>
<!--
Reply Message -->
<form
class="postReply" id="{$conversation.ID}">
<div class="dataContainer
postCommentWrapper">
<div
class="dataSideWrapper small"></div>
<div class="dataSideWrapper ml5">
<img
src="{$SITE_URL}/{$userArray.UserAvatarPathMedium}" />
</div>
<div class="dataContentWrapper medium ml10">
<div class="commentContent mb5">
<textarea class="uiInput
addComment expand">Write a reply...</textarea>
</div>
<div class="commentContent tright">
<input type="submit"
class="uiButton" value="Reply" />
<div class="hidden"><img
src="{$spinner.small}" /></div>
</div>
</div>
</div>
</form>
<!-- Reply Message -->
</div>
</td>
<!-- Center Panel -->
<!-- Right Panel -->
<td
class="rightPanel">
<!-- Sponsored Ads -->
{include
file='rp.sponsored.tpl' margin='28'}
<!-- Sponsored
Ads -->
</td>
<!-- Right Panel -->
</tr>
</table>
</div>
</div>
<!--
Content -->
{include file='footer.tpl' footerType = 'narrow'}