[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeaderUser.tpl

<nav id="topMenu" class="userPanel{if $__wcf->user->userID} userPanelLoggedIn{/if}">
	{if $__wcf->user->userID}
		<span class="userPanelAvatar">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32)}</span>
	{/if}
	
	<ul class="userPanelItems">
		{if $__wcf->user->userID}
			<!-- user menu -->
			<li id="userMenu">
				<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>
				<div class="interactiveDropdown interactiveDropdownStatic interactiveDropdownUserMenu">
					<div class="interactiveDropdownHeader">
						<span class="interactiveDropdownTitle">{lang}wcf.user.controlPanel{/lang}</span>
						
						{hascontent}
							<ul class="interactiveDropdownLinks">
								{content}
									{event name='userMenuLinks'}
								{/content}
							</ul>
						{/hascontent}
					</div>
					<div class="interactiveDropdownItemsContainer">
						<ul class="interactiveDropdownItems interactiveDropdownItemsUserMenu">
							<li>
								<div class="box48">
									{user object=$__wcf->getUserProfileHandler()->getUserProfile() type='avatar48' ariaHidden='true' tabindex='-1'}
									
									<div class="containerHeadline">
										<h3>
											{user object=$__wcf->getUserProfileHandler()->getUserProfile()}
											{if MODULE_USER_RANK}
												{if $__wcf->getUserProfileHandler()->getUserTitle()}
													<span class="badge userTitleBadge{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->cssClassName} {@$__wcf->getUserProfileHandler()->getRank()->cssClassName}{/if}">{$__wcf->getUserProfileHandler()->getUserTitle()}</span>
												{/if}
												{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->rankImage}
													<span class="userRankImage">{@$__wcf->getUserProfileHandler()->getRank()->getImage()}</span>
												{/if}
											{/if}
										</h3>
										
										<ul class="inlineList dotSeparated">
											<li><a href="{$__wcf->user->getLink()}">{lang}wcf.user.myProfile{/lang}</a></li>
											{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}
											{if $__wcf->session->getPermission('admin.general.canUseAcp')}<li><a href="{link isACP=true}{/link}">{lang}wcf.global.acp.short{/lang}</a></li>{/if}
										</ul>
									</div>
								</div>
							</li>
							
							{event name='userMenuItemsBefore'}
							
							{foreach from=$__wcf->getUserMenu()->getMenuItems('') item=menuCategory}
								<li class="interactiveDropdownUserMenuItem">
									<div class="box48">
										<div><span class="icon icon48 {@$menuCategory->getIconClassName()}"></span></div>
										
										<div class="containerHeadline">
											<h3>{$menuCategory->getTitle()}</h3>
											
											<ul class="inlineList dotSeparated">
												{foreach from=$__wcf->getUserMenu()->getMenuItems($menuCategory->menuItem) item=menuItem}
													<li><a href="{$menuItem->getProcessor()->getLink()}">{@$menuItem}</a></li>
												{/foreach}
											</ul>
										</div>
									</div>
								</li>
							{/foreach}
							
							{event name='userMenuItemsAfter'}
						</ul>
					</div>
					<a class="interactiveDropdownShowAll" href="{link controller='Logout'}t={csrfToken type=url}{/link}" onclick="WCF.Dropdown.Interactive.Handler.close('userMenu'); WCF.System.Confirmation.show('{jslang}wcf.user.logout.sure{/jslang}', $.proxy(function (action) { if (action == 'confirm') window.location.href = $(this).attr('href'); }, this)); return false;">{lang}wcf.user.logout{/lang}</a>
				</div>
				<script data-relocate="true">
					$(function() {
						new WCF.User.Panel.UserMenu();
					});
				</script>
			</li>
			
			<!-- user notifications -->
			{if !$__hideUserMenu|isset}
				<li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}" data-title="Benachrichtigungen">
					<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>
					{if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
						<script data-relocate="true">
						/*
							$(function() {
								new WCF.User.Panel.Notification({
									noItems: '{jslang}wcf.user.notification.noMoreNotifications{/jslang}',
									settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
									showAllLink: '{link controller='NotificationList' encode=false}{/link}',
									title: '{jslang}wcf.user.notification.notifications{/jslang}'
								});
							});
						*/
							require(["WoltLabSuite/Core/Ui/User/Menu/DropDown"], (UiUserMenuDropDown) => UiUserMenuDropDown.setup());
						</script>
					{/if}
				</li>
			{/if}
		{else}
			{if $__wcf->getLanguage()->getLanguages()|count > 1}
				<li id="pageLanguageContainer">
					<script data-relocate="true">
						require(['EventHandler', 'WoltLabSuite/Core/Language/Chooser'], function(EventHandler, LanguageChooser) {
							var languages = {
								{implode from=$__wcf->getLanguage()->getLanguages() item=_language}
									'{@$_language->languageID}': {
										iconPath: '{@$_language->getIconPath()|encodeJS}',
										languageName: '{@$_language|encodeJS}',
										languageCode: '{@$_language->languageCode|encodeJS}'
									}
								{/implode}
							};
								
							var callback = function(listItem) {
								var location;
								var languageCode = elData(listItem, 'language-code');
								var link = elBySel('link[hreflang="' + languageCode + '"]');
								if (link !== null) {
									location = link.href;
								}
								else {
									location = window.location.toString().replace(/#.*/, '').replace(/(\?|&)l=[0-9]+/g, '');
								}
								
								var delimiter = (location.indexOf('?') == -1) ? '?' : '&';
								window.location = location + delimiter + 'l=' + elData(listItem, 'language-id') + window.location.hash;
							};
							
							LanguageChooser.init('pageLanguageContainer', 'pageLanguageID', {@$__wcf->getLanguage()->languageID}, languages, callback);
							EventHandler.add('com.woltlab.wcf.UserMenuMobile', 'more', function(data) {
								if (data.identifier === 'com.woltlab.wcf.language') {
									callback(data.parent);
								}
							});
						});
					</script>
				</li>
			{/if}
			{if !$__disableLoginLink|isset}
				<!-- login box -->
				<li id="userLogin">
					<a class="loginLink" href="{link controller='Login'}{/link}">{lang}wcf.user.loginOrRegister{/lang}</a>
					<div id="loginForm" class="loginForm" style="display: none">
						<form method="post" action="{link controller='Login'}{/link}">
							<section class="section loginFormLogin">
								<h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
								
								<dl>
									<dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
									<dd>
										<input type="text" id="username" name="username" value="" required class="long" autocomplete="username">
									</dd>
								</dl>
								
								<dl>
									<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
									<dd>
										<input type="password" id="password" name="password" value="" class="long" autocomplete="current-password">
										<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
									</dd>
								</dl>
								
								{event name='fields'}
								
								<div class="userLoginButtons">
									<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
									<input type="hidden" name="url" value="{$__wcf->session->requestURI}">
									{csrfToken}
								</div>
							</section>
							
							{if !REGISTER_DISABLED}
								<section class="section loginFormRegister">
									<h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
									
									<p>{lang}wcf.user.login.register.teaser{/lang}</p>
									
									<div class="userLoginButtons">
										<a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
									</div>
								</section>
							{/if}
							
							{hascontent}
								<section class="section loginFormThirdPartyLogin">
									<h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
									
									<dl>
										<dt></dt>
										<dd>
											<ul class="buttonList">
												{content}
													{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
														<li id="facebookAuth" class="thirdPartyLogin">
															<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>
														</li>
													{/if}
													
													{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
														<li id="googleAuth" class="thirdPartyLogin">
															<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>
														</li>
													{/if}
												
													{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
														<li id="twitterAuth" class="thirdPartyLogin">
															<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>
														</li>
													{/if}
													
													{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
														<li id="githubAuth" class="thirdPartyLogin">
															<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>
														</li>
													{/if}
													
													{event name='3rdpartyButtons'}
												{/content}
											</ul>
										</dd>
									</dl>
								</section>
							{/hascontent}
						</form>
					</div>
					
					<script data-relocate="true">
						$(function() {
							WCF.Language.addObject({
								'wcf.user.button.login': '{jslang}wcf.user.button.login{/jslang}',
								'wcf.user.button.register': '{jslang}wcf.user.button.register{/jslang}',
								'wcf.user.login': '{jslang}wcf.user.login{/jslang}'
							});
							WCF.User.QuickLogin.init();
						});
					</script>
				</li>
			{/if}
		{/if}
		
		{if !$__hideUserMenu|isset}
			{if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
				<li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}">
					<a class="jsTooltip" href="{link controller='ModerationList'}{/link}" title="{lang}wcf.moderation.moderation{/lang}">
						<span class="icon icon32 fa-exclamation-triangle"></span>
						<span>{lang}wcf.moderation.moderation{/lang}</span>
						{if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if}
					</a>
					{if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
						<script data-relocate="true">
							$(function() {
								new WCF.User.Panel.Moderation({
									deletedContent: '{jslang}wcf.moderation.showDeletedContent{/jslang}',
									deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
									noItems: '{jslang}wcf.moderation.noMoreItems{/jslang}',
									showAllLink: '{link controller='ModerationList' encode=false}{/link}',
									title: '{jslang}wcf.moderation.moderation{/jslang}'
								});
							});
						</script>
					{/if}
				</li>
			{/if}
			
			{event name='menuItems'}
		{/if}
		
		<!-- page search -->
		{if !SEARCH_USE_CAPTCHA || $__wcf->user->userID}
			<li class="jsOnly">
				<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>
			</li>
		{else}
			<li>
				<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>
				<span id="userPanelSearchButton" style="display: none"></span>
			</li>
		{/if}
	</ul>
</nav>
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">
2ee5392c	27	{user object=$__wcf->getUserProfileHandler()->getUserProfile() type='avatar48' ariaHidden='true' tabindex='-1'}
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}
ca1d60e5 MW	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">
ca1d60e5 MW	56	<div><span class="icon icon48 {@$menuCategory->getIconClassName()}"></span></div>
b8eab696 AE	57
b8eab696 AE	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>
0eeec6f9	74	<a class="interactiveDropdownShowAll" href="{link controller='Logout'}t={csrfToken type=url}{/link}" onclick="WCF.Dropdown.Interactive.Handler.close('userMenu'); WCF.System.Confirmation.show('{jslang}wcf.user.logout.sure{/jslang}', $.proxy(function (action) { if (action == 'confirm') window.location.href = $(this).attr('href'); }, this)); return false;">{lang}wcf.user.logout{/lang}</a>
b8eab696	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>
b8eab696 AE	82
b8eab696 AE	83	<!-- user notifications -->
b8eab696 AE	84	{if !$__hideUserMenu\|isset}
f030cb76	85	<li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}" data-title="Benachrichtigungen">
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')}
b8eab696 AE	88	<script data-relocate="true">
f030cb76	89	/*
b8eab696 AE	90	$(function() {
b8eab696 AE	91	new WCF.User.Panel.Notification({
9f663473	92	noItems: '{jslang}wcf.user.notification.noMoreNotifications{/jslang}',
b8eab696 AE	93	settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
b8eab696 AE	94	showAllLink: '{link controller='NotificationList' encode=false}{/link}',
9f663473	95	title: '{jslang}wcf.user.notification.notifications{/jslang}'
b8eab696 AE	96	});
b8eab696 AE	97	});
f030cb76 AE	98	*/
f030cb76 AE	99	require(["WoltLabSuite/Core/Ui/User/Menu/DropDown"], (UiUserMenuDropDown) => UiUserMenuDropDown.setup());
b8eab696	100	</script>
320f4a6d	101	{/if}
b8eab696 AE	102	</li>
	103	{/if}
	104	{else}
d4e8bc05 AE	105	{if $__wcf->getLanguage()->getLanguages()\|count > 1}
	106	<li id="pageLanguageContainer">
	107	<script data-relocate="true">
58d7e8f8	108	require(['EventHandler', 'WoltLabSuite/Core/Language/Chooser'], function(EventHandler, LanguageChooser) {
d4e8bc05	109	var languages = {
fb062f13 MS	110	{implode from=$__wcf->getLanguage()->getLanguages() item=_language}
	111	'{@$_language->languageID}': {
	112	iconPath: '{@$_language->getIconPath()\|encodeJS}',
	113	languageName: '{@$_language\|encodeJS}',
	114	languageCode: '{@$_language->languageCode\|encodeJS}'
d4e8bc05 AE	115	}
	116	{/implode}
	117	};
ff110591	118
d4e8bc05	119	var callback = function(listItem) {
ff110591 MW	120	var location;
	121	var languageCode = elData(listItem, 'language-code');
	122	var link = elBySel('link[hreflang="' + languageCode + '"]');
	123	if (link !== null) {
	124	location = link.href;
	125	}
	126	else {
	127	location = window.location.toString().replace(/#.*/, '').replace(/(\?\|&)l=[0-9]+/g, '');
	128	}
d4e8bc05	129
ff110591	130	var delimiter = (location.indexOf('?') == -1) ? '?' : '&';
d4e8bc05 AE	131	window.location = location + delimiter + 'l=' + elData(listItem, 'language-id') + window.location.hash;
	132	};
	133
51ab1086	134	LanguageChooser.init('pageLanguageContainer', 'pageLanguageID', {@$__wcf->getLanguage()->languageID}, languages, callback);
d4e8bc05 AE	135	EventHandler.add('com.woltlab.wcf.UserMenuMobile', 'more', function(data) {
	136	if (data.identifier === 'com.woltlab.wcf.language') {
	137	callback(data.parent);
	138	}
	139	});
	140	});
	141	</script>
	142	</li>
	143	{/if}
b8eab696 AE	144	{if !$__disableLoginLink\|isset}
	145	<!-- login box -->
	146	<li id="userLogin">
	147	<a class="loginLink" href="{link controller='Login'}{/link}">{lang}wcf.user.loginOrRegister{/lang}</a>
5ea92119	148	<div id="loginForm" class="loginForm" style="display: none">
b8eab696	149	<form method="post" action="{link controller='Login'}{/link}">
5ea92119 AE	150	<section class="section loginFormLogin">
5ea92119 AE	151	<h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
b8eab696 AE	152
	153	<dl>
	154	<dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
	155	<dd>
7845bedd	156	<input type="text" id="username" name="username" value="" required class="long" autocomplete="username">
b8eab696 AE	157	</dd>
	158	</dl>
	159
b8eab696 AE	160	<dl>
	161	<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
	162	<dd>
cf4fd97e	163	<input type="password" id="password" name="password" value="" class="long" autocomplete="current-password">
5ea92119	164	<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
b8eab696 AE	165	</dd>
	166	</dl>
	167
5ea92119	168	{event name='fields'}
b8eab696	169
5ea92119 AE	170	<div class="userLoginButtons">
5ea92119 AE	171	<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
0ba63443	172	<input type="hidden" name="url" value="{$__wcf->session->requestURI}">
bb3d4ee5	173	{csrfToken}
b8eab696	174	</div>
5ea92119	175	</section>
b8eab696	176
5ea92119 AE	177	{if !REGISTER_DISABLED}
	178	<section class="section loginFormRegister">
	179	<h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
	180
	181	<p>{lang}wcf.user.login.register.teaser{/lang}</p>
	182
	183	<div class="userLoginButtons">
	184	<a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
	185	</div>
95961bdf	186	</section>
b8eab696	187	{/if}
5ea92119 AE	188
	189	{hascontent}
	190	<section class="section loginFormThirdPartyLogin">
	191	<h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
	192
	193	<dl>
	194	<dt></dt>
	195	<dd>
f968ffe1	196	<ul class="buttonList">
5ea92119	197	{content}
5ea92119 AE	198	{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
5ea92119 AE	199	<li id="facebookAuth" class="thirdPartyLogin">
f968ffe1	200	<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	201	</li>
	202	{/if}
	203
	204	{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
	205	<li id="googleAuth" class="thirdPartyLogin">
f968ffe1	206	<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	207	</li>
5ea92119 AE	208	{/if}
a5c93ac0 MW	209
	210	{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
	211	<li id="twitterAuth" class="thirdPartyLogin">
135ef37a	212	<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	213	</li>
	214	{/if}
	215
	216	{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
	217	<li id="githubAuth" class="thirdPartyLogin">
135ef37a	218	<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	219	</li>
a5c93ac0 MW	220	{/if}
5ea92119 AE	221
	222	{event name='3rdpartyButtons'}
	223	{/content}
	224	</ul>
	225	</dd>
	226	</dl>
	227	</section>
	228	{/hascontent}
b8eab696 AE	229	</form>
b8eab696 AE	230	</div>
320f4a6d	231
b8eab696	232	<script data-relocate="true">
b8eab696 AE	233	$(function() {
b8eab696 AE	234	WCF.Language.addObject({
e2e8c155 MW	235	'wcf.user.button.login': '{jslang}wcf.user.button.login{/jslang}',
	236	'wcf.user.button.register': '{jslang}wcf.user.button.register{/jslang}',
	237	'wcf.user.login': '{jslang}wcf.user.login{/jslang}'
b8eab696	238	});
4004c095	239	WCF.User.QuickLogin.init();
b2e0e0cd	240	});
b8eab696 AE	241	</script>
	242	</li>
	243	{/if}
b8eab696 AE	244	{/if}
	245
	246	{if !$__hideUserMenu\|isset}
	247	{if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
0882d872	248	<li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}">
6e2b711e	249	<a class="jsTooltip" href="{link controller='ModerationList'}{/link}" title="{lang}wcf.moderation.moderation{/lang}">
e2368a74	250	<span class="icon icon32 fa-exclamation-triangle"></span>
b8eab696	251	<span>{lang}wcf.moderation.moderation{/lang}</span>
e2368a74	252	{if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if}
b8eab696 AE	253	</a>
	254	{if !OFFLINE \|\| $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
	255	<script data-relocate="true">
b8eab696 AE	256	$(function() {
b8eab696 AE	257	new WCF.User.Panel.Moderation({
9f663473	258	deletedContent: '{jslang}wcf.moderation.showDeletedContent{/jslang}',
b8eab696	259	deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
9f663473	260	noItems: '{jslang}wcf.moderation.noMoreItems{/jslang}',
b8eab696	261	showAllLink: '{link controller='ModerationList' encode=false}{/link}',
9f663473	262	title: '{jslang}wcf.moderation.moderation{/jslang}'
b8eab696 AE	263	});
b8eab696 AE	264	});
b8eab696 AE	265	</script>
	266	{/if}
	267	</li>
51547f2c	268	{/if}
b8eab696 AE	269
	270	{event name='menuItems'}
	271	{/if}
74029e21 AE	272
74029e21 AE	273	<!-- page search -->
d53b1144 MW	274	{if !SEARCH_USE_CAPTCHA \|\| $__wcf->user->userID}
	275	<li class="jsOnly">
	276	<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>
	277	</li>
	278	{else}
	279	<li>
	280	<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	281	<span id="userPanelSearchButton" style="display: none"></span>
d53b1144 MW	282	</li>
d53b1144 MW	283	{/if}
b8eab696	284	</ul>
bf1461c2	285	</nav>