<span class="socialPanel">
    <small>
        <span ng-show="item !== undefined">
            <a class="wizdom-link" ng-click="showComments(item, true);" title="{{'Number of comments' | translate }}"><span class="wizdom-icon icon-bubble-2 strong"></span><span>{{item.comments.length}}</span></a>
            <span class="wt-linkText hidden-xs" ng-if="socialOverviewComments" ng-click="showComments(item, true)">{{'Write a comment...' | translate}}</span>

            <span class="socialPanelIconSpacer"></span>
        </span>
        <span ng-show="item !== undefined">
            <a class="wizdom-link" ng-click="likeItem();" tooltip-html-unsafe="{{toolTipText}}" tooltip-placement="{{tooltipposition}}" ng-attr-title="{{(liked ? 'Unlike' : 'Like') | translate }}"><span class="wizdom-icon icon-hand-like-2 {{(liked ? 'wt-alreadyLikedByMe' : '')}}"></span><span>{{item.likes.length}}</span></a>
            <span class="wt-linkText hidden-xs" ng-click="likeItem()" title="{{(liked ? 'Unlike' : 'Like') | translate }}">{{(liked ? 'Unlike' : 'Like') | translate }}</span>
        </span>
        <span ng-if="ShowViewCount" ng-show="item !== undefined">
            <a title="{{'Showing view count' | translate }}">
                <span class="ms-Icon ms-Icon--View css-254"></span>
                <span>{{item.readCount}}</span>
            </a>
        </span>
    </small>
</span>