fixed side menu

MOHEMM-PHASE-2-SFH
umasoodch 3 years ago
parent 138e8c117b
commit 028800c169

@ -321,12 +321,14 @@
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'general, current' | translate}}</p> <p style="color: white;">{{ 'general, current' | translate}}
</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'general, proposed' | translate}}</p> <p style="color: white;">
{{ 'general, proposed' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> </ion-row>
@ -417,8 +419,7 @@
</ion-col> </ion-col>
<!-- IF CEI --> <!-- IF CEI -->
<ion-col *ngIf = <ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
"getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' && getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' && getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' && getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
@ -450,8 +451,8 @@
</div> </div>
</ion-col> </ion-col>
<!-- IF OLM --> <!-- IF OLM -->
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' && <ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' && getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' && getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' &&
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' && getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
@ -459,38 +460,41 @@
getPassNotificationDetails?.REQUEST_TYPE != 'OPM' && getPassNotificationDetails?.REQUEST_TYPE != 'OPM' &&
getPassNotificationDetails?.REQUEST_TYPE == 'OLM' && getPassNotificationDetails?.REQUEST_TYPE == 'OLM' &&
getPassNotificationDetails?.REQUEST_TYPE != 'CEI'"> getPassNotificationDetails?.REQUEST_TYPE != 'CEI'">
<div *ngIf="showInformation"> <div *ngIf="showInformation">
<p>{{'worklist, loading'| translate}} <img style="width: 3%;" <p>{{'worklist, loading'| translate}} <img style="width: 3%;"
src="../assets/icon/progress-loading.gif" /></p> src="../assets/icon/progress-loading.gif" /></p>
</div> </div>
<div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation"> <div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation">
<p>{{ 'general, empty' | translate}}</p> <p>{{ 'general, empty' | translate}}</p>
</div> </div>
<div *ngIf='notificationBodyRes.length > 0'> <div *ngIf='notificationBodyRes.length > 0'>
<div *ngFor="let item of notificationBodyRes;let i=index;"> <div *ngFor="let item of notificationBodyRes;let i=index;">
<h3 style="text-align: center; font-weight: bold;">{{'worklist, enrollmentDetails' | translate}}</h3> <h3 style="text-align: center; font-weight: bold;">
<ion-card style="width: 91%;"> {{'worklist, enrollmentDetails' | translate}}</h3>
<ion-card-content> <ion-card style="width: 91%;">
<!-- <div *ngFor="let item of notificationBodyRes;let i=index;"> --> <ion-card-content>
<ion-row> <!-- <div *ngFor="let item of notificationBodyRes;let i=index;"> -->
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-row>
<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: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, startDate' | translate}}</p> <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: #29B5BF;">
<ion-label>
<p style="color: white;">
{{ 'worklist, startDate' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -503,7 +507,8 @@
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, timeZone' | translate}}</p> <p style="color: white;">
{{ 'worklist, timeZone' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -516,7 +521,8 @@
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, trainingCenter' | translate}}</p> <p style="color: white;">
{{ 'worklist, trainingCenter' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -529,90 +535,97 @@
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, enrollmentJustification' | translate}}</p> <p style="color: white;">
{{ 'worklist, enrollmentJustification' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
<ion-label> <ion-label>
<p style="color: black;">{{item.ENROLLMENT_JUSTIFICATION}}</p> <p style="color: black;">{{item.ENROLLMENT_JUSTIFICATION}}
</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
<ion-card style="width: 91%;"> <ion-card style="width: 91%;">
<ion-card-content> <ion-card-content>
<ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;">
<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-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, endDate' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, className' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.END_DATE}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.CLASS_NAME}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
</ion-row>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, deliveryMode' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, endDate' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.DELIVERY_MODE}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.END_DATE}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
</ion-row>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, language' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, deliveryMode' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.LANGUAGE}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.DELIVERY_MODE}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
</ion-row>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, Note' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, language' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.NOTE}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.LANGUAGE}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
</ion-card-content> </ion-row>
</ion-card>
<ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;">
<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>
</div> </div>
</ion-col> </ion-col>
<!-- IF OPM --> <!-- IF OPM -->
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' && <ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
@ -631,61 +644,67 @@
<div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation"> <div class="no-data-div" *ngIf="notificationBodyRes?.length === 0 && !showInformation">
<p>{{ 'general, empty' | translate}}</p> <p>{{ 'general, empty' | translate}}</p>
</div> </div>
<!-- OPM OVERALL RATING --> <!-- OPM OVERALL RATING -->
<div *ngIf='notificationBodyRes.P_OVERALL_RATING_LIST.length > 0'> <div *ngIf='notificationBodyRes.P_OVERALL_RATING_LIST.length > 0'>
<h3 style="text-align: center; font-weight: bold;">{{'worklist, overallRating' | translate}}</h3> <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;"> <div *ngFor="let item of notificationBodyRes.P_OVERALL_RATING_LIST;let i=index;">
<ion-card style="width: 91%;"> <ion-card style="width: 91%;">
<ion-card-content> <ion-card-content>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, rateName' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, rateName' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.RATE_NAME}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.RATE_NAME}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
<ion-row> </ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-row>
<ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
<p style="color: white;">{{ 'worklist, overalLPerformanceID' | translate}}</p> <ion-label>
</ion-label> <p style="color: white;">
</ion-col> {{ 'worklist, overalLPerformanceID' | translate}}</p>
<ion-col class="rowBorder"> </ion-label>
<ion-label> </ion-col>
<p style="color: black;">{{item.OVERALL_PERFORMANCE_LEVEL_ID}}</p> <ion-col class="rowBorder">
</ion-label> <ion-label>
</ion-col> <p style="color: black;">
</ion-row> {{item.OVERALL_PERFORMANCE_LEVEL_ID}}</p>
<ion-row> </ion-label>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-col>
<ion-label> </ion-row>
<p style="color: white;">{{ 'worklist, overallRating' | translate}}</p> <ion-row>
</ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
</ion-col> <ion-label>
<ion-col class="rowBorder"> <p style="color: white;">
<ion-label> {{ 'worklist, overallRating' | translate}}</p>
<p style="color: black;">{{item.OVERALL_RATING}}</p> </ion-label>
</ion-label> </ion-col>
</ion-col> <ion-col class="rowBorder">
</ion-row> <ion-label>
<ion-row> <p style="color: black;">{{item.OVERALL_RATING}}</p>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-label>
<ion-label> </ion-col>
<p style="color: white;">{{ 'worklist, comments' | translate}}</p> </ion-row>
</ion-label> <ion-row>
</ion-col> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-col class="rowBorder"> <ion-label>
<ion-label> <p style="color: white;">
<p style="color: black;">{{item.COMMENTS}}</p> {{ 'worklist, comments' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> <ion-col class="rowBorder">
<ion-label>
<p style="color: black;">{{item.COMMENTS}}</p>
</ion-label>
</ion-col>
</ion-row>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
</div> </div>
@ -693,84 +712,93 @@
<!-- OPM OBJECTIVE RATING --> <!-- OPM OBJECTIVE RATING -->
<div *ngIf='notificationBodyRes.P_OBJECTIVES_RATING_LIST.length > 0'> <div *ngIf='notificationBodyRes.P_OBJECTIVES_RATING_LIST.length > 0'>
<h3 style="text-align: center; font-weight: bold;">{{'worklist, objectiveRating' | translate}}</h3> <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;"> <div *ngFor="let item of notificationBodyRes.P_OBJECTIVES_RATING_LIST;let i=index;">
<ion-card style="width: 91%;"> <ion-card style="width: 91%;">
<ion-card-content> <ion-card-content>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, objectiveName' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, objectiveName' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.OBJECTIVE_NAME}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.OBJECTIVE_NAME}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
<ion-row> </ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-row>
<ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
<p style="color: white;">{{ 'worklist, weightingPercent' | translate}}</p> <ion-label>
</ion-label> <p style="color: white;">
</ion-col> {{ 'worklist, weightingPercent' | translate}}</p>
<ion-col class="rowBorder"> </ion-label>
<ion-label> </ion-col>
<p style="color: black;">{{item.WEIGHTING_PERCENT}}</p> <ion-col class="rowBorder">
</ion-label> <ion-label>
</ion-col> <p style="color: black;">{{item.WEIGHTING_PERCENT}}</p>
</ion-row> </ion-label>
<ion-row> </ion-col>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-row>
<ion-label> <ion-row>
<p style="color: white;">{{ 'worklist, targetValue' | translate}}</p> <ion-col class="rowBorder" style="background: #29B5BF;">
</ion-label> <ion-label>
</ion-col> <p style="color: white;">
<ion-col class="rowBorder"> {{ 'worklist, targetValue' | translate}}</p>
<ion-label> </ion-label>
<p style="color: black;">{{item.TARGET_VALUE}}</p> </ion-col>
</ion-label> <ion-col class="rowBorder">
</ion-col> <ion-label>
</ion-row> <p style="color: black;">{{item.TARGET_VALUE}}</p>
<ion-row> </ion-label>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-col>
<ion-label> </ion-row>
<p style="color: white;">{{ 'worklist, actualVALUE' | translate}}</p> <ion-row>
</ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
</ion-col> <ion-label>
<ion-col class="rowBorder"> <p style="color: white;">
<ion-label> {{ 'worklist, actualVALUE' | translate}}</p>
<p style="color: black;">{{item.ACTUAL_VALUE}}</p> </ion-label>
</ion-label> </ion-col>
</ion-col> <ion-col class="rowBorder">
</ion-row> <ion-label>
<p style="color: black;">{{item.ACTUAL_VALUE}}</p>
<ion-row> </ion-label>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-col>
<ion-label> </ion-row>
<p style="color: white;">{{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> <ion-row>
</ion-col> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-col class="rowBorder"> <ion-label>
<ion-label> <p style="color: white;">
<p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p> {{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> <ion-col class="rowBorder">
<ion-label>
<ion-row> <p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-label>
<ion-label> </ion-col>
<p style="color: white;">{{ 'worklist, appraisedPerformanceDesc' | translate}}</p> </ion-row>
</ion-label>
</ion-col> <ion-row>
<ion-col class="rowBorder"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, appraisedPerformanceDesc' | translate}}
</ion-col> </p>
</ion-row> </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-content>
</ion-card> </ion-card>
@ -779,90 +807,100 @@
<!-- OPM Competency RATING --> <!-- OPM Competency RATING -->
<div *ngIf='notificationBodyRes.P_COMPETENCIES_RATING_LIST.length > 0'> <div *ngIf='notificationBodyRes.P_COMPETENCIES_RATING_LIST.length > 0'>
<h3 style="text-align: center; font-weight: bold;">{{'worklist, competenciesRating' | translate}}</h3> <h3 style="text-align: center; font-weight: bold;">
<div *ngFor="let item of notificationBodyRes.P_COMPETENCIES_RATING_LIST;let i=index;"> {{'worklist, competenciesRating' | translate}}</h3>
<div
*ngFor="let item of notificationBodyRes.P_COMPETENCIES_RATING_LIST;let i=index;">
<ion-card style="width: 91%;"> <ion-card style="width: 91%;">
<ion-card-content> <ion-card-content>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'worklist, competencyName' | translate}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, competencyName' | translate}}</p>
</ion-col> </ion-label>
<ion-col class="rowBorder"> </ion-col>
<ion-label> <ion-col class="rowBorder">
<p style="color: black;">{{item.COMPETENCY_NAME}}</p> <ion-label>
</ion-label> <p style="color: black;">{{item.COMPETENCY_NAME}}</p>
</ion-col> </ion-label>
</ion-row> </ion-col>
<ion-row> </ion-row>
<ion-col class="rowBorder" style="background: #29B5BF;"> <ion-row>
<ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
<p style="color: white;">{{ 'worklist, targetValue' | translate}}</p> <ion-label>
</ion-label> <p style="color: white;">
</ion-col> {{ 'worklist, targetValue' | translate}}</p>
<ion-col class="rowBorder"> </ion-label>
<ion-label> </ion-col>
<p style="color: black;">{{item.TARGET_VALUE}}</p> <ion-col class="rowBorder">
</ion-label> <ion-label>
</ion-col> <p style="color: black;">{{item.TARGET_VALUE}}</p>
</ion-row> </ion-label>
<ion-row> </ion-col>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-row>
<ion-label> <ion-row>
<p style="color: white;">{{ 'worklist, weightingPercent' | translate}}</p> <ion-col class="rowBorder" style="background: #29B5BF;">
</ion-label> <ion-label>
</ion-col> <p style="color: white;">
<ion-col class="rowBorder"> {{ 'worklist, weightingPercent' | translate}}</p>
<ion-label> </ion-label>
<p style="color: black;">{{item.WEIGHTING_PERCENT}}</p> </ion-col>
</ion-label> <ion-col class="rowBorder">
</ion-col> <ion-label>
</ion-row> <p style="color: black;">{{item.WEIGHTING_PERCENT}}</p>
<ion-row> </ion-label>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-col>
<ion-label> </ion-row>
<p style="color: white;">{{ 'worklist, actualVALUE' | translate}}</p> <ion-row>
</ion-label> <ion-col class="rowBorder" style="background: #29B5BF;">
</ion-col> <ion-label>
<ion-col class="rowBorder"> <p style="color: white;">
<ion-label> {{ 'worklist, actualVALUE' | translate}}</p>
<p style="color: black;">{{item.ACTUAL_VALUE}}</p> </ion-label>
</ion-label> </ion-col>
</ion-col> <ion-col class="rowBorder">
</ion-row> <ion-label>
<p style="color: black;">{{item.ACTUAL_VALUE}}</p>
<ion-row> </ion-label>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-col>
<ion-label> </ion-row>
<p style="color: white;">{{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> <ion-row>
</ion-col> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-col class="rowBorder"> <ion-label>
<ion-label> <p style="color: white;">
<p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p> {{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> <ion-col class="rowBorder">
<ion-label>
<ion-row> <p style="color: black;">{{item.APPRAISED_PERFORMANCE}}</p>
<ion-col class="rowBorder" style="background: #29B5BF;"> </ion-label>
<ion-label> </ion-col>
<p style="color: white;">{{ 'worklist, appraisedPerformanceDesc' | translate}}</p> </ion-row>
</ion-label>
</ion-col> <ion-row>
<ion-col class="rowBorder"> <ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label> <ion-label>
<p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}</p> <p style="color: white;">
</ion-label> {{ 'worklist, appraisedPerformanceDesc' | translate}}
</ion-col> </p>
</ion-row> </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-content>
</ion-card> </ion-card>
</div> </div>
</div> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ng-container> </ng-container>
@ -968,7 +1006,7 @@
<label class="colItemReq" for="">{{'worklistMain, job-name' | <label class="colItemReq" for="">{{'worklistMain, job-name' |
translate}}</label> translate}}</label>
<br /> <br />
<label for="">{{formatJobName(submitterInfo.POSITION_NAME)}}</label> <label for="">{{submitterInfo.JOB_NAME}}</label>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row class="rowBorder submitterInfo"> <ion-row class="rowBorder submitterInfo">
@ -1021,7 +1059,7 @@
<label for="">{{submitterInfo.LOCATION_NAME}}</label> <label for="">{{submitterInfo.LOCATION_NAME}}</label>
</ion-col> </ion-col>
</ion-row> --> </ion-row> -->
<ion-row> <!-- <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{'worklistMain, branch-payrol' | <label class="colItemReq" for="">{{'worklistMain, branch-payrol' |
translate}}</label> translate}}</label>
@ -1029,7 +1067,7 @@
<label for="">{{submitterInfo.PAYROLL_NAME}}</label> <label for="">{{submitterInfo.PAYROLL_NAME}}</label>
</ion-col> </ion-col>
</ion-row> </ion-row> -->
</div> </div>
</ion-card-content> </ion-card-content>

Loading…
Cancel
Save