You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemm_moe/Mohem/src/app/profile/performance-evaluation/performance-evaluation.comp...

44 lines
1.6 KiB
HTML

<app-generic-header
showBack="true"
[headerText]="'userProfile, performance' | translate">
</app-generic-header>
<ion-content class="colorBG">
<div class="header-div">
<ion-grid>
<div class="grid">
<ion-row>
<p [ngClass]=" direction == 'ltr' ? 'Text' : 'Text-ar'">{{ts.trPK('userProfile','performance-evaluation')}}</p>
<div class="gauge" >
<ngx-charts-gauge
[view]="view"
[scheme]="colorScheme"
[results]="performanceData"
min="0"
max="5">
</ngx-charts-gauge>
</div>
</ion-row>
</div>
<div *ngIf="performanceData">
<ion-row >
<ion-col *ngFor="let data of performanceData ;let i = index" [ngClass]="length % 2 != 0 && i == length - 1 ? 'rightgrid' : 'leftgrid'" >
<div class="performancecolor" style="background: #44a7a1;"></div>
<br>
<label [ngClass]=" direction == 'ltr' ? 'label' : 'label-ar'"> {{ts.trPK('userProfile','your-performance')}} </label>
<label [ngClass]=" direction == 'ltr' ? 'label' : 'label-ar'"> {{data.name}} </label>
<br>
<label [ngClass]=" direction == 'ltr' ? 'labelvalue' : 'labelvalue-ar'"> {{data.value}} </label>
<label [ngClass]=" direction == 'ltr' ? 'percentage' : 'percentage-ar'"></label>
</ion-col>
</ion-row>
</div>
</ion-grid>
</div>
</ion-content>