Commit | Line | Data |
---|---|---|
b8eab696 AE |
1 | <nav id="topMenu" class="userPanel"> |
2 | <ul class="userPanelItems"> | |
3 | {if $__wcf->user->userID} | |
4 | <!-- user menu --> | |
5 | <li id="userMenu"> | |
6 | <a class="framed" href="{link controller='User' object=$__wcf->user}{/link}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32)} <span>{lang}wcf.user.userNote{/lang}</span></a> | |
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> | |
22 | <div class="box64"> | |
23 | <a href="{link controller='User' object=$__wcf->user}{/link}" class="framed">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(64)}</a> | |
a82bf781 | 24 | |
b8eab696 AE |
25 | <div class="containerHeadline"> |
26 | <h3><a href="{link controller='User' object=$__wcf->user}{/link}">{$__wcf->user->username}</a></h3> | |
27 | {if MODULE_USER_RANK} | |
28 | <p> | |
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} | |
35 | </p> | |
36 | {/if} | |
37 | ||
38 | <ul class="interactiveDropdownUserMenuLinkList"> | |
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} | |
50 | <li class="dropdownDivider"></li> | |
51 | <li class="interactiveDropdownUserMenuItem"> | |
52 | <div class="box32"> | |
53 | <div><span class="icon icon32 {@$menuCategory->getIconClassName()}"></span></div> | |
54 | ||
55 | <div class="containerHeadline"> | |
56 | <h3>{lang}{$menuCategory->menuItem}{/lang}</h3> | |
57 | ||
58 | <ul class="interactiveDropdownUserMenuLinkList"> | |
59 | {foreach from=$__wcf->getUserMenu()->getMenuItems($menuCategory->menuItem) item=menuItem} | |
60 | <li><a href="{$menuItem->getProcessor()->getLink()}">{@$menuItem}</a></li> | |
61 | {/foreach} | |
62 | </ul> | |
63 | </div> | |
64 | </div> | |
65 | </li> | |
66 | {/foreach} | |
67 | ||
68 | {event name='userMenuItemsAfter'} | |
69 | </ul> | |
70 | </div> | |
71 | <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> | |
72 | </div> | |
51547f2c | 73 | <script data-relocate="true"> |
51547f2c | 74 | $(function() { |
b8eab696 | 75 | new WCF.User.Panel.UserMenu(); |
320f4a6d | 76 | }); |
51547f2c | 77 | </script> |
b8eab696 AE |
78 | </li> |
79 | ||
f2b50825 | 80 | <li><a href="{link controller='Settings'}{/link}" class="noJsOnly" style="display: none"><span class="icon icon16 fa-cogs"></span> <span>{lang}wcf.user.menu.settings{/lang}</span></a></li> |
b8eab696 AE |
81 | |
82 | <!-- user notifications --> | |
83 | {if !$__hideUserMenu|isset} | |
84 | <li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}"> | |
f2b50825 | 85 | <a href="{link controller='NotificationList'}{/link}"><span class="icon icon16 fa-bell-o"></span> <span>{lang}wcf.user.notification.notifications{/lang}</span>{if $__wcf->getUserNotificationHandler()->getNotificationCount()} <span class="badge badgeInverse">{#$__wcf->getUserNotificationHandler()->getNotificationCount()}</span>{/if}</a> |
b8eab696 AE |
86 | {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')} |
87 | <script data-relocate="true"> | |
88 | //<![CDATA[ | |
89 | $(function() { | |
90 | new WCF.User.Panel.Notification({ | |
91 | markAllAsReadConfirmMessage: '{lang}wcf.user.notification.markAllAsConfirmed.confirmMessage{/lang}', | |
92 | noItems: '{lang}wcf.user.notification.noMoreNotifications{/lang}', | |
93 | settingsLink: '{link controller='NotificationSettings' encode=false}{/link}', | |
94 | showAllLink: '{link controller='NotificationList' encode=false}{/link}', | |
95 | title: '{lang}wcf.user.notification.notifications{/lang}' | |
96 | }); | |
97 | }); | |
98 | //]]> | |
99 | </script> | |
320f4a6d | 100 | {/if} |
b8eab696 AE |
101 | </li> |
102 | {/if} | |
103 | {else} | |
104 | {if !$__disableLoginLink|isset} | |
105 | <!-- login box --> | |
106 | <li id="userLogin"> | |
107 | <a class="loginLink" href="{link controller='Login'}{/link}">{lang}wcf.user.loginOrRegister{/lang}</a> | |
108 | <div id="loginForm" style="display: none;"> | |
109 | {capture assign='__3rdPartyButtons'} | |
110 | {if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''} | |
111 | <li id="githubAuth" class="3rdPartyAuth"> | |
ca8bfa53 | 112 | <a href="{link controller='GithubAuth'}{/link}" class="thirdPartyLoginButton githubLoginButton"><span class="icon icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a> |
b8eab696 AE |
113 | </li> |
114 | {/if} | |
115 | ||
116 | {if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''} | |
117 | <li id="twitterAuth" class="3rdPartyAuth"> | |
f2b50825 | 118 | <a href="{link controller='TwitterAuth'}{/link}" class="thirdPartyLoginButton twitterLoginButton"><span class="icon icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a> |
b8eab696 AE |
119 | </li> |
120 | {/if} | |
121 | ||
122 | {if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''} | |
123 | <li id="facebookAuth" class="3rdPartyAuth"> | |
f2b50825 | 124 | <a href="{link controller='FacebookAuth'}{/link}" class="thirdPartyLoginButton facebookLoginButton"><span class="icon icon16 fa-facebook"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a> |
b8eab696 AE |
125 | </li> |
126 | {/if} | |
127 | ||
128 | {if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''} | |
129 | <li id="googleAuth" class="3rdPartyAuth"> | |
f2b50825 | 130 | <a href="{link controller='GoogleAuth'}{/link}" class="thirdPartyLoginButton googleLoginButton"><span class="icon icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a> |
b8eab696 AE |
131 | </li> |
132 | {/if} | |
133 | ||
134 | {event name='3rdpartyButtons'} | |
135 | {/capture} | |
320f4a6d | 136 | |
b8eab696 AE |
137 | <form method="post" action="{link controller='Login'}{/link}"> |
138 | <fieldset> | |
139 | {if $__3rdPartyButtons|trim}<legend>{lang}wcf.user.login{/lang}</legend>{/if} | |
140 | ||
141 | <dl> | |
142 | <dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt> | |
143 | <dd> | |
144 | <input type="text" id="username" name="username" value="" required="required" class="long" /> | |
145 | </dd> | |
146 | </dl> | |
147 | ||
148 | {if !REGISTER_DISABLED} | |
149 | <dl> | |
150 | <dt>{lang}wcf.user.login.action{/lang}</dt> | |
151 | <dd> | |
152 | <label><input type="radio" name="action" value="register" /> {lang}wcf.user.login.action.register{/lang}</label> | |
153 | <label><input type="radio" name="action" value="login" checked="checked" /> {lang}wcf.user.login.action.login{/lang}</label> | |
154 | </dd> | |
155 | </dl> | |
156 | {/if} | |
157 | ||
158 | <dl> | |
159 | <dt><label for="password">{lang}wcf.user.password{/lang}</label></dt> | |
160 | <dd> | |
161 | <input type="password" id="password" name="password" value="" class="long" /> | |
162 | </dd> | |
163 | </dl> | |
164 | ||
165 | {if $__wcf->getUserAuthenticationFactory()->getUserAuthentication()->supportsPersistentLogins()} | |
166 | <dl> | |
167 | <dt></dt> | |
168 | <dd><label><input type="checkbox" id="useCookies" name="useCookies" value="1" checked="checked" /> {lang}wcf.user.useCookies{/lang}</label></dd> | |
169 | </dl> | |
170 | {/if} | |
171 | ||
172 | {event name='loginFields'} | |
173 | ||
174 | <div class="formSubmit"> | |
175 | <input type="submit" id="loginSubmitButton" name="submitButton" value="{lang}wcf.user.button.login{/lang}" accesskey="s" /> | |
176 | <a class="button" href="{link controller='LostPassword'}{/link}"><span>{lang}wcf.user.lostPassword{/lang}</span></a> | |
177 | <input type="hidden" name="url" value="{$__wcf->session->requestURI}" /> | |
178 | {@SECURITY_TOKEN_INPUT_TAG} | |
179 | </div> | |
180 | </fieldset> | |
181 | ||
182 | {if $__3rdPartyButtons|trim} | |
183 | <fieldset> | |
184 | <legend>{lang}wcf.user.login.3rdParty{/lang}</legend> | |
185 | <ul class="buttonList smallButtons thirdPartyLogin"> | |
186 | {@$__3rdPartyButtons} | |
187 | </ul> | |
188 | </fieldset> | |
189 | {/if} | |
190 | </form> | |
191 | </div> | |
320f4a6d | 192 | |
b8eab696 AE |
193 | <script data-relocate="true"> |
194 | //<![CDATA[ | |
195 | $(function() { | |
196 | WCF.Language.addObject({ | |
197 | 'wcf.user.button.login': '{lang}wcf.user.button.login{/lang}', | |
198 | 'wcf.user.button.register': '{lang}wcf.user.button.register{/lang}', | |
199 | 'wcf.user.login': '{lang}wcf.user.login{/lang}' | |
200 | }); | |
201 | new WCF.User.Login(true); | |
b2e0e0cd | 202 | }); |
b8eab696 AE |
203 | //]]> |
204 | </script> | |
205 | </li> | |
206 | {/if} | |
207 | {if $__wcf->getLanguage()->getLanguages()|count > 1} | |
208 | <li id="pageLanguageContainer"> | |
209 | <script data-relocate="true"> | |
4151d26e MS |
210 | require(['WoltLab/WCF/Language/Chooser'], function(LanguageChooser) { |
211 | var languages = { | |
212 | {implode from=$__wcf->getLanguage()->getLanguages() item=__language} | |
213 | '{@$__language->languageID}': { | |
214 | iconPath: '{@$__language->getIconPath()|encodeJS}', | |
215 | languageName: '{$__language}' | |
b8eab696 AE |
216 | } |
217 | {/implode} | |
218 | }; | |
219 | ||
4151d26e MS |
220 | LanguageChooser.init('pageLanguageContainer', 'languageID', {@$__wcf->getLanguage()->languageID}, languages, function(listItem) { |
221 | var location = window.location.toString().replace(/#.*/, '').replace(/(\?|&)l=[0-9]+/g, ''); | |
222 | var delimiter = (location.indexOf('?') == -1) ? '?' : '&'; | |
b8eab696 | 223 | |
4151d26e | 224 | window.location = location + delimiter + 'l=' + elData(listItem, 'language-id') + window.location.hash; |
b8eab696 AE |
225 | }); |
226 | }); | |
b8eab696 AE |
227 | </script> |
228 | </li> | |
229 | {/if} | |
230 | {/if} | |
231 | ||
232 | {if !$__hideUserMenu|isset} | |
233 | {if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')} | |
234 | <li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getOutstandingModerationCount()}"> | |
235 | <a href="{link controller='ModerationList'}{/link}"> | |
f2b50825 | 236 | <span class="icon icon16 fa-exclamation-triangle"></span> |
b8eab696 AE |
237 | <span>{lang}wcf.moderation.moderation{/lang}</span> |
238 | {if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeInverse">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if} | |
239 | </a> | |
240 | {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')} | |
241 | <script data-relocate="true"> | |
242 | //<![CDATA[ | |
243 | $(function() { | |
244 | new WCF.User.Panel.Moderation({ | |
245 | deletedContent: '{lang}wcf.moderation.showDeletedContent{/lang}', | |
246 | deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}', | |
247 | markAllAsReadConfirmMessage: '{lang}wcf.moderation.markAllAsRead.confirmMessage{/lang}', | |
248 | noItems: '{lang}wcf.moderation.noMoreItems{/lang}', | |
249 | showAllLink: '{link controller='ModerationList' encode=false}{/link}', | |
250 | title: '{lang}wcf.moderation.moderation{/lang}' | |
251 | }); | |
252 | }); | |
253 | //]]> | |
254 | </script> | |
255 | {/if} | |
256 | </li> | |
51547f2c | 257 | {/if} |
b8eab696 AE |
258 | |
259 | {event name='menuItems'} | |
260 | {/if} | |
261 | ||
262 | {if $__wcf->user->userID} | |
f2b50825 | 263 | <li><a href="{link controller='Logout'}t={@SECURITY_TOKEN}{/link}" class="noJsOnly" style="display: none"><span class="icon icon16 fa-sign-out"></span> <span>{lang}wcf.user.logout{/lang}</span></a></li> |
b8eab696 AE |
264 | {/if} |
265 | </ul> | |
266 | </nav> |