Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / userHeader.tpl
1 <div class="box userProfileHeader">
2 <div class="boxContent">
3 <div class="userProfileCoverPhoto"></div>
4
5 <div class="userProfileUser"{if $isAccessible}
6 data-object-id="{@$user->userID}"
7 {if $__wcf->session->getPermission('admin.user.canBanUser')}
8 data-banned="{@$user->banned}"
9 {/if}
10 {if $__wcf->session->getPermission('admin.user.canDisableAvatar')}
11 data-disable-avatar="{@$user->disableAvatar}"
12 {/if}
13 {if $__wcf->session->getPermission('admin.user.canDisableSignature')}
14 data-disable-signature="{@$user->disableSignature}"
15 {/if}
16 {/if}>
17
18 <div class="layoutBoundary">
19 <header class="contentHeader">
20 {if $user->userID == $__wcf->user->userID}
21 <a href="{link controller='AvatarEdit'}{/link}" class="contentHeaderIcon jsTooltip" title="{lang}wcf.user.avatar.edit{/lang}">{@$user->getAvatar()->getImageTag(128)}</a>
22 {else}
23 <span class="contentHeaderIcon">{@$user->getAvatar()->getImageTag(128)}</span>
24 {/if}
25
26 <div class="contentHeaderTitle">
27 <h1 class="contentTitle">
28 {$user->username}{if $user->banned} <span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang}wcf.user.banned{/lang}"></span>{/if}
29 </h1>
30 {if MODULE_USER_RANK}
31 {if $user->getUserTitle()}
32 <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
33 {/if}
34 {if $user->getRank() && $user->getRank()->rankImage}
35 <span class="userRankImage">{@$user->getRank()->getImage()}</span>
36 {/if}
37 {/if}
38 </div>
39
40 <ul class="userProfileButtonContainer">
41 {hascontent}
42 <li>
43 <a class="jsTooltip" title="{lang}wcf.user.profile.customization{/lang}"><span class="icon icon32 fa-pencil"></span> <span class="invisible">{lang}wcf.user.profile.customization{/lang}</span></a>
44 <ul class="userProfileButtonMenu" data-menu="customization">
45 {content}
46 {event name='menuCustomization'}
47
48 {if $user->userID == $__wcf->user->userID}
49 <li><a href="{link controller='AvatarEdit'}{/link}">{lang}wcf.user.avatar.edit{/lang}</a></li>
50 {/if}
51
52 <li><a href="#" class="jsButtonEditCoverPhoto">todo: edit cover photo</a></li>
53
54 {if $user->canEdit() || ($__wcf->getUser()->userID == $user->userID && $user->canEditOwnProfile())}
55 <li class="divider"><a href="#" class="jsButtonEditProfile">{lang}wcf.user.editProfile{/lang}</a></li>
56 {/if}
57 {/content}
58 </ul>
59 </li>
60 {/hascontent}
61
62 <li>
63 <a class="jsTooltip" title="{lang}wcf.user.profile.user{/lang}"><span class="icon icon32 fa-user"></span> <span class="invisible">{lang}wcf.user.profile.dropdown.interaction{/lang}</span></a>
64 <ul class="userProfileButtonMenu" data-menu="interaction">
65 {event name='menuInteraction'}
66
67 {if $user->userID != $__wcf->user->userID}
68 {if $user->isAccessible('canViewEmailAddress') || $__wcf->session->getPermission('admin.user.canEditMailAddress')}
69 <li><a href="mailto:{@$user->getEncodedEmail()}">{lang}wcf.user.button.mail{/lang}</a></li>
70 {elseif $user->isAccessible('canMail') && $__wcf->session->getPermission('user.profile.canMail')}
71 <li><a href="{link controller='Mail' object=$user}{/link}">{lang}wcf.user.button.mail{/lang}</a></li>
72 {/if}
73 {/if}
74
75 {if $__wcf->session->getPermission('user.profile.canReportContent')}
76 <li class="jsReportUser divider" data-object-id="{@$user->userID}"><a href="#">{lang}wcf.user.profile.report{/lang}</a></li>
77 {/if}
78 </ul>
79 </li>
80
81 {hascontent}
82 <li>
83 <a class="jsTooltip" title="{lang}wcf.user.searchUserContent{/lang}"><span class="icon icon32 fa-search"></span> <span class="invisible">{lang}wcf.user.searchUserContent{/lang}</span></a>
84 <ul class="userProfileButtonMenu" data-menu="search">
85 {content}{event name='menuSearch'}{/content}
86 </ul>
87 </li>
88 {/hascontent}
89
90 {hascontent}
91 <li>
92 <a class="jsTooltip" title="{lang}wcf.user.profile.management{/lang}"><span class="icon icon32 fa-cog"></span> <span class="invisible">{lang}wcf.user.profile.dropdown.management{/lang}</span></a>
93 <ul class="userProfileButtonMenu" data-menu="management">
94 {content}
95 {if $isAccessible && $__wcf->user->userID != $user->userID && ($__wcf->session->getPermission('admin.user.canBanUser') || $__wcf->session->getPermission('admin.user.canDisableAvatar') || $__wcf->session->getPermission('admin.user.canDisableSignature') || ($__wcf->session->getPermission('admin.general.canUseAcp') && $__wcf->session->getPermission('admin.user.canEditUser')){event name='moderationDropdownPermissions'})}
96 <li><a href="{link controller='UserEdit' object=$user isACP=true}{/link}" class="jsUserInlineEditor">{lang}wcf.user.moderate{/lang}</a></li>
97 {/if}
98
99 {event name='menuManagement'}
100 {/content}
101 </ul>
102 </li>
103 {/hascontent}
104
105 {event name='buttonMenu'}
106 </ul>
107 </header>
108 </div>
109 </div>
110 <div class="userProfileDetails">
111 <div class="layoutBoundary">
112 <ul class="inlineList commaSeparated">
113 {if $user->isVisibleOption('gender') && $user->gender}<li>{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}</li>{/if}
114 {if $user->isVisibleOption('birthday') && $user->getAge()}<li>{@$user->getAge()}</li>{/if}
115 {if $user->isVisibleOption('location') && $user->location}<li>{lang}wcf.user.membersList.location{/lang}</li>{/if}
116 {if $user->getOldUsername()}<li>{lang}wcf.user.profile.oldUsername{/lang}</li>{/if}
117 <li>{lang}wcf.user.membersList.registrationDate{/lang}</li>
118 {event name='userDataRow1'}
119 </ul>
120
121 {if $user->canViewOnlineStatus() && $user->getLastActivityTime()}
122 <ul class="inlineList commaSeparated">
123 <li>{lang}wcf.user.usersOnline.lastActivity{/lang}: {@$user->getLastActivityTime()|time}</li>
124 {if $user->getCurrentLocation()}<li>{@$user->getCurrentLocation()}</li>{/if}
125 </ul>
126 {/if}
127
128 {hascontent}
129 <dl class="plain inlineDataList">
130 {content}
131 {event name='statistics'}
132
133 {if MODULE_LIKE && $user->likesReceived}
134 <dt>{if !$user->isProtected()}<a href="{link controller='User' object=$user}{/link}#likes" class="jsTooltip" title="{lang}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a>{else}{lang}wcf.like.likesReceived{/lang}{/if}</dt>
135 <dd>{#$user->likesReceived}</dd>
136 {/if}
137
138 {if $user->activityPoints}
139 <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$user->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
140 <dd>{#$user->activityPoints}</dd>
141 {/if}
142
143 {if $user->profileHits}
144 <dt>{lang}wcf.user.profileHits{/lang}</dt>
145 <dd{if $user->getProfileAge() > 1} title="{lang}wcf.user.profileHits.hitsPerDay{/lang}"{/if}>{#$user->profileHits}</dd>
146 {/if}
147 {/content}
148 </dl>
149 {/hascontent}
150 </div>
151 </div>
152 </div>
153
154 </div>
155