Fixed issues with multilingual page titles
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeaderUser.tpl
CommitLineData
b8eab696
AE
1<nav id="topMenu" class="userPanel">
2 <ul class="userPanelItems">
3 {if $__wcf->user->userID}
4 <!-- user menu -->
5 <li id="userMenu">
ca1d60e5 6 <a class="jsTooltip" href="{link controller='User' object=$__wcf->user}{/link}" title="{lang}wcf.user.controlPanel{/lang}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32)} <span>{lang}wcf.user.userNote{/lang}</span></a>
b8eab696
AE
7 <div class="interactiveDropdown interactiveDropdownStatic interactiveDropdownUserMenu">
8 <div class="interactiveDropdownHeader">
9 <span class="interactiveDropdownTitle">{lang}wcf.user.controlPanel{/lang}</span>
10
11 {hascontent}
12 <ul class="interactiveDropdownLinks">
13 {content}
14 {event name='userMenuLinks'}
15 {/content}
16 </ul>
17 {/hascontent}
18 </div>
19 <div class="interactiveDropdownItemsContainer">
20 <ul class="interactiveDropdownItems interactiveDropdownItemsUserMenu">
21 <li>
ca1d60e5 22 <div class="box48">
95961bdf 23 <a href="{link controller='User' object=$__wcf->user}{/link}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(48)}</a>
a82bf781 24
b8eab696 25 <div class="containerHeadline">
ca1d60e5
MW
26 <h3>
27 <a href="{link controller='User' object=$__wcf->user}{/link}">{$__wcf->user->username}</a>
28 {if MODULE_USER_RANK}
b8eab696
AE
29 {if $__wcf->getUserProfileHandler()->getUserTitle()}
30 <span class="badge userTitleBadge{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->cssClassName} {@$__wcf->getUserProfileHandler()->getRank()->cssClassName}{/if}">{$__wcf->getUserProfileHandler()->getUserTitle()}</span>
31 {/if}
32 {if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->rankImage}
33 <span class="userRankImage">{@$__wcf->getUserProfileHandler()->getRank()->getImage()}</span>
34 {/if}
ca1d60e5
MW
35 {/if}
36 </h3>
b8eab696 37
ca1d60e5 38 <ul class="inlineList dotSeparated">
b8eab696
AE
39 <li><a href="{link controller='User' object=$__wcf->user}{/link}">{lang}wcf.user.myProfile{/lang}</a></li>
40 {if $__wcf->getUserProfileHandler()->canEditOwnProfile()}<li><a href="{link controller='User' object=$__wcf->user}editOnInit=true#about{/link}">{lang}wcf.user.editProfile{/lang}</a></li>{/if}
41 {if $__wcf->session->getPermission('admin.general.canUseAcp')}<li><a href="{link isACP=true}{/link}">{lang}wcf.global.acp.short{/lang}</a></li>{/if}
42 </ul>
43 </div>
a82bf781 44 </div>
b8eab696
AE
45 </li>
46
47 {event name='userMenuItemsBefore'}
48
49 {foreach from=$__wcf->getUserMenu()->getMenuItems('') item=menuCategory}
b8eab696 50 <li class="interactiveDropdownUserMenuItem">
ca1d60e5
MW
51 <div class="box48">
52 <div><span class="icon icon48 {@$menuCategory->getIconClassName()}"></span></div>
b8eab696
AE
53
54 <div class="containerHeadline">
55 <h3>{lang}{$menuCategory->menuItem}{/lang}</h3>
56
ca1d60e5 57 <ul class="inlineList dotSeparated">
b8eab696
AE
58 {foreach from=$__wcf->getUserMenu()->getMenuItems($menuCategory->menuItem) item=menuItem}
59 <li><a href="{$menuItem->getProcessor()->getLink()}">{@$menuItem}</a></li>
60 {/foreach}
61 </ul>
62 </div>
63 </div>
64 </li>
65 {/foreach}
66
67 {event name='userMenuItemsAfter'}
68 </ul>
69 </div>
70 <a class="interactiveDropdownShowAll" href="{link controller='Logout'}t={@SECURITY_TOKEN}{/link}" onclick="WCF.Dropdown.Interactive.Handler.close('userMenu'); WCF.System.Confirmation.show('{lang}wcf.user.logout.sure{/lang}', $.proxy(function (action) { if (action == 'confirm') window.location.href = $(this).attr('href'); }, this)); return false;">{lang}wcf.user.logout{/lang}</a>
71 </div>
51547f2c 72 <script data-relocate="true">
51547f2c 73 $(function() {
b8eab696 74 new WCF.User.Panel.UserMenu();
320f4a6d 75 });
51547f2c 76 </script>
b8eab696
AE
77 </li>
78
b8eab696
AE
79 <!-- user notifications -->
80 {if !$__hideUserMenu|isset}
81 <li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}">
ca1d60e5 82 <a class="jsTooltip" href="{link controller='NotificationList'}{/link}" title="{lang}wcf.user.notification.notifications{/lang}"><span class="icon icon32 fa-bell-o"></span> <span>{lang}wcf.user.notification.notifications{/lang}</span>{if $__wcf->getUserNotificationHandler()->getNotificationCount()} <span class="badge badgeUpdate">{#$__wcf->getUserNotificationHandler()->getNotificationCount()}</span>{/if}</a>
b8eab696
AE
83 {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
84 <script data-relocate="true">
85 //<![CDATA[
86 $(function() {
87 new WCF.User.Panel.Notification({
88 markAllAsReadConfirmMessage: '{lang}wcf.user.notification.markAllAsConfirmed.confirmMessage{/lang}',
89 noItems: '{lang}wcf.user.notification.noMoreNotifications{/lang}',
90 settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
91 showAllLink: '{link controller='NotificationList' encode=false}{/link}',
92 title: '{lang}wcf.user.notification.notifications{/lang}'
93 });
94 });
95 //]]>
96 </script>
320f4a6d 97 {/if}
b8eab696
AE
98 </li>
99 {/if}
100 {else}
d4e8bc05
AE
101 {if $__wcf->getLanguage()->getLanguages()|count > 1}
102 <li id="pageLanguageContainer">
103 <script data-relocate="true">
104 require(['EventHandler', 'WoltLab/WCF/Language/Chooser'], function(EventHandler, LanguageChooser) {
105 var languages = {
106 {implode from=$__wcf->getLanguage()->getLanguages() item=__language}
107 '{@$__language->languageID}': {
108 iconPath: '{@$__language->getIconPath()|encodeJS}',
3664a4c4 109 languageName: '{@$__language|encodeJS}'
d4e8bc05
AE
110 }
111 {/implode}
112 };
113
114 var callback = function(listItem) {
115 var location = window.location.toString().replace(/#.*/, '').replace(/(\?|&)l=[0-9]+/g, '');
116 var delimiter = (location.indexOf('?') == -1) ? '?' : '&';
117
118 window.location = location + delimiter + 'l=' + elData(listItem, 'language-id') + window.location.hash;
119 };
120
51ab1086 121 LanguageChooser.init('pageLanguageContainer', 'pageLanguageID', {@$__wcf->getLanguage()->languageID}, languages, callback);
d4e8bc05
AE
122 EventHandler.add('com.woltlab.wcf.UserMenuMobile', 'more', function(data) {
123 if (data.identifier === 'com.woltlab.wcf.language') {
124 callback(data.parent);
125 }
126 });
127 });
128 </script>
129 </li>
130 {/if}
b8eab696
AE
131 {if !$__disableLoginLink|isset}
132 <!-- login box -->
133 <li id="userLogin">
134 <a class="loginLink" href="{link controller='Login'}{/link}">{lang}wcf.user.loginOrRegister{/lang}</a>
5ea92119 135 <div id="loginForm" class="loginForm" style="display: none">
b8eab696 136 <form method="post" action="{link controller='Login'}{/link}">
5ea92119
AE
137 <section class="section loginFormLogin">
138 <h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
b8eab696
AE
139
140 <dl>
141 <dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
142 <dd>
b9c67a03 143 <input type="text" id="username" name="username" value="" required="required" class="long jsDialogAutoFocus">
b8eab696
AE
144 </dd>
145 </dl>
146
b8eab696
AE
147 <dl>
148 <dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
149 <dd>
0ba63443 150 <input type="password" id="password" name="password" value="" class="long">
5ea92119 151 <small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
b8eab696
AE
152 </dd>
153 </dl>
154
155 {if $__wcf->getUserAuthenticationFactory()->getUserAuthentication()->supportsPersistentLogins()}
156 <dl>
157 <dt></dt>
5ea92119
AE
158 <dd>
159 <label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1" checked> {lang}wcf.user.useCookies{/lang}</label>
160 </dd>
b8eab696
AE
161 </dl>
162 {/if}
163
5ea92119 164 {event name='fields'}
b8eab696 165
5ea92119
AE
166 <div class="userLoginButtons">
167 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
0ba63443 168 <input type="hidden" name="url" value="{$__wcf->session->requestURI}">
b8eab696
AE
169 {@SECURITY_TOKEN_INPUT_TAG}
170 </div>
5ea92119 171 </section>
b8eab696 172
5ea92119
AE
173 {if !REGISTER_DISABLED}
174 <section class="section loginFormRegister">
175 <h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
176
177 <p>{lang}wcf.user.login.register.teaser{/lang}</p>
178
179 <div class="userLoginButtons">
180 <a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
181 </div>
95961bdf 182 </section>
b8eab696 183 {/if}
5ea92119
AE
184
185 {hascontent}
186 <section class="section loginFormThirdPartyLogin">
187 <h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
188
189 <dl>
190 <dt></dt>
191 <dd>
192 <ul class="buttonList smallButtons">
193 {content}
194 {if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
195 <li id="githubAuth" class="thirdPartyLogin">
196 <a href="{link controller='GithubAuth'}{/link}" class="button thirdPartyLoginButton githubLoginButton"><span class="icon icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
197 </li>
198 {/if}
199
200 {if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
201 <li id="twitterAuth" class="thirdPartyLogin">
202 <a href="{link controller='TwitterAuth'}{/link}" class="button thirdPartyLoginButton twitterLoginButton"><span class="icon icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
203 </li>
204 {/if}
205
206 {if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
207 <li id="facebookAuth" class="thirdPartyLogin">
208 <a href="{link controller='FacebookAuth'}{/link}" class="button thirdPartyLoginButton facebookLoginButton"><span class="icon icon16 fa-facebook"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
209 </li>
210 {/if}
211
212 {if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
213 <li id="googleAuth" class="thirdPartyLogin">
214 <a href="{link controller='GoogleAuth'}{/link}" class="button thirdPartyLoginButton googleLoginButton"><span class="icon icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
215 </li>
216 {/if}
217
218 {event name='3rdpartyButtons'}
219 {/content}
220 </ul>
221 </dd>
222 </dl>
223 </section>
224 {/hascontent}
b8eab696
AE
225 </form>
226 </div>
320f4a6d 227
b8eab696
AE
228 <script data-relocate="true">
229 //<![CDATA[
230 $(function() {
231 WCF.Language.addObject({
232 'wcf.user.button.login': '{lang}wcf.user.button.login{/lang}',
233 'wcf.user.button.register': '{lang}wcf.user.button.register{/lang}',
234 'wcf.user.login': '{lang}wcf.user.login{/lang}'
235 });
236 new WCF.User.Login(true);
b2e0e0cd 237 });
b8eab696
AE
238 //]]>
239 </script>
240 </li>
241 {/if}
b8eab696
AE
242 {/if}
243
244 {if !$__hideUserMenu|isset}
245 {if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
246 <li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getOutstandingModerationCount()}">
ca1d60e5 247 <a class="jsTooltip" href="{link controller='ModerationList'}{/link}" title="{lang}wcf.moderation.moderation{/lang}">
e2368a74 248 <span class="icon icon32 fa-exclamation-triangle"></span>
b8eab696 249 <span>{lang}wcf.moderation.moderation{/lang}</span>
e2368a74 250 {if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if}
b8eab696
AE
251 </a>
252 {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
253 <script data-relocate="true">
254 //<![CDATA[
255 $(function() {
256 new WCF.User.Panel.Moderation({
257 deletedContent: '{lang}wcf.moderation.showDeletedContent{/lang}',
258 deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
259 markAllAsReadConfirmMessage: '{lang}wcf.moderation.markAllAsRead.confirmMessage{/lang}',
260 noItems: '{lang}wcf.moderation.noMoreItems{/lang}',
261 showAllLink: '{link controller='ModerationList' encode=false}{/link}',
262 title: '{lang}wcf.moderation.moderation{/lang}'
263 });
264 });
265 //]]>
266 </script>
267 {/if}
268 </li>
51547f2c 269 {/if}
b8eab696
AE
270
271 {event name='menuItems'}
272 {/if}
b8eab696
AE
273 </ul>
274</nav>