- Offizieller Beitrag
Test Datei
Smarty: Persönliche Box
{if !$__wcf->getUser()->userID != 0}
<div class="personalBox boxContent">
<h2 class="boxTitle">
<script type="text/javascript">
//<![CDATA[
function displayTitle() {
var date = new Date();
var hours = date.getHours();
if (hours >= 0) {
dayTime = "{lang}wcf.wbbsupport.night{/lang}";
}
if (hours >= 6) {
dayTime = "{lang}wcf.wbbsupport.morning{/lang}";
}
if ((hours >= 12) && (hours < 18)) {
dayTime = "{lang}wcf.wbbsupport.afternoon{/lang}";
}
if (hours >= 18) {
dayTime = "{lang}wcf.wbbsupport.evening{/lang}";
}
document.write('' + dayTime + '');
}
displayTitle();
//]]>
</script>
</h2>
<ul class="sidebarItemList">
<div class="userPersonalBoxBackground" style="background-image: url({@$__wcf->getUserProfileHandler()->getCoverPhoto()->getURL()});"></div>
<div class="guestBox">
<div class="personalBoxAvatar" style="display: flex;
justify-content: center;margin-top: -45px;">
<span>{@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(128)}</span>
</div>
{if !$__disableLoginLink|isset}
<!-- login box -->
<section class="box" style="text-align:center;">
{lang}wcf.wbbsupport.registerBox{/lang}
{if !REGISTER_DISABLED}
<div>
<a href="{link controller='Register'}{/link}" class="button">{lang}wcf.user.button.register{/lang}</a>
</div>
{else}
<div>
<a href="#" class="button">{lang}wcf.wbbsupport.register{/lang}</a>
</div>
{/if}
<hr>
{lang}wcf.wbbsupport.loginBox{/lang}
<div>
<a class="button" href="{link controller='Login'}{/link}">{lang}wcf.user.login{/lang}</a>
</div>
</section>
{/if}
</div>
</ul>
</div>
{else}
{if $__wcf->getUser()->userID && $__wcf->getSession()->getPermission('user.profile.coverPhoto.canUploadCoverPhoto')}
<div class="personalBox boxContent">
<h2 class="boxTitle">
<script type="text/javascript">
//<![CDATA[
function displayTitle() {
var date = new Date();
var hours = date.getHours();
if (hours >= 0) {
dayTime = "{lang}wcf.wbbsupport.night{/lang}";
}
if (hours >= 6) {
dayTime = "{lang}wcf.wbbsupport.morning{/lang}";
}
if ((hours >= 12) && (hours < 18)) {
dayTime = "{lang}wcf.wbbsupport.afternoon{/lang}";
}
if (hours >= 18) {
dayTime = "{lang}wcf.wbbsupport.evening{/lang}";
}
document.write('' + dayTime + '');
}
displayTitle();
//]]>
</script>
</h2>
<ul class="sidebarItemList">
<div class="userPersonalBoxBackground" style="background-image: url({@$__wcf->getUserProfileHandler()->getCoverPhoto()->getURL()});"></div>
<div class="messageAuthorBox">
<div class="personalBoxAvatar" style="display: flex;
justify-content: center;margin-top: -45px;">
<a href="{link controller='User' object=$__wcf->user}editOnInit=true#about{/link}" class="jsUserPanelEditProfile jsTooltip" title="{lang}Profil bearbeiten{/lang}"> {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(128)} </a>
</div>
{if $__wcf->getUserProfileHandler()->getUserTitle()}
<div class="userTitle" style="display: flex;
justify-content: center;margin-top: 15px;">
<span class="badge userTitleBadge{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->cssClassName} {@$__wcf->getUserProfileHandler()->getRank()->cssClassName}{/if}">{$__wcf->getUserProfileHandler()->getUserTitle()}</span>
</div>
{/if}
{if $__wcf->getUserProfileHandler()->getRank() && $__wcf->getUserProfileHandler()->getRank()->rankImage}
<div class="userRank">{@$__wcf->getUserProfileHandler()->getRank()->getImage()}</div>
{/if}
{/if}
{if MODULE_TROPHY && $__wcf->session->getPermission('user.profile.trophy.canSeeTrophies') && ($__wcf->getUserProfileHandler()->isAccessible('canViewTrophies') || $__wcf->getUserProfileHandler()->userID == $__wcf->session->userID) && $__wcf->getUserProfileHandler()->getSpecialTrophies()|count}
<div class="specialTrophyContainer">
<ul>
{foreach from=$__wcf->getUserProfileHandler()->getSpecialTrophies() item=trophy}
<li><a href="{@$trophy->getLink()}">{@$trophy->renderTrophy(32, true)}</a></li>
{/foreach}
</ul>
</div>
{/if}
{event name='personalBoxAvatar'}
</div>
<div class="personalBoxInfo">
<dl class="plain dataList containerContent small">
{if MESSAGE_SIDEBAR_ENABLE_ARTICLES && $__wcf->getUserProfileHandler()->articles}
<dt><a href="{link controller='ArticleList' userID=$__wcf->getUserProfileHandler()->userID}{/link}" class="jsTooltip" title="{lang user=$__wcf->getUserProfileHandler()}wcf.article.showArticlesWritten{/lang}">{lang}wcf.user.articles{/lang}</a></dt>
<dd>{#$__wcf->getUserProfileHandler()->articles}</dd>
{/if}
{include file='userInformationStatistics' user=$__wcf->getUserProfileHandler()->getUserProfile()}
</dl>
<dl class="plain dataList containerContent small">
<dt>{lang}wcf.user.lastActivityTime{/lang}</dt> <span style="float:right;">{@$__wcf->getUser()->lastActivityTime|time}</span>
</dl>
{event name='personalBoxStatistics'}
<ul class="personalInfo">
<li>
{if $__wcf->getUserProfileHandler()->canEditOwnProfile()}{icon size=16 name='pencil'} <a href="{link controller='User' object=$__wcf->user}editOnInit=true#about{/link}" class="jsUserPanelEditProfile"><span class="personalInfoLinkText">{lang}wcf.user.editProfile{/lang}</span></a>{/if}
</li>
<li>
{if $__wcf->session->getPermission('admin.general.canUseAcp')}{icon size=16 name='wrench'} <a href="{link isACP=true}{/link}"><span class="personalInfoLinkText">{lang}wcf.global.acp.short{/lang}</span></a>{/if}
</li>
<li>
{icon size=16 name='user'} <a href="{link}{/link}index.php?account-management/"><span class="personalInfoLinkText">{lang}wcf.user.menu.profile{/lang}</span></a>
</li>
<li>
{icon size=16 name='cog'} <a href="{link}{/link}index.php?settings/"><span class="personalInfoLinkText">{lang}wcf.user.menu.settings{/lang}</span></a>
</li>
<li>
{icon size=16 name='globe'} <a href="{link}{/link}index.php?notification-list/"><span class="personalInfoLinkText">{lang}wcf.user.menu.community{/lang}</span></a>
</li>
<li>
<a href="{link controller='NotificationList'}{/link}">{icon size=16 name='bell'} <span class="personalInfoLinkText">{lang}wcf.user.notification.notifications{/lang}</span>{if $__wcf->getUserNotificationHandler()->getNotificationCount()} <span class="badge badgeUpdate">{#$__wcf->getUserNotificationHandler()->getNotificationCount()}</span>{/if}</a>
</li>
<li>
{if $__wcf->user->userID && $__wcf->session->getPermission('mod.general.canUseModeration')}
<a href="{link controller='ModerationList'}{/link}">
{icon size=16 name='exclamation-triangle'}
<span class="personalInfoLinkText">{lang}wcf.moderation.moderation{/lang}</span>
{if $__wcf->getModerationQueueManager()->getOutstandingModerationCount()}<span class="badge badgeUpdate">{#$__wcf->getModerationQueueManager()->getOutstandingModerationCount()}</span>{/if}
</a>
{/if}
</li>
{event name='personalBoxPanel'}
<li>
{if MODULE_CONVERSATION && $__wcf->user->userID && $__wcf->session->getPermission('user.conversation.canUseConversation')}
<a href="{link controller='ConversationList'}{/link}">{icon size=16 name='comments'} <span class="personalInfoLinkText">{lang}wcf.conversation.conversations{/lang}</span> {if $__wcf->getConversationHandler()->getUnreadConversationCount()}<span class="badge badgeUpdate">{#$__wcf->getConversationHandler()->getUnreadConversationCount()}</span>{/if}</a>
</li>
<li>
<legend><span style="font-size:0.8em;">{lang}wcf.conversation.quota{/lang} {lang}wcf.conversation.conversations{/lang}</span></legend>
<div class="conversationCount">
{assign var='conversationCount' value=$__wcf->getConversationHandler()->getConversationCount()}
{assign var='maxConversationCount' value=$__wcf->session->getPermission('user.conversation.maxConversations')}
{assign var='conversationCountValue' value=$conversationCount/$maxConversationCount*100}
<meter class="conversationQuotaMeter" min="0" max="100" low="90" high="99" value="{$conversationCountValue|ceil}" aria-label="{lang}wcf.conversation.quota{/lang}">
{#$conversationCountValue} %
</meter>
<p><small>{lang}wcf.conversation.quota.description{/lang}</small></p>
</div>
{/if}
</li>
</ul>
<div class="userPersonalBoxFooter">
<a href="{link controller='Logout'}t={csrfToken type=url}{/link}" onclick="WCF.Dropdown.Interactive.Handler.close('userMenu'); WCF.System.Confirmation.show('{jslang}{if LANGUAGE_USE_INFORMAL_VARIANT}Willst du dich{else}Wollen Sie sich{/if} wirklich abmelden?{/jslang}', $.proxy(function (action) { if (action == 'confirm') window.location.href = $(this).attr('href'); }, this)); return false;">{lang}wcf.user.logout{/lang}</a>
</div>
</div>
</ul>
</div>
{/if}
<style>
.personalInfo fa-icon {
color: var(--wcfContentText)!important;
}
</style>