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