#pagelanguagecontainer auch anzeigen, wenn man eingeloggt ist

Zzarc · 25. September 2017

Hallo ihr Lieben,

ich mache derzeit einen Relaunch von einer meiner Webseiten und möchte das ganze etwas übersichtlicher gestalten, deshalb habe ich den Coffee-Stil von Woltlab (Gratis-Stil) mal heruntergeladen:

https://pluginstore.woltlab.com/file/2599-coffee

Versteht mich nicht falsch, ich liebe die Stile hier von CLS-Design (habe ja auch etliche Sachen hier erworben), allerdings brauche ich für besagten Relaunch ein recht "einfaches" Design, d.h. also übersichtlich und im Bücher-Stil, also mit den entsprechenden Farben.

Wenn man den Stil installiert hat und man Gast auf der Seite ist, dann ist auf der rechten Seite ein schöner kleiner Container (pagelanguagecontainer), in dem die jeweiligen Sprach-Flaggen von den installierten Sprachen sind. Wenn man sich aber einloggt, verschwindet der Container.

Ich hatte nun Kontakt zum Stil-Hersteller aufgenommen (QVIP/Mr. X) und gefragt, ob man den Container auch wegbekommt, dann könnte ich ja eine individuelle Language-Seite erstellen.

Spoiler anzeigen

Aber diese Lösung sieht natürlich nicht so schön aus wie die nette Sprachbox.

Deshalb war meine Frage nun, wie ich denn die Box auch dort eingeblendet lassen kann, wenn ich eingeloggt bin. Da bekam ich aber nur die Antwort: "Dafür brauchst du ein Coder. Im Profil gibt es schon so einen Button, diesen müsste man nur noch in ein neues Template kopieren aber das Überlasse ich mal den Codern ;)"

Und nun komm ich an der Stelle nicht weiter... hat einer von euch eine Idee, wie man diese Box dauerhaft eingeblendet lassen könnte?

Alternativ würde ich auch einen CLS-Design-Stil sonst bevorzugen, ich hab nur keine Ahnung, wie ich den farblich so hinbekomme wie den von QVIP. <.<

Liebe Grüße

Maggy aka Zzarc

Tom · 25. September 2017

Du braucht dich doch nicht dafür rechtfertigen das du keinen Stil von uns verwendest

Ansonsten, lege eine Templategruppe an, kopiere pageHeaderUser und verwende diesen Inhalt:

Code

<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="{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>
				<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">
									<a href="{link controller='User' object=$__wcf->user}{/link}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(48)}</a>

									<div class="containerHeadline">
										<h3>
											<a href="{link controller='User' object=$__wcf->user}{/link}">{$__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}
										</h3>

										<ul class="inlineList dotSeparated">
											<li><a href="{link controller='User' object=$__wcf->user}{/link}">{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>{lang}{$menuCategory->menuItem}{/lang}</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={@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>
				</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()}">
					<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({
									markAllAsReadConfirmMessage: '{lang}wcf.user.notification.markAllAsConfirmed.confirmMessage{/lang}',
									noItems: '{lang}wcf.user.notification.noMoreNotifications{/lang}',
									settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
									showAllLink: '{link controller='NotificationList' encode=false}{/link}',
									title: '{lang}wcf.user.notification.notifications{/lang}'
								});
							});
						</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 jsDialogAutoFocus">
									</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">
										<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
									</dd>
								</dl>

								{if $__wcf->getUserAuthenticationFactory()->getUserAuthentication()->supportsPersistentLogins()}
									<dl>
										<dt></dt>
										<dd>
											<label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1" checked> {lang}wcf.user.useCookies{/lang}</label>
										</dd>
									</dl>
								{/if}

								{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}">
									{@SECURITY_TOKEN_INPUT_TAG}
								</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 smallButtons">
												{content}
													{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 icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.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 icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
														</li>
													{/if}

													{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 icon16 fa-facebook"></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 icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.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': '{lang}wcf.user.button.login{/lang}',
								'wcf.user.button.register': '{lang}wcf.user.button.register{/lang}',
								'wcf.user.login': '{lang}wcf.user.login{/lang}'
							});
							new WCF.User.Login(true);
						});
					</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: '{lang}wcf.moderation.showDeletedContent{/lang}',
									deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
									markAllAsReadConfirmMessage: '{lang}wcf.moderation.markAllAsRead.confirmMessage{/lang}',
									noItems: '{lang}wcf.moderation.noMoreItems{/lang}',
									showAllLink: '{link controller='ModerationList' encode=false}{/link}',
									title: '{lang}wcf.moderation.moderation{/lang}'
								});
							});
						</script>
					{/if}
				</li>
			{/if}

			{event name='menuItems'}
		{/if}

		<!-- page search -->
		<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>

		{if $__wcf->user->userID}
			{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}


	</ul>
</nav>

Alles anzeigen

Tom · 25. September 2017

Ich hatte einen Fehler im Code, du musst den noch mal tauschen wenn du das vor meinem Beitrag schon getestet hast.

Zzarc · 25. September 2017

Zitat von Tom

Ich hatte einen Fehler im Code, du musst den noch mal tauschen wenn du das vor meinem Beitrag schon getestet hast.

hrhr ich wollt's grad schon schreiben, aber dachte mir "ach, aktualisier erstmal den Beitrag".

Es klappt nun auch soweit, hast du vielleicht noch eine Idee für die Formschönheit? Also wenn man Gast ist, dann ist der Container ganz links und wenn man eingeloggt ist, ist er ganz rechts. Eine Sache von beiden müsste angepasst werden, dass es einigermaßen gleichmäßig ist, das wär super!!

Vielen Dank für deine Hilfe, Tom

Tom · 25. September 2017

Alles klar, ich wollte erst mal sicher gehen das es überhaupt funktioniert.

Code

<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="{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>
				<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">
									<a href="{link controller='User' object=$__wcf->user}{/link}">{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(48)}</a>
									<div class="containerHeadline">
										<h3>
											<a href="{link controller='User' object=$__wcf->user}{/link}">{$__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}
										</h3>
										<ul class="inlineList dotSeparated">
											<li><a href="{link controller='User' object=$__wcf->user}{/link}">{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>{lang}{$menuCategory->menuItem}{/lang}</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={@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>
				</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()}">
					<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({
									markAllAsReadConfirmMessage: '{lang}wcf.user.notification.markAllAsConfirmed.confirmMessage{/lang}',
									noItems: '{lang}wcf.user.notification.noMoreNotifications{/lang}',
									settingsLink: '{link controller='NotificationSettings' encode=false}{/link}',
									showAllLink: '{link controller='NotificationList' encode=false}{/link}',
									title: '{lang}wcf.user.notification.notifications{/lang}'
								});
							});
						</script>
					{/if}
				</li>
			{/if}
		{else}
			{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 jsDialogAutoFocus">
									</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">
										<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
									</dd>
								</dl>
								{if $__wcf->getUserAuthenticationFactory()->getUserAuthentication()->supportsPersistentLogins()}
									<dl>
										<dt></dt>
										<dd>
											<label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1" checked> {lang}wcf.user.useCookies{/lang}</label>
										</dd>
									</dl>
								{/if}
								{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}">
									{@SECURITY_TOKEN_INPUT_TAG}
								</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 smallButtons">
												{content}
													{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 icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.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 icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
														</li>
													{/if}
													{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 icon16 fa-facebook"></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 icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.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': '{lang}wcf.user.button.login{/lang}',
								'wcf.user.button.register': '{lang}wcf.user.button.register{/lang}',
								'wcf.user.login': '{lang}wcf.user.login{/lang}'
							});
							new WCF.User.Login(true);
						});
					</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: '{lang}wcf.moderation.showDeletedContent{/lang}',
									deletedContentLink: '{link controller='DeletedContentList' encode=false}{/link}',
									markAllAsReadConfirmMessage: '{lang}wcf.moderation.markAllAsRead.confirmMessage{/lang}',
									noItems: '{lang}wcf.moderation.noMoreItems{/lang}',
									showAllLink: '{link controller='ModerationList' encode=false}{/link}',
									title: '{lang}wcf.moderation.moderation{/lang}'
								});
							});
						</script>
					{/if}
				</li>
			{/if}
			{event name='menuItems'}
		{/if}
		{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}


		<!-- page search -->
		<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>


	</ul>
</nav>

Alles anzeigen

Ich habs mal vor die Suche gepackt, das erscheint mir am schönsten.

Zzarc · 25. September 2017

hurra, viiielen lieben Dank Tom!

Ja, das sieht jetzt richtig schön aus!

Zzarc · 25. September 2017

mh das Einzige Problem ist jetzt noch, dass es ja, wenn man eingeloggter User ist, noch die Einstellung der Sprache im Profil gibt. Diese ist ja dann ausschlaggebend.

Bei mir ist z.B. "Deutsch" eingestellt. Wenn ich jetzt auf die Flaggenwahl neben der Suche auf Englisch oder Französisch drücke, dann passiert nichts, er springt quasi direkt wieder um auf die Sprache, die ich im Profil eingestellt habe.

Gibt es da irgendeine Möglichkeit, die Einstellung im Profil abzuschalten, sodass auch für eingeloggte User nur die Flaggenwahl gilt (wie für Gäste)? Gerade neue User finden das denke ich nicht so auf die Schnelle und Mehrsprachigkeit ist mir in dem Board sehr wichtig <.<

Tom · 25. September 2017

Wenn ich das richtig sehe wird die Sprache immer im Profil gesetzt. Ich fürchte das geht mit einer Templateänderung nicht so wie du dir das vorstellst. Man müsste wohl den Umschalter um eine Funktion erweitern das dann jeweils auch die languageID in der Datenbank aktualisiert, sonst wird bei jeder neu aufgerufenen Seite wieder die Sprache aus der Datenbank verwendet.

Du könntest doch auch einen Link zum Sprachwechsel im Profil setzen, oder? Das wäre ja nur ein Klick mehr.

Zzarc · 25. September 2017

Zitat von Tom

Wenn ich das richtig sehe wird die Sprache immer im Profil gesetzt. Ich fürchte das geht mit einer Templateänderung nicht so wie du dir das vorstellst. Man müsste wohl den Umschalter um eine Funktion erweitern das dann jeweils auch die languageID in der Datenbank aktualisiert, sonst wird bei jeder neu aufgerufenen Seite wieder die Sprache aus der Datenbank verwendet.

Du könntest doch auch einen Link zum Sprachwechsel im Profil setzen, oder? Das wäre ja nur ein Klick mehr.

mh ja das wäre wohl das Einfachste. Kann man denn den Button für die Flaggen so ändern, dass er nur aufs Profil geht, wenn ich eingeloggt bin, aber für Gäste direkt umschaltet?

Falls das nicht geht, muss ich es doch über meine "Extra-Menüseite" lösen.

Nordi · 26. September 2017

Moin

CSS

#tpl_wcf_settings #languageIDContainer {display:none;}

Dann steht zwar noch Sprache als Titel da aber man sieht keinen Button mehr

#pagelanguagecontainer auch anzeigen, wenn man eingeloggt ist

cls-design

Informationen

Demoinstallationen

Hilfe