|
|
|
|
@ -321,12 +321,14 @@
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'general, current' | translate}}</p>
|
|
|
|
|
<p style="color: white;">{{ 'general, current' | translate}}
|
|
|
|
|
</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'general, proposed' | translate}}</p>
|
|
|
|
|
<p style="color: white;">
|
|
|
|
|
{{ 'general, proposed' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
@ -417,8 +419,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<!-- IF CEI -->
|
|
|
|
|
<ion-col *ngIf =
|
|
|
|
|
"getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'TERMINATION' &&
|
|
|
|
|
@ -450,8 +451,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<!-- IF OLM -->
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
<!-- IF OLM -->
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'CONTACT' &&
|
|
|
|
|
getPassNotificationDetails?.REQUEST_TYPE != 'PHONE_NUMBERS' &&
|
|
|
|
|
@ -459,38 +460,41 @@
|
|
|
|
|
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 *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: #29B5BF;">
|
|
|
|
|
<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>
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
@ -503,7 +507,8 @@
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, timeZone' | translate}}</p>
|
|
|
|
|
<p style="color: white;">
|
|
|
|
|
{{ 'worklist, timeZone' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
@ -516,7 +521,8 @@
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, trainingCenter' | translate}}</p>
|
|
|
|
|
<p style="color: white;">
|
|
|
|
|
{{ 'worklist, trainingCenter' | translate}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="rowBorder">
|
|
|
|
|
@ -529,90 +535,97 @@
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<ion-label>
|
|
|
|
|
<p style="color: white;">{{ 'worklist, enrollmentJustification' | translate}}</p>
|
|
|
|
|
<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>
|
|
|
|
|
<p style="color: black;">{{item.ENROLLMENT_JUSTIFICATION}}
|
|
|
|
|
</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<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-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #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-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #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>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #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>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<!-- IF OPM -->
|
|
|
|
|
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' &&
|
|
|
|
|
@ -631,61 +644,67 @@
|
|
|
|
|
<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>
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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>
|
|
|
|
|
@ -693,84 +712,93 @@
|
|
|
|
|
|
|
|
|
|
<!-- OPM OBJECTIVE RATING -->
|
|
|
|
|
<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;">
|
|
|
|
|
<ion-card style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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>
|
|
|
|
|
@ -779,90 +807,100 @@
|
|
|
|
|
|
|
|
|
|
<!-- 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;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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-row>
|
|
|
|
|
<ion-col class="rowBorder" style="background: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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: #29B5BF;">
|
|
|
|
|
<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>
|
|
|
|
|
@ -968,7 +1006,7 @@
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, job-name' |
|
|
|
|
|
translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{formatJobName(submitterInfo.POSITION_NAME)}}</label>
|
|
|
|
|
<label for="">{{submitterInfo.JOB_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
@ -1021,7 +1059,7 @@
|
|
|
|
|
<label for="">{{submitterInfo.LOCATION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
<ion-row>
|
|
|
|
|
<!-- <ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, branch-payrol' |
|
|
|
|
|
translate}}</label>
|
|
|
|
|
@ -1029,7 +1067,7 @@
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.PAYROLL_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
|