meanTorrent/modules/users/client/views/status/account.client.view.html

<section ng-controller="StatusController as vm">
    <div class="row margin-top-30 margin-bottom-30">
        <div class="col-md-10 col-md-offset-1">
            <dl class="dl-horizontal">
                <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.FIRST_NAME' | translate}}：</dt>-->
                <!--<dd class="h-line">{{ vm.user.firstName }}</dd>-->

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

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

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

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

                <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.SCORE' | translate}}：</dt>
                <dd class="h-line">
                    <span class="text-score">{{ vm.user.score }}</span> <span score-level="vm.scoreLevelData.currLevel"></span> <a ui-sref="score.detail">{{ 'STATUS_FIELD.DETAIL' | translate }}</a>
                </dd>

                <div class="margin-top-10">
                    <dt class="h-line"></dt>
                    <dd class="h-line">
                        <a ui-sref="settings.profile">{{ 'EDIT_PROFILE' | translate }}</a> |
                        <a ui-sref="vip">{{ 'BUTTON_DNATE' | translate }}</a>
                    </dd>
                </div>

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

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

                <dt class="h-line">{{ 'STATUS_FIELD.DOWNLOADED' | translate}}：</dt>
                <dd class="h-line">
                    <span class="glyphicon glyphicon-arrow-down torrent-down"></span>
                    {{ vm.user.downloaded | bytes:2 }}
                </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.SEEDED' | translate}}：</dt>
                <dd class="h-line">{{ vm.user.seeded }} <a ui-sref="status.seeding">{{ 'STATUS_FIELD.DETAIL' | translate }}</a></dd>

                <dt class="h-line">{{ 'STATUS_FIELD.LEECHED' | translate}}：</dt>
                <dd class="h-line">{{ vm.user.leeched }} <a ui-sref="status.downloading">{{ 'STATUS_FIELD.DETAIL' | translate }}</a></dd>

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

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