|
|
|
|
@ -52,6 +52,8 @@
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
@ -301,6 +303,8 @@
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'CONTACT' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
@ -351,6 +355,8 @@
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
@ -382,6 +388,8 @@
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
@ -414,6 +422,8 @@
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
@ -439,6 +449,420 @@
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<!-- IF OLM -->
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
src="../assets/icon/progress-loading.gif" /></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf='notificationBodyRes.length > 0'>
|
|
|
|
|
<div *ngFor="let item of notificationBodyRes;let i=index;">
|
|
|
|
|
|
|
|
|
|
<h3 style="text-align: center; font-weight: bold;">{{'worklist, enrollmentDetails' | translate}}</h3>
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<!-- <div *ngFor="let item of notificationBodyRes;let i=index;"> -->
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, courseName' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.COURSE_NAME}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, startDate' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.START_DATE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, timeZone' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.TIMEZONE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, trainingCenter' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.TRAINING_CENTER}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, enrollmentJustification' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.ENROLLMENT_JUSTIFICATION}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, className' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.CLASS_NAME}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, endDate' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.END_DATE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, deliveryMode' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.DELIVERY_MODE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, language' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.LANGUAGE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, Note' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.NOTE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<!-- IF OPM -->
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE == 'OPM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'OLM' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
|
|
|
|
|
<div *ngIf="showInformation">
|
|
|
|
|
<p>{{'worklist, loading'| translate}} <img style="width: 3%;"
|
|
|
|
|
src="../assets/icon/progress-loading.gif" /></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- OPM OVERALL RATING -->
|
|
|
|
|
<div *ngIf='notificationBodyRes.P_OVERALL_RATING_LIST.length > 0'>
|
|
|
|
|
<h3 style="text-align: center; font-weight: bold;">{{'worklist, overallRating' | translate}}</h3>
|
|
|
|
|
<div *ngFor="let item of notificationBodyRes.P_OVERALL_RATING_LIST;let i=index;">
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, rateName' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.RATE_NAME}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, overalLPerformanceID' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.OVERALL_PERFORMANCE_LEVEL_ID}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, overallRating' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.OVERALL_RATING}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, comments' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.COMMENTS}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- OPM OBJECTIVE RATING -->
|
|
|
|
|
<div *ngIf='notificationBodyRes.P_OBJECTIVES_RATING_LIST.length > 0'>
|
|
|
|
|
<h3 style="text-align: center; font-weight: bold;">{{'worklist, objectiveRating' | translate}}</h3>
|
|
|
|
|
<div *ngFor="let item of notificationBodyRes.P_OBJECTIVES_RATING_LIST;let i=index;">
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, objectiveName' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.OBJECTIVE_NAME}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, weightingPercent' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.WEIGHTING_PERCENT}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, targetValue' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.TARGET_VALUE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, actualVALUE' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.ACTUAL_VALUE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, appraisedPerformance' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, appraisedPerformanceDesc' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- OPM Competency RATING -->
|
|
|
|
|
<div *ngIf='notificationBodyRes.P_COMPETENCIES_RATING_LIST.length > 0'>
|
|
|
|
|
<h3 style="text-align: center; font-weight: bold;">{{'worklist, competenciesRating' | translate}}</h3>
|
|
|
|
|
<div *ngFor="let item of notificationBodyRes.P_COMPETENCIES_RATING_LIST;let i=index;">
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, competencyName' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.COMPETENCY_NAME}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, targetValue' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.TARGET_VALUE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, weightingPercent' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.WEIGHTING_PERCENT}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, actualVALUE' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.ACTUAL_VALUE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, appraisedPerformance' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #024d71;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, appraisedPerformanceDesc' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</ng-container>
|
|
|
|
|
|