| 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="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> |
| 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="box48"> |
| 23 | <a href="{link controller='User' object=$__wcf->user}{/link}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(48)}</a> |
| 24 | |
| 25 | <div class="containerHeadline"> |
| 26 | <h3> |
| 27 | <a href="{link controller='User' object=$__wcf->user}{/link}">{$__wcf->user->username}</a> |
| 28 | {if MODULE_USER_RANK} |
| 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 | {/if} |
| 36 | </h3> |
| 37 | |
| 38 | <ul class="inlineList dotSeparated"> |
| 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> |
| 44 | </div> |
| 45 | </li> |
| 46 | |
| 47 | {event name='userMenuItemsBefore'} |
| 48 | |
| 49 | {foreach from=$__wcf->getUserMenu()->getMenuItems('') item=menuCategory} |
| 50 | <li class="interactiveDropdownUserMenuItem"> |
| 51 | <div class="box48"> |
| 52 | <div><span class="icon icon48 {@$menuCategory->getIconClassName()}"></span></div> |
| 53 | |
| 54 | <div class="containerHeadline"> |
| 55 | <h3>{lang}{$menuCategory->menuItem}{/lang}</h3> |
| 56 | |
| 57 | <ul class="inlineList dotSeparated"> |
| 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> |
| 72 | <script data-relocate="true"> |
| 73 | $(function() { |
| 74 | new WCF.User.Panel.UserMenu(); |
| 75 | }); |
| 76 | </script> |
| 77 | </li> |
| 78 | |
| 79 | <!-- user notifications --> |
| 80 | {if !$__hideUserMenu|isset} |
| 81 | <li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}"> |
| 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> |
| 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> |
| 97 | {/if} |
| 98 | </li> |
| 99 | {/if} |
| 100 | {else} |
| 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}', |
| 109 | languageName: '{$__language}' |
| 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 | |
| 121 | LanguageChooser.init('pageLanguageContainer', 'pageLanguageID', {@$__wcf->getLanguage()->languageID}, languages, callback); |
| 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} |
| 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> |
| 135 | <div id="loginForm" class="loginForm" style="display: none"> |
| 136 | <form method="post" action="{link controller='Login'}{/link}"> |
| 137 | <section class="section loginFormLogin"> |
| 138 | <h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2> |
| 139 | |
| 140 | <dl> |
| 141 | <dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt> |
| 142 | <dd> |
| 143 | <input type="text" id="username" name="username" value="" required="required" class="long jsDialogAutoFocus"> |
| 144 | </dd> |
| 145 | </dl> |
| 146 | |
| 147 | <dl> |
| 148 | <dt><label for="password">{lang}wcf.user.password{/lang}</label></dt> |
| 149 | <dd> |
| 150 | <input type="password" id="password" name="password" value="" class="long"> |
| 151 | <small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small> |
| 152 | </dd> |
| 153 | </dl> |
| 154 | |
| 155 | {if $__wcf->getUserAuthenticationFactory()->getUserAuthentication()->supportsPersistentLogins()} |
| 156 | <dl> |
| 157 | <dt></dt> |
| 158 | <dd> |
| 159 | <label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1" checked> {lang}wcf.user.useCookies{/lang}</label> |
| 160 | </dd> |
| 161 | </dl> |
| 162 | {/if} |
| 163 | |
| 164 | {event name='fields'} |
| 165 | |
| 166 | <div class="userLoginButtons"> |
| 167 | <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s"> |
| 168 | <input type="hidden" name="url" value="{$__wcf->session->requestURI}"> |
| 169 | {@SECURITY_TOKEN_INPUT_TAG} |
| 170 | </div> |
| 171 | </section> |
| 172 | |
| 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> |
| 182 | </section> |
| 183 | {/if} |
| 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} |
| 225 | </form> |
| 226 | </div> |
| 227 | |
| 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); |
| 237 | }); |
| 238 | //]]> |
| 239 | </script> |
| 240 | </li> |
| 241 | {/if} |
| 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()}"> |
| 247 | <a class="jsTooltip" href="{link controller='ModerationList'}{/link}" title="{lang}wcf.moderation.moderation{/lang}"> |
| 248 | <span class="icon icon32 fa-exclamation-triangle"></span> |
| 249 | <span>{lang}wcf.moderation.moderation{/lang}</span> |
| 250 | {if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if} |
| 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> |
| 269 | {/if} |
| 270 | |
| 271 | {event name='menuItems'} |
| 272 | {/if} |
| 273 | </ul> |
| 274 | </nav> |