[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}"
					role="button"
					tabindex="0"
					aria-haspopup="true"
					aria-expanded="false"
				>
					{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32)} <span>{lang}wcf.user.userNote{/lang}</span>
				</a>
				<div class="userMenu userMenuControlPanel" data-origin="userMenu" tabindex="-1" hidden>
					<div class="userMenuHeader">
						<div class="userMenuTitle">{lang}wcf.user.controlPanel{/lang}</div>
					</div>
					<div class="userMenuContent">
						<div class="userMenuItem">
							<div class="userMenuItemImage">
								{@$__wcf->getUserProfileHandler()->getUserProfile()->getAvatar()->getImageTag(48)}
							</div>
							<div class="userMenuItemContent">
								{* This is the unformatted username, custom styles might not work nicely here and
								   the consistent styling is used to provide visual anchors to identify links. *}
								<a href="{$__wcf->user->getLink()}" class="userMenuItemLink">{$__wcf->user->username}</a>
								
								{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}
							</div>
							<div class="userMenuItemMeta">
								{lang}wcf.user.myProfile{/lang}
							</div>
						</div>
					</div>
					<div class="userMenuContentDivider"></div>
					{if $__wcf->session->getPermission('admin.general.canUseAcp')}
					<div class="userMenuContent">
						<div class="userMenuItem userMenuItemNarrow userMenuItemSingleLine">
							<div class="userMenuItemImage">
								<span class="icon icon32 fa-wrench"></span>
							</div>
							<div class="userMenuItemContent">
								<a href="{link isACP=true}{/link}" class="userMenuItemLink">{lang}wcf.global.acp{/lang}</a>
							</div>
						</div>
					</div>
					<div class="userMenuContentDivider"></div>
					{/if}
					<div class="userMenuContent">
						{foreach from=$__wcf->getUserMenu()->getUserMenuItems() item=menuItem}
						<div class="userMenuItem userMenuItemNarrow" data-category="{$menuItem[category]->menuItem}">
							<div class="userMenuItemImage">
								<span class="icon icon32 {$menuItem[category]->getIconClassName()}"></span>
							</div>
							<div class="userMenuItemContent">
								<a href="{$menuItem[link]}" class="userMenuItemLink">
									{$menuItem[category]->getTitle()}
								</a>
							</div>
							<div class="userMenuItemMeta">
								{implode from=$menuItem[items] item=title glue=' · '}{$title}{/implode}
							</div>
						</div>
						{/foreach}
					</div>
					<div class="userMenuFooter">
						<form method="post" action="{link controller='Logout'}{/link}">
							<a href="#" class="userMenuFooterLink" role="button">{lang}wcf.user.logout{/lang}</a>
							{csrfToken}
						</form>
					</div>
				</div>
				<script data-relocate="true">
					require(["WoltLabSuite/Core/Ui/User/Menu/ControlPanel"], ({ setup }) => setup());
				</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}"
						role="button"
						tabindex="0"
						aria-haspopup="true"
						aria-expanded="false"
					>
						<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">
							require(["WoltLabSuite/Core/Ui/User/Menu/Data/Notification"], ({ setup }) => {
								setup({
									noItems: '{jslang}wcf.user.notification.noMoreNotifications{/jslang}',
									settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
									settingsTitle: '{jslang}wcf.user.notification.settings{/jslang}',
									showAllLink: '{link controller='NotificationList' encode=false}{/link}',
									showAllTitle: '{jslang}wcf.user.notification.showAll{/jslang}',
									title: '{jslang}wcf.user.notification.notifications{/jslang}',
								});
							});
						</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}"
						role="button"
						tabindex="0"
						aria-haspopup="true"
						aria-expanded="false"
					>
						<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">
							require(["WoltLabSuite/Core/Ui/User/Menu/Data/ModerationQueue"], ({ setup }) => {
								setup({
									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}',
									showAllTitle: '{jslang}wcf.moderation.showAll{/jslang}',
									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">
677bdb69 AE	10	<a
	11	class="jsTooltip"
	12	href="{$__wcf->user->getLink()}"
	13	title="{lang}wcf.user.controlPanel{/lang}"
	14	role="button"
	15	tabindex="0"
	16	aria-haspopup="true"
	17	aria-expanded="false"
	18	>
	19	{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32)} <span>{lang}wcf.user.userNote{/lang}</span>
	20	</a>
	21	<div class="userMenu userMenuControlPanel" data-origin="userMenu" tabindex="-1" hidden>
	22	<div class="userMenuHeader">
	23	<div class="userMenuTitle">{lang}wcf.user.controlPanel{/lang}</div>
b8eab696	24	</div>
677bdb69 AE	25	<div class="userMenuContent">
	26	<div class="userMenuItem">
	27	<div class="userMenuItemImage">
	28	{@$__wcf->getUserProfileHandler()->getUserProfile()->getAvatar()->getImageTag(48)}
	29	</div>
	30	<div class="userMenuItemContent">
	31	{* This is the unformatted username, custom styles might not work nicely here and
	32	the consistent styling is used to provide visual anchors to identify links. *}
	33	<a href="{$__wcf->user->getLink()}" class="userMenuItemLink">{$__wcf->user->username}</a>
	34
	35	{if MODULE_USER_RANK}
	36	{if $__wcf->getUserProfileHandler()->getUserTitle()}
	37	<span class="badge userTitleBadge{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->cssClassName} {@$__wcf->getUserProfileHandler()->getRank()->cssClassName}{/if}">{$__wcf->getUserProfileHandler()->getUserTitle()}</span>
	38	{/if}
	39	{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->rankImage}
	40	<span class="userRankImage">{@$__wcf->getUserProfileHandler()->getRank()->getImage()}</span>
	41	{/if}
	42	{/if}
	43	</div>
	44	<div class="userMenuItemMeta">
	45	{lang}wcf.user.myProfile{/lang}
	46	</div>
	47	</div>
	48	</div>
	49	<div class="userMenuContentDivider"></div>
	50	{if $__wcf->session->getPermission('admin.general.canUseAcp')}
	51	<div class="userMenuContent">
	52	<div class="userMenuItem userMenuItemNarrow userMenuItemSingleLine">
	53	<div class="userMenuItemImage">
	54	<span class="icon icon32 fa-wrench"></span>
	55	</div>
	56	<div class="userMenuItemContent">
	57	<a href="{link isACP=true}{/link}" class="userMenuItemLink">{lang}wcf.global.acp{/lang}</a>
	58	</div>
	59	</div>
	60	</div>
	61	<div class="userMenuContentDivider"></div>
	62	{/if}
	63	<div class="userMenuContent">
	64	{foreach from=$__wcf->getUserMenu()->getUserMenuItems() item=menuItem}
	65	<div class="userMenuItem userMenuItemNarrow" data-category="{$menuItem[category]->menuItem}">
	66	<div class="userMenuItemImage">
	67	<span class="icon icon32 {$menuItem[category]->getIconClassName()}"></span>
	68	</div>
	69	<div class="userMenuItemContent">
	70	<a href="{$menuItem[link]}" class="userMenuItemLink">
	71	{$menuItem[category]->getTitle()}
	72	</a>
	73	</div>
	74	<div class="userMenuItemMeta">
	75	{implode from=$menuItem[items] item=title glue=' · '}{$title}{/implode}
	76	</div>
	77	</div>
	78	{/foreach}
	79	</div>
	80	<div class="userMenuFooter">
372f863c AE	81	<form method="post" action="{link controller='Logout'}{/link}">
	82	<a href="#" class="userMenuFooterLink" role="button">{lang}wcf.user.logout{/lang}</a>
	83	{csrfToken}
	84	</form>
b8eab696	85	</div>
b8eab696	86	</div>
51547f2c	87	<script data-relocate="true">
677bdb69	88	require(["WoltLabSuite/Core/Ui/User/Menu/ControlPanel"], ({ setup }) => setup());
51547f2c	89	</script>
b8eab696 AE	90	</li>
b8eab696 AE	91
b8eab696 AE	92	<!-- user notifications -->
b8eab696 AE	93	{if !$__hideUserMenu\|isset}
f030cb76	94	<li id="userNotifications" data-count="{#$__wcf->getUserNotificationHandler()->getNotificationCount()}" data-title="Benachrichtigungen">
ea0c0ef6 AE	95	<a
	96	class="jsTooltip"
	97	href="{link controller='NotificationList'}{/link}"
	98	title="{lang}wcf.user.notification.notifications{/lang}"
	99	role="button"
	100	tabindex="0"
	101	aria-haspopup="true"
	102	aria-expanded="false"
	103	>
	104	<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}
	105	</a>
b8eab696 AE	106	{if !OFFLINE \|\| $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
b8eab696 AE	107	<script data-relocate="true">
8eaab6e0 AE	108	require(["WoltLabSuite/Core/Ui/User/Menu/Data/Notification"], ({ setup }) => {
8eaab6e0 AE	109	setup({
9f663473	110	noItems: '{jslang}wcf.user.notification.noMoreNotifications{/jslang}',
b8eab696	111	settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
8eaab6e0	112	settingsTitle: '{jslang}wcf.user.notification.settings{/jslang}',
b8eab696	113	showAllLink: '{link controller='NotificationList' encode=false}{/link}',
8eaab6e0 AE	114	showAllTitle: '{jslang}wcf.user.notification.showAll{/jslang}',
8eaab6e0 AE	115	title: '{jslang}wcf.user.notification.notifications{/jslang}',
677bdb69	116	});
b8eab696	117	});
b8eab696	118	</script>
320f4a6d	119	{/if}
b8eab696 AE	120	</li>
	121	{/if}
	122	{else}
d4e8bc05 AE	123	{if $__wcf->getLanguage()->getLanguages()\|count > 1}
	124	<li id="pageLanguageContainer">
	125	<script data-relocate="true">
58d7e8f8	126	require(['EventHandler', 'WoltLabSuite/Core/Language/Chooser'], function(EventHandler, LanguageChooser) {
d4e8bc05	127	var languages = {
fb062f13 MS	128	{implode from=$__wcf->getLanguage()->getLanguages() item=_language}
	129	'{@$_language->languageID}': {
	130	iconPath: '{@$_language->getIconPath()\|encodeJS}',
	131	languageName: '{@$_language\|encodeJS}',
	132	languageCode: '{@$_language->languageCode\|encodeJS}'
d4e8bc05 AE	133	}
	134	{/implode}
	135	};
ff110591	136
d4e8bc05	137	var callback = function(listItem) {
ff110591 MW	138	var location;
	139	var languageCode = elData(listItem, 'language-code');
	140	var link = elBySel('link[hreflang="' + languageCode + '"]');
	141	if (link !== null) {
	142	location = link.href;
	143	}
	144	else {
	145	location = window.location.toString().replace(/#.*/, '').replace(/(\?\|&)l=[0-9]+/g, '');
	146	}
d4e8bc05	147
ff110591	148	var delimiter = (location.indexOf('?') == -1) ? '?' : '&';
d4e8bc05 AE	149	window.location = location + delimiter + 'l=' + elData(listItem, 'language-id') + window.location.hash;
	150	};
	151
51ab1086	152	LanguageChooser.init('pageLanguageContainer', 'pageLanguageID', {@$__wcf->getLanguage()->languageID}, languages, callback);
d4e8bc05 AE	153	EventHandler.add('com.woltlab.wcf.UserMenuMobile', 'more', function(data) {
	154	if (data.identifier === 'com.woltlab.wcf.language') {
	155	callback(data.parent);
	156	}
	157	});
	158	});
	159	</script>
	160	</li>
	161	{/if}
b8eab696 AE	162	{if !$__disableLoginLink\|isset}
	163	<!-- login box -->
	164	<li id="userLogin">
	165	<a class="loginLink" href="{link controller='Login'}{/link}">{lang}wcf.user.loginOrRegister{/lang}</a>
5ea92119	166	<div id="loginForm" class="loginForm" style="display: none">
b8eab696	167	<form method="post" action="{link controller='Login'}{/link}">
5ea92119 AE	168	<section class="section loginFormLogin">
5ea92119 AE	169	<h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
b8eab696 AE	170
	171	<dl>
	172	<dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
	173	<dd>
7845bedd	174	<input type="text" id="username" name="username" value="" required class="long" autocomplete="username">
b8eab696 AE	175	</dd>
	176	</dl>
	177
b8eab696 AE	178	<dl>
	179	<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
	180	<dd>
cf4fd97e	181	<input type="password" id="password" name="password" value="" class="long" autocomplete="current-password">
5ea92119	182	<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
b8eab696 AE	183	</dd>
	184	</dl>
	185
5ea92119	186	{event name='fields'}
b8eab696	187
5ea92119 AE	188	<div class="userLoginButtons">
5ea92119 AE	189	<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
0ba63443	190	<input type="hidden" name="url" value="{$__wcf->session->requestURI}">
bb3d4ee5	191	{csrfToken}
b8eab696	192	</div>
5ea92119	193	</section>
b8eab696	194
5ea92119 AE	195	{if !REGISTER_DISABLED}
	196	<section class="section loginFormRegister">
	197	<h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
	198
	199	<p>{lang}wcf.user.login.register.teaser{/lang}</p>
	200
	201	<div class="userLoginButtons">
	202	<a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
	203	</div>
95961bdf	204	</section>
b8eab696	205	{/if}
5ea92119 AE	206
	207	{hascontent}
	208	<section class="section loginFormThirdPartyLogin">
	209	<h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
	210
	211	<dl>
	212	<dt></dt>
	213	<dd>
f968ffe1	214	<ul class="buttonList">
5ea92119	215	{content}
5ea92119 AE	216	{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
5ea92119 AE	217	<li id="facebookAuth" class="thirdPartyLogin">
f968ffe1	218	<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	219	</li>
	220	{/if}
	221
	222	{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
	223	<li id="googleAuth" class="thirdPartyLogin">
f968ffe1	224	<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	225	</li>
5ea92119 AE	226	{/if}
a5c93ac0 MW	227
	228	{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
	229	<li id="twitterAuth" class="thirdPartyLogin">
135ef37a	230	<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	231	</li>
	232	{/if}
	233
	234	{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
	235	<li id="githubAuth" class="thirdPartyLogin">
135ef37a	236	<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	237	</li>
a5c93ac0 MW	238	{/if}
5ea92119 AE	239
	240	{event name='3rdpartyButtons'}
	241	{/content}
	242	</ul>
	243	</dd>
	244	</dl>
	245	</section>
	246	{/hascontent}
b8eab696 AE	247	</form>
b8eab696 AE	248	</div>
320f4a6d	249
b8eab696	250	<script data-relocate="true">
b8eab696 AE	251	$(function() {
b8eab696 AE	252	WCF.Language.addObject({
e2e8c155 MW	253	'wcf.user.button.login': '{jslang}wcf.user.button.login{/jslang}',
	254	'wcf.user.button.register': '{jslang}wcf.user.button.register{/jslang}',
	255	'wcf.user.login': '{jslang}wcf.user.login{/jslang}'
b8eab696	256	});
4004c095	257	WCF.User.QuickLogin.init();
b2e0e0cd	258	});
b8eab696 AE	259	</script>
	260	</li>
	261	{/if}
b8eab696 AE	262	{/if}
	263
	264	{if !$__hideUserMenu\|isset}
	265	{if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
0882d872	266	<li id="outstandingModeration" data-count="{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}">
ea0c0ef6 AE	267	<a
	268	class="jsTooltip"
	269	href="{link controller='ModerationList'}{/link}"
	270	title="{lang}wcf.moderation.moderation{/lang}"
	271	role="button"
	272	tabindex="0"
	273	aria-haspopup="true"
	274	aria-expanded="false"
	275	>
e2368a74	276	<span class="icon icon32 fa-exclamation-triangle"></span>
b8eab696	277	<span>{lang}wcf.moderation.moderation{/lang}</span>
e2368a74	278	{if $__wcf->getModerationQueueManager()->getUnreadModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getUnreadModerationCount()}</span>{/if}
b8eab696 AE	279	</a>
	280	{if !OFFLINE \|\| $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
	281	<script data-relocate="true">
cf9e11c3 AE	282	require(["WoltLabSuite/Core/Ui/User/Menu/Data/ModerationQueue"], ({ setup }) => {
cf9e11c3 AE	283	setup({
9f663473	284	deletedContent: '{jslang}wcf.moderation.showDeletedContent{/jslang}',
b8eab696	285	deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
9f663473	286	noItems: '{jslang}wcf.moderation.noMoreItems{/jslang}',
b8eab696	287	showAllLink: '{link controller='ModerationList' encode=false}{/link}',
cf9e11c3	288	showAllTitle: '{jslang}wcf.moderation.showAll{/jslang}',
9f663473	289	title: '{jslang}wcf.moderation.moderation{/jslang}'
677bdb69	290	});
b8eab696	291	});
b8eab696 AE	292	</script>
	293	{/if}
	294	</li>
51547f2c	295	{/if}
b8eab696 AE	296
	297	{event name='menuItems'}
	298	{/if}
74029e21 AE	299
74029e21 AE	300	<!-- page search -->
d53b1144 MW	301	{if !SEARCH_USE_CAPTCHA \|\| $__wcf->user->userID}
	302	<li class="jsOnly">
	303	<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>
	304	</li>
	305	{else}
	306	<li>
	307	<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	308	<span id="userPanelSearchButton" style="display: none"></span>
d53b1144 MW	309	</li>
d53b1144 MW	310	{/if}
b8eab696	311	</ul>
bf1461c2	312	</nav>