meanTorrent/modules/users/client/views/follow/user-following.client.view.html

<div ng-init="vm.buildPager();">
    <div class="container">
        <div class="margin-top-30">
            <h4 >
                {{vm.user.displayName}} - {{'PAGETITLE.USER_FOLLOWING' | translate}} <span class="badge badge_default">{{vm.user.following.length}}</span>
            </h4>
        </div>

        <div class="margin-bottom-30 margin-top-10">
            <div class="jumbotron text-center" ng-if="vm.statusMsg || vm.pagedItems.length<=0">
                <div ng-if="vm.statusMsg">
                    <h3 class="text-muted">{{vm.statusMsg | translate}}</h3>
                </div>
                <div ng-if="!vm.statusMsg && vm.pagedItems.length<=0">
                    <i class="fa fa-users fa-2x text-muted" aria-hidden="true"></i>
                    <h3 class="text-muted">{{'FOLLOW.NO_FOLLOWERS' | translate}}</h3>
                </div>
            </div>
            <div ng-if="vm.pagedItems.length>0">
                <div id="top_of_follow_list">
                    <div class="pagination-border-bottom">
                        <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
                            ng-model="vm.currentPage"
                            ng-change="vm.pageChanged()"
                            first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
                            next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
                        </ul>
                    </div>

                    <div class="follow-list row">
                        <div ng-repeat="item in vm.pagedItems">
                            <div data-ng-if="$index != 0 && $index % 2 == 0" class="clearfix visible-sm-block"></div>
                            <div data-ng-if="$index != 0 && $index % 3 == 0" class="clearfix visible-md-block visible-lg-block"></div>
                            <div class="col-sm-6 col-md-4">
                                <div class="follow-item" mt-scale-by-mouse="{scale: 1.1, duration: '.5s'}">
                                    <span user-info="item" info-class="follow-avatar" info-avatar></span>
                                    <p><span user-info="item" info-class="follow-name" info-name></span><span message-to="item"
                                                                                                              to-class="message-to-icon"></span></p>
                                    <span vip-flag="item" vip-class="follow-vip"></span>
                                    <span score-level-curr="item" class="follow-level"></span>
                                    <span class="user-ud-text">
                                        <span up-down-flag="item" up-down-class="follow-up-down"></span>
                                    </span>

                                    <a class="btn btn-default btn-sm btn-bold btn-width-80 btn-unfollow"
                                       ng-click="vm.followTo(item)"
                                       ng-if="!vm.isContextUserSelf(item) && !vm.inMyFollowing(item)">
                                        {{ 'STATUS_FIELD.BTN_FOLLOW' | translate}}
                                    </a>
                                    <a class="btn btn-default btn-sm btn-bold btn-width-80 btn-unfollow"
                                       ng-click="vm.unFollowTo(item)"
                                       ng-if="!vm.isContextUserSelf(item) && vm.inMyFollowing(item)">
                                        {{ 'STATUS_FIELD.BTN_UNFOLLOW' | translate}}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pagination-border-top">
                        <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
                            ng-model="vm.currentPage"
                            ng-change="vm.pageChanged()"
                            first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
                            next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>