Overhauled message templates/styling
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / messageSidebar.tpl
1 {if !$__messageSidebarJavascript|isset}
2 {assign var=__messageSidebarJavascript value=true}
3 {/if}
4
5 <aside class="messageSidebar{if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()} userOnline{/if} {if $userProfile->userID}member{else}guest{/if}"{if $userProfile->userID} itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
6 <div class="messageAuthor">
7 {event name='messageAuthor'}
8
9 {if $userProfile->userID}
10 {assign var='username' value=$userProfile->username}
11
12 {if MESSAGE_SIDEBAR_ENABLE_AVATAR}
13 {if $userProfile->getAvatar()}
14 <div class="userAvatar">
15 {capture assign='__userAvatar'}{@$userProfile->getAvatar()->getImageTag(128)}{/capture}
16 <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}">{@'<img'|str_replace:'<img itemprop="photo"':$__userAvatar}</a>
17
18 {if MESSAGE_SIDEBAR_ENABLE_ONLINE_STATUS && $userProfile->isOnline()}<span class="badge green badgeOnline" title="{lang}wcf.user.online.title{/lang}">{lang}wcf.user.online{/lang}</span>{/if}
19 </div>
20 {/if}
21 {/if}
22
23 <div class="messageAuthorContainer">
24 <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}" class="username userLink" data-user-id="{@$userProfile->userID}" rel="author">
25 <span itemprop="name">{if MESSAGE_SIDEBAR_ENABLE_USER_ONLINE_MARKING}{@$userProfile->getFormattedUsername()}{else}{$username}{/if}</span>
26 </a>
27 {if $userProfile->banned}<span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang user=$userProfile}wcf.user.banned{/lang}"></span>{/if}
28
29 {event name='messageAuthorContainer'}
30 </div>
31
32 {if MODULE_USER_RANK && MESSAGE_SIDEBAR_ENABLE_RANK}
33 {if $userProfile->getUserTitle()}
34 <div class="userTitle">
35 <span class="badge userTitleBadge{if $userProfile->getRank() && $userProfile->getRank()->cssClassName} {@$userProfile->getRank()->cssClassName}{/if}" itemprop="title">{$userProfile->getUserTitle()}</span>
36 </div>
37 {/if}
38 {if $userProfile->getRank() && $userProfile->getRank()->rankImage}
39 <div class="userRank">{@$userProfile->getRank()->getImage()}</div>
40 {/if}
41 {/if}
42 {else}
43 <div class="messageAuthorContainer">
44 <span class="username">{$userProfile->username}</span>
45
46 {event name='messageAuthorContainer'}
47 </div>
48
49 <div class="userTitle">
50 <span class="badge">{lang}wcf.user.guest{/lang}</span>
51 </div>
52 {/if}
53 </div>
54
55 {event name='beforeCredits'}
56
57 {if $userProfile->userID}
58 {hascontent}
59 <div class="userCredits">
60 <dl class="plain dataList">
61 {content}
62 {if MODULE_LIKE && MESSAGE_SIDEBAR_ENABLE_LIKES_RECEIVED && $userProfile->likesReceived}
63 <dt><a href="{link controller='User' object=$userProfile}{/link}#likes" class="jsTooltip" title="{lang user=$userProfile}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a></dt>
64 <dd>{#$userProfile->likesReceived}</dd>
65 {/if}
66
67 {if MESSAGE_SIDEBAR_ENABLE_ACTIVITY_POINTS && $userProfile->activityPoints}
68 <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang user=$userProfile}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$userProfile->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
69 <dd>{#$userProfile->activityPoints}</dd>
70 {/if}
71
72 {event name='userCredits'}
73
74 {if MESSAGE_SIDEBAR_USER_OPTIONS && $userProfile->isAccessible('canViewProfile')}
75 {assign var='__sidebarUserOptions' value=','|explode:MESSAGE_SIDEBAR_USER_OPTIONS}
76 {foreach from=$__sidebarUserOptions item='__sidebarUserOption'}
77 {if $userProfile->getUserOption($__sidebarUserOption)}
78 {assign var='__formattedUserOption' value=$userProfile->getFormattedUserOption($__sidebarUserOption)}
79 {if $__formattedUserOption}
80 <dt>{lang}wcf.user.option.{$__sidebarUserOption}{/lang}</dt>
81 <dd{if $__sidebarUserOption == 'location'} itemprop="locality"{/if}>{@$__formattedUserOption}</dd>
82 {/if}
83 {/if}
84 {/foreach}
85 {/if}
86 {/content}
87 </dl>
88 </div>
89 {/hascontent}
90 {/if}
91
92 {event name='afterCredits'}
93 </aside>