<body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}" class="userProfile">
-{include file='userSidebar' assign='sidebar'}
+{include file='userSidebar' assign='sidebarRight'}
-{include file='header' sidebarOrientation='left'}
+{include file='header'}
{include file='userNotice'}
data-disable-signature="{@$user->disableSignature}"
{/if}
{/if}
->
+>{*todo*}
<div class="userAvatar">
{if $user->userID == $__wcf->user->userID}
<a href="{link controller='AvatarEdit'}{/link}" class="framed jsTooltip" title="{lang}wcf.user.avatar.edit{/lang}">{@$user->getAvatar()->getImageTag()}</a>
</div>
{/if}
- <ul class="dataList">
+ <ul class="inlineList commaSeparated">
{if $user->isVisibleOption('gender') && $user->gender}<li>{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}</li>{/if}
{if $user->isVisibleOption('birthday') && $user->getAge()}<li>{@$user->getAge()}</li>{/if}
{if $user->isVisibleOption('location') && $user->location}<li>{lang}wcf.user.membersList.location{/lang}</li>{/if}
{if $user->getCurrentLocation()}<span>{@$user->getCurrentLocation()}</span>{/if}
</p>
{/if}
+ {hascontent}
+ <dl class="plain inlineDataList">
+ {content}
+ {event name='statistics'}
+
+ {if MODULE_LIKE && $user->likesReceived}
+ <dt>{if !$user->isProtected()}<a href="{link controller='User' object=$user}{/link}#likes" class="jsTooltip" title="{lang}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a>{else}{lang}wcf.like.likesReceived{/lang}{/if}</dt>
+ <dd>{#$user->likesReceived}</dd>
+ {/if}
+
+ {if $user->activityPoints}
+ <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$user->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
+ <dd>{#$user->activityPoints}</dd>
+ {/if}
+
+ {if $user->profileHits}
+ <dt>{lang}wcf.user.profileHits{/lang}</dt>
+ <dd{if $user->getProfileAge() > 1} title="{lang}wcf.user.profileHits.hitsPerDay{/lang}"{/if}>{#$user->profileHits}</dd>
+ {/if}
+ {/content}
+ </dl>
+ {/hascontent}
+
<nav class="jsMobileNavigation buttonGroupNavigation">
<ul id="profileButtonContainer" class="buttonGroup">
{hascontent}
</nav>
</section>
-{hascontent}
- <section>
- <h1 class="invisible">{lang}wcf.user.stats{/lang}</h1>
-
- <dl class="plain statsDataList">
- {content}
- {event name='statistics'}
-
- {if MODULE_LIKE && $user->likesReceived}
- <dt>{if !$user->isProtected()}<a href="{link controller='User' object=$user}{/link}#likes" class="jsTooltip" title="{lang}wcf.like.showLikesReceived{/lang}">{lang}wcf.like.likesReceived{/lang}</a>{else}{lang}wcf.like.likesReceived{/lang}{/if}</dt>
- <dd>{#$user->likesReceived}</dd>
- {/if}
-
- {if $user->activityPoints}
- <dt><a href="#" class="activityPointsDisplay jsTooltip" title="{lang}wcf.user.activityPoint.showActivityPoints{/lang}" data-user-id="{@$user->userID}">{lang}wcf.user.activityPoint{/lang}</a></dt>
- <dd>{#$user->activityPoints}</dd>
- {/if}
-
- {if $user->profileHits}
- <dt>{lang}wcf.user.profileHits{/lang}</dt>
- <dd{if $user->getProfileAge() > 1} title="{lang}wcf.user.profileHits.hitsPerDay{/lang}"{/if}>{#$user->profileHits}</dd>
- {/if}
- {/content}
- </dl>
- </section>
-{/hascontent}
-
-{event name='afterStatistics'}
-
{if !$user->isProtected()}
{if $followingCount}
<section class="box">
if (comment.data('canEdit')) {
var $editButton = $('<li><a href="#" class="jsTooltip" title="' + WCF.Language.get('wcf.global.button.edit') + '"><span class="icon icon16 fa-pencil" /> <span class="invisible">' + WCF.Language.get('wcf.global.button.edit') + '</span></a></li>');
- $editButton.data('commentID', commentID).appendTo(comment.find('ul.commentOptions:eq(0)')).click($.proxy(this._prepareEdit, this));
+ $editButton.data('commentID', commentID).appendTo(comment.find('ul.buttonList:eq(0)')).click($.proxy(this._prepareEdit, this));
}
if (comment.data('canDelete')) {
var $deleteButton = $('<li><a href="#" class="jsTooltip" title="' + WCF.Language.get('wcf.global.button.delete') + '"><span class="icon icon16 fa-times" /> <span class="invisible">' + WCF.Language.get('wcf.global.button.delete') + '</span></a></li>');
- $deleteButton.data('commentID', commentID).appendTo(comment.find('ul.commentOptions:eq(0)')).click($.proxy(this._delete, this));
+ $deleteButton.data('commentID', commentID).appendTo(comment.find('ul.buttonList:eq(0)')).click($.proxy(this._delete, this));
}
},
var $editButton = $('<li><a href="#" class="jsTooltip" title="' + WCF.Language.get('wcf.global.button.edit') + '"><span class="icon icon16 fa-pencil" /> <span class="invisible">' + WCF.Language.get('wcf.global.button.edit') + '</span></a></li>');
var self = this;
- $editButton.data('responseID', responseID).appendTo(response.find('ul.commentOptions:eq(0)')).click(function(event) { self._prepareEdit(event, true); });
+ $editButton.data('responseID', responseID).appendTo(response.find('ul.buttonList:eq(0)')).click(function(event) { self._prepareEdit(event, true); });
}
if (response.data('canDelete')) {
var $deleteButton = $('<li><a href="#" class="jsTooltip" title="' + WCF.Language.get('wcf.global.button.delete') + '"><span class="icon icon16 fa-times" /> <span class="invisible">' + WCF.Language.get('wcf.global.button.delete') + '</span></a></li>');
var self = this;
- $deleteButton.data('responseID', responseID).appendTo(response.find('ul.commentOptions:eq(0)')).click(function(event) { self._delete(event, true); });
+ $deleteButton.data('responseID', responseID).appendTo(response.find('ul.buttonList:eq(0)')).click(function(event) { self._delete(event, true); });
}
},
this._containers[containerID].find('.containerHeadline:eq(0) > h3').append(badge);
if (this._canLike) {
- likeButton.appendTo(this._containers[containerID].find('.commentOptions:eq(0)'));
- dislikeButton.appendTo(this._containers[containerID].find('.commentOptions:eq(0)'));
+ likeButton.appendTo(this._containers[containerID].find('ul.buttonList:eq(0)'));
+ dislikeButton.appendTo(this._containers[containerID].find('ul.buttonList:eq(0)'));
}
},
this._containers[containerID].find('.containerHeadline:eq(0) > h3').append(badge);
if (this._canLike) {
- likeButton.appendTo(this._containers[containerID].find('.commentOptions:eq(0)'));
- dislikeButton.appendTo(this._containers[containerID].find('.commentOptions:eq(0)'));
+ likeButton.appendTo(this._containers[containerID].find('ul.buttonList:eq(0)'));
+ dislikeButton.appendTo(this._containers[containerID].find('ul.buttonList:eq(0)'));
}
},
// get followers
$this->followerList = new UserFollowerList();
$this->followerList->getConditionBuilder()->add('user_follow.followUserID = ?', array($this->userID));
- $this->followerList->sqlLimit = 8;
+ $this->followerList->sqlLimit = 12;
$this->followerList->readObjects();
// get following
$this->followingList = new UserFollowingList();
$this->followingList->getConditionBuilder()->add('user_follow.userID = ?', array($this->userID));
- $this->followingList->sqlLimit = 8;
+ $this->followingList->sqlLimit = 12;
$this->followingList->readObjects();
// get visitors
if (PROFILE_ENABLE_VISITORS) {
$this->visitorList = new UserProfileVisitorList();
$this->visitorList->getConditionBuilder()->add('user_profile_visitor.ownerID = ?', array($this->userID));
- $this->visitorList->sqlLimit = 8;
+ $this->visitorList->sqlLimit = 12;
$this->visitorList->readObjects();
}
}
> a {
- padding: 6px;
+ display: inline-block;
+ padding: 4px 6px;
> .icon {
color: rgba(0, 0, 0, .5);
/* boxes with an image */
@mixin box($imageSize, $margin: 0) {
- display: flex !important;
+ display: flex;
> :first-child:not(:last-child) {
flex: 0 0 auto;