Updated styles and templates
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeaderUser.tpl
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>
24
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>
44 </div>
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>
73 <script data-relocate="true">
74 $(function() {
75 new WCF.User.Panel.UserMenu();
76 });
77 </script>
78 </li>
79
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>
81
82 <!-- user notifications -->
83 {if !$__hideUserMenu|isset}
84 <li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}">
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>
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>
100 {/if}
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">
112 <a href="{link controller='GithubAuth'}{/link}" class="thirdPartyLoginButton githubLoginButton"><span class="icon icon16 fagithub"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
113 </li>
114 {/if}
115
116 {if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
117 <li id="twitterAuth" class="3rdPartyAuth">
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>
119 </li>
120 {/if}
121
122 {if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
123 <li id="facebookAuth" class="3rdPartyAuth">
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>
125 </li>
126 {/if}
127
128 {if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
129 <li id="googleAuth" class="3rdPartyAuth">
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>
131 </li>
132 {/if}
133
134 {event name='3rdpartyButtons'}
135 {/capture}
136
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>
192
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);
202 });
203 //]]>
204 </script>
205 </li>
206 {/if}
207 {if $__wcf->getLanguage()->getLanguages()|count > 1}
208 <li id="pageLanguageContainer">
209 <script data-relocate="true">
210 //<![CDATA[
211 $(function() {
212 var $languages = {
213 {implode from=$__wcf->getLanguage()->getLanguages() item=language}
214 '{@$language->languageID}': {
215 iconPath: '{@$language->getIconPath()}',
216 languageName: '{$language}'
217 }
218 {/implode}
219 };
220
221 new WCF.Language.Chooser('pageLanguageContainer', 'languageID', {@$__wcf->getLanguage()->languageID}, $languages, function(item) {
222 var $location = window.location.toString().replace(/#.*/, '').replace(/(\?|&)l=[0-9]+/g, '');
223 var $delimiter = ($location.indexOf('?') == -1) ? '?' : '&';
224
225 window.location = $location + $delimiter + 'l=' + item.data('languageID') + window.location.hash;
226 });
227 });
228 //]]>
229 </script>
230 </li>
231 {/if}
232 {/if}
233
234 {if !$__hideUserMenu|isset}
235 {if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
236 <li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getOutstandingModerationCount()}">
237 <a href="{link controller='ModerationList'}{/link}">
238 <span class="icon icon16 fa-exclamation-triangle"></span>
239 <span>{lang}wcf.moderation.moderation{/lang}</span>
240 {if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeInverse">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if}
241 </a>
242 {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
243 <script data-relocate="true">
244 //<![CDATA[
245 $(function() {
246 new WCF.User.Panel.Moderation({
247 deletedContent: '{lang}wcf.moderation.showDeletedContent{/lang}',
248 deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
249 markAllAsReadConfirmMessage: '{lang}wcf.moderation.markAllAsRead.confirmMessage{/lang}',
250 noItems: '{lang}wcf.moderation.noMoreItems{/lang}',
251 showAllLink: '{link controller='ModerationList' encode=false}{/link}',
252 title: '{lang}wcf.moderation.moderation{/lang}'
253 });
254 });
255 //]]>
256 </script>
257 {/if}
258 </li>
259 {/if}
260
261 {event name='menuItems'}
262 {/if}
263
264 {if $__wcf->user->userID}
265 <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>
266 {/if}
267 </ul>
268 </nav>