Files
meanTorrent/modules/users/client/views/userinfo/userinfo.client.view.html
2018-05-01 11:20:20 +08:00

185 lines
8.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>
<div ng-if="vm.user._id == vm.authUser._id">
<dt class="h-line">{{ 'STATUS_FIELD.USERNAME' | translate}}</dt>
<dd class="h-line">{{ vm.user.username }}</dd>
</div>
<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>