Files
meanTorrent/modules/users/client/views/userinfo/userinfo.client.view.html
2018-05-26 17:28:59 +08:00

190 lines
9.1 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 userinfo-header">
<div class="row">
<div class="col-xs-12 col-xs-offset-0 col-md-10 col-md-offset-1 userinfo-col">
<span class="h3" ng-bind="vm.user.displayName"></span>
<span class="pull-right margin-bottom-5 userinfo-btn">
<a class="btn btn-default btn-width-80"
ng-click="vm.followTo()"
ng-if="!vm.isContextUserSelf() && !vm.inMyFollowing()">
{{ 'STATUS_FIELD.BTN_FOLLOW' | translate}}
</a>
<a class="btn btn-default btn-width-80"
ng-click="vm.unFollowTo()"
ng-if="!vm.isContextUserSelf() && vm.inMyFollowing()">
{{ 'STATUS_FIELD.BTN_UNFOLLOW' | translate}}
</a>
<a class="btn btn-default btn-width-80" ng-click="vm.messageTo()" ng-if="!vm.isContextUserSelf()">
{{ 'STATUS_FIELD.BTN_SEND_MESSAGE' | translate}}
</a>
<a class="btn btn-primary btn-width-80" ui-sref="admin.user({userId: vm.user._id})"
ng-if="vm.authentication.user.isOper">
{{ 'STATUS_FIELD.BTN_MANAGE' | translate}}
</a>
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 admin-user-info">
<dl class="dl-horizontal dl-hover margin-top-20 margin-bottom-20">
<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">ID</dt>
<dd class="h-line">
<mark>{{ vm.user._id }}</mark>
</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 && vm.hnrConfig.enable">
<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>