meanTorrent/modules/users/client/views/userinfo/userinfo.client.view.html

<section class="container">
    <div class="page-header">
        <div class="row">
            <div class="col-sm-3 col-md-3 col-md-offset-1">
                <h3 class="userinfo-name" ng-bind="vm.user.displayName"></h3>
            </div>
            <div class="col-sm-9 col-md-7">
                <a class="btn btn-primary pull-right margin-left-10" ng-click="vm.messageTo()" ng-if="!vm.isContextUserSelf()">
                    <i class="glyphicon glyphicon-envelope"></i>
                </a>
                <a class="btn btn-primary pull-right margin-left-10" ui-sref="admin.user({userId: vm.user._id})"
                   ng-if="vm.authentication.user.isOper">
                    <i class="glyphicon glyphicon-cog"></i>
                </a>
                <a class="btn btn-default pull-right btn-bold btn-width-120 margin-left-10"
                   ng-click="vm.followTo()"
                   ng-if="!vm.isContextUserSelf() && !vm.inMyFollowing()">
                    {{ 'STATUS_FIELD.BTN_FOLLOW' | translate}}
                </a>
                <a class="btn btn-default pull-right btn-bold btn-width-120 margin-left-10"
                   ng-click="vm.unFollowTo()"
                   ng-if="!vm.isContextUserSelf() && vm.inMyFollowing()">
                    {{ 'STATUS_FIELD.BTN_UNFOLLOW' | translate}}
                </a>
            </div>
        </div>
    </div>

    <div class="row margin-bottom-30">
        <div class="col-md-10 col-md-offset-1 admin-user-info">
            <dl class="dl-horizontal dl-hover">
                <dt class="h-line">{{ 'STATUS_FIELD.PICTURE' | translate}}：</dt>
                <dd class="h-line">
                    <img class="status-avatar" ng-src="{{vm.user.profileImageURL}}">
                </dd>

                <dt class="h-line">{{ 'STATUS_FIELD.USERNAME' | translate}}：</dt>
                <dd class="h-line">{{ vm.user.username }}</dd>

                <dt class="h-line">{{ 'STATUS_FIELD.DISPLAY_NAME' | translate}}：</dt>
                <dd class="h-line">
                    {{ vm.user.displayName }}
                    <span vip-flag="vm.user"></span>
                </dd>

                <div ng-if="vm.user.invited_by">
                    <dt class="h-line">{{ 'STATUS_FIELD.INVITED_BY' | translate}}：</dt>
                    <dd class="h-line">
                        <span user-info="vm.user.invited_by" info-name></span>
                        <!--<span message-to="vm.user.invited_by" to-class="message-to-icon"></span>-->
                    </dd>
                </div>

                <div ng-if="!vm.user.hideMoreDetail">
                    <dt class="h-line">{{ 'STATUS_FIELD.EMAIL' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.email }}</dd>
                </div>

                <dt class="h-line">{{ 'STATUS_FIELD.ROLE' | translate}}：</dt>
                <dd class="h-line">
                    <mark>{{ vm.user.roles[0] }}</mark>
                </dd>

                <dt class="h-line">{{ 'STATUS_FIELD.MAKER' | translate}}：</dt>
                <dd class="h-line">
                    <span class="maker-list" ng-repeat="m in vm.user.makers">
                          <span maker-info="m"></span>
                    </span>
                    <span ng-if="vm.user.makers.length==0">-</span>
                </dd>

                <dt class="h-line">{{ 'STATUS_FIELD.STATUS' | translate}}：</dt>
                <dd class="h-line">
                    <span ng-class="{'span-banned': vm.user.status == 'banned'}">{{ 'STATUS_FIELD.' + vm.user.status.toUpperCase() | translate }}</span>
                </dd>

                <dt class="h-line">{{ 'STATUS_FIELD.SCORE' | translate}}：</dt>
                <dd class="h-line">
                    <span>{{ vm.user.score | number: 2 }}</span> <span score-level-curr="vm.user"></span>
                </dd>

                <li class="status-divider"></li>

                <div class="margin-top-50" ng-if="vm.user.hideMoreDetail">
                    <div class="alert alert-warning text-center">{{'STATUS_FIELD.HIDE_MORE_DETAIL_DESC' | translate}}</div>
                </div>

                <div ng-if="!vm.user.hideMoreDetail">
                    <div ng-show="vm.user.isVip">
                        <dt class="h-line">{{ 'STATUS_FIELD.VIP_START_AT' | translate}}：</dt>
                        <dd class="h-line">{{ vm.user.vip_start_at | date: 'yyyy-MM-dd HH:mm:ss' }}</dd>

                        <dt class="h-line">{{ 'STATUS_FIELD.VIP_END_AT' | translate}}：</dt>
                        <dd class="h-line">{{ vm.user.vip_end_at | date: 'yyyy-MM-dd HH:mm:ss' }}</dd>

                        <li class="status-divider"></li>
                    </div>

                    <dt class="h-line">{{ 'STATUS_FIELD.SIGNUP_DATE' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.created | date: 'yyyy-MM-dd HH:mm:ss' }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.LATEST_SIGNED_TIME' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.last_signed | date: 'yyyy-MM-dd HH:mm:ss' }}</dd>

                    <!--<dt class="h-line">{{ 'STATUS_FIELD.SIGNED_IP' | translate}}：</dt>-->
                    <!--<dd class="h-line">-->
                    <!--<div class="list-all-ips">-->
                    <!--<span class="ip-item" ng-repeat="t in vm.user.signed_ip">{{t}}</span>-->
                    <!--</div>-->
                    <!--</dd>-->

                    <!--<dt class="h-line">{{ 'STATUS_FIELD.LEECHED_IP' | translate}}：</dt>-->
                    <!--<dd class="h-line">-->
                    <!--<div class="list-all-ips">-->
                    <!--<span class="ip-item" ng-repeat="t in vm.user.leeched_ip">{{t}}</span>-->
                    <!--</div>-->
                    <!--</dd>-->

                    <!--<dt class="h-line">{{ 'STATUS_FIELD.BT_CLIENT' | translate}}：</dt>-->
                    <!--<dd class="h-line">-->
                        <!--<div class="list-all-clients">-->
                            <!--<span class="client-item" ng-repeat="t in vm.user.client_agent">{{t}}</span>-->
                        <!--</div>-->
                    <!--</dd>-->

                    <li class="status-divider"></li>

                    <dt class="h-line">{{ 'STATUS_FIELD.FOLLOWERS' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.followers.length }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.FOLLOWING' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.following.length }}</dd>

                    <li class="status-divider"></li>

                    <dt class="h-line">{{ 'STATUS_FIELD.UPLOADED' | translate}}：</dt>
                    <dd class="h-line">
                        <span class="glyphicon glyphicon-arrow-up torrent-up"></span>
                        <span>{{ vm.user.uploaded | bytes:2 }}</span>
                    </dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.DOWNLOADED' | translate}}：</dt>
                    <dd class="h-line">
                        <span class="glyphicon glyphicon-arrow-down torrent-down"></span>
                        <span>{{ vm.user.downloaded | bytes:2 }}</span>
                    </dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.RATIO' | translate}}：</dt>
                    <dd class="h-line"><span ng-class="vm.user.ratio == 0 ? 'ratio-warning' : 'ratio-normal' ">{{ vm.user.ratio | ratio}}</span>
                    </dd>

                    <li class="status-divider"></li>

                    <dt class="h-line">{{ 'STATUS_FIELD.UPTOTAL' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.uptotal }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.SEEDED' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.seeded }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.LEECHED' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.leeched }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.FINISHED' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.finished }}</span></dd>

                    <div ng-if="vm.user.hnr_warning>0">
                        <dt class="h-line">{{ 'STATUS_FIELD.HNR_WARNING' | translate}}：</dt>
                        <dd class="h-line"><span class="badge badge_danger">{{vm.user.hnr_warning}}</span></dd>
                    </div>

                    <li class="status-divider"></li>

                    <dt class="h-line">{{ 'STATUS_FIELD.FORUM_TOPICS' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.topics }}</dd>

                    <dt class="h-line">{{ 'STATUS_FIELD.FORUM_REPLIES' | translate}}：</dt>
                    <dd class="h-line">{{ vm.user.replies }}</dd>
                </div>
            </dl>
        </div>
    </div>
</section>