unserver-unify
Version:
263 lines (260 loc) • 9.06 kB
HTML
<style type="text/css">
#profile_background:before{
background:url("assets/img/medal/profile.png") no-repeat;
background-size: contain;
}
</style>
<div ng-controller="GameCtrl as ctrl" style="margin-top: -20px;">
<div class="tag-box" style="background:#ffb354;" ng-if="loginService.subDomain != 'caregiverasia'">
<div class="award_score_title">
<b>
{{'Total Marks' | translate }}:
</b>
{{score || 0 | number:0 }} / {{badgeMAX || 0}}
</div>
<div class="award_user2">
<img ng-src="{{ user.avatar? ctrl.imagePicUrl + user.id+'/'+user.avatar:ctrl.defaultPersonPhotoUrl }}"/>
<div id="profile_background">
<div class="profile_progress">
<div class="progress">
<div class="progress-bar progress-bar-blue" role="progressbar" style="width:{{ exp*100/577 }}%">
</div>
<span class="progress-text">
{{'Experience' | translate }}({{ exp || 0 | number:0}}/{{577 }})
</span>
</div>
<!-- <div class="progress-bar progress-bar-red" role="progressbar" style="height:15px;width:{{ mastery/2001 }}%"> Mastery({{mastery}}/2001)
</div> -->
<div class="progress">
<div class="progress-bar progress-bar-red" role="progressbar" style="width:{{ mastery*100/2001 }}%">
</div>
<span class="progress-text">
{{'Mastery' | translate }}({{mastery || 0}}/2001)
</span>
</div>
<!-- <div class="progress-bar progress-bar-u" role="progressbar" style=" height:15px;width:{{ ctizship/401 }}%"> Citizenship({{ctizship}}/401)
</div> -->
<div class="progress">
<div class="progress-bar progress-bar-u" role="progressbar" style="width:{{ ctizship*100/401 }}%">
</div>
<span class="progress-text">
{{'Citizenship' | translate }}({{ctizship || 0}}/401)
</span>
,
</div>
</div>
</div>
</div>
<div class="award_score">
<img src="assets/img/medal/circle_innerspace.png">
<div class="score">
<div style="height: {{100-score*100/badgeMAX}}%">
{{score*100/badgeMAX || 0| number:0}}
<span>
%
</span>
</div>
</div>
</div>
<div class="margin-bottom-20">
</div>
<div class="shadow-wrapper">
<div class="award_info box-shadow shadow-effect-2">
<!-- <div class="award_login" title="Last Login Time">
<b>
{{'Last Login'| translate}}:
</b>
<i class="fa fa-calendar">
</i>
{{ user.lastLogin| date:'mediumDate' }}
</div> -->
<div class="award_detail" style="margin-top:3%">
<ul class="list">
<li>
<span class="text_label" translate="">
You've Created
</span>
{{ user.summary.topic || 0}} {{ 'Topics' | translate }}
</li>
<li>
<span class="text_label" translate="">
You've Created
</span>
{{ user.summary.bbs || 0}} {{ 'BBS' | translate }}
</li>
<li>
<span class="text_label" translate="">
You've Created
</span>
{{ user.summary.blog || 0}} {{ 'Blogs' | translate }}
</li>
<li>
<span class="text_label" translate="">
You've Replied
</span>
{{ user.summary.reply || 0}}
</li>
<li>
<span class="text_label" translate="">
You've Scored
</span>
{{ user.score || 0}} {{'Points'|translate}}
</li>
<li>
<span class="text_label" translate="">
You are Used
</span>
{{ (user.totaltime/60) |number:0}} {{'Minutes'|translate}}
</li>
<li>
<span class="text_label" translate="">
You've Attend
</span>
{{ summary.testrecord || 0}} {{'tests' | translate}}
</li>
<li>
<span class="text_label" translate="">
You've Attend
</span>
{{ examCount || 0}} {{'exams' | translate}}
</li>
<li>
<span class="text_label" translate="">
You've Attend
</span>
{{ summary.selftestrecord || 0}} {{'self tests' | translate}}
</li>
<li>
<span class="text_label" translate="">
You've Earned
</span>
{{ summary.cert || 0}} {{'certificate' | translate}}
</li>
<!-- <li>
<span class="text_label">
You've Created
</span>
{{ score || 0}} trade mark
</li> -->
<!-- <li>
<span class="text_label">
You've Ranked
</span>
Lv {{ rank || 0}}
</li> -->
</ul>
</div>
<div class="award">
<h1>
<strong>
{{badge}}
</strong>
</h1>
<div class="row" style=" display: inline;width:100%">
<img ng-src="../assets/img/medal/{{medal}}" style="width:60%; margin-top: 30px;"/>
<!-- <div style="width:70%; margin-top: 30px;">
<div class="row">
<i aria-hidden="true" class="fa fa-frown-o fa-5x">
</i>
</div>
<span style="font-size:20px;color:grey">
No badge yet ,please contact admin to add relevant badge data !
</span>
</div> -->
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="shadow-wrapper black_shadow" ng-if="loginService.subDomain == 'caregiverasia'">
<div class="award_info box-shadow shadow-effect-2">
<div class="award_detail">
<ul class="list">
<li>
<span class="text_label">
You are Used
</span>
{{ (user.totaltime/60) |number:0}} {{'Minutes'|translate}}
</li>
<li>
<span class="text_label">
You've Attend
</span>
{{ summary.testrecord || 0}} {{'tests' | translate}}
</li>
<li>
<span class="text_label">
You've Attend
</span>
{{ examCount || 0}} {{'exams' | translate}}
</li>
<li>
<span class="text_label">
You've Attend
</span>
{{ summary.selftestrecord || 0}} {{'self tests' | translate}}
</li>
<li>
<span class="text_label">
You've Earned
</span>
{{ summary.cert || 0}} {{'certificate' | translate}}
</li>
<!-- <li>
<span class="text_label">
You've Created
</span>
{{ score || 0}} trade mark
</li> -->
<!-- <li>
<span class="text_label">
You've Ranked
</span>
Lv {{ rank || 0}}
</li> -->
</ul>
</div>
<div class="award">
<h1>
<strong>
{{badge}}
</strong>
</h1>
<div class="row" style=" display: inline;width:100%">
<img ng-src="../assets/img/medal/{{medal}}.png" style="width:60%; margin-top: 30px;"/>
<!-- <div style="width:70%; margin-top: 30px;">
<div class="row">
<i aria-hidden="true" class="fa fa-frown-o fa-5x">
</i>
</div>
<span style="font-size:20px;color:grey">
No badge yet ,please contact admin to add relevant badge data !
</span>
</div> -->
</div>
</div>
</div>
</div>
<div>
<!-- view -->
<timeline ng-if="events.length > 0">
<timeline-event ng-repeat="event in events" side="alternate">
<timeline-badge class="{{event.badgeClass}}">
<i class="glyphicon {{event.badgeIconClass}}">
</i>
</timeline-badge>
<timeline-panel class="{{event.badgeClass}}">
<timeline-heading>
<h4>
{{event.title}}
</h4>
</timeline-heading>
<p>
{{event.content}}
</p>
</timeline-panel>
</timeline-event>
</timeline>
</div>
</div>