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' &&
@ -470,14 +471,16 @@
<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;">
{{'worklist, enrollmentDetails' | translate}}</h3>
<ion-card style="width: 91%;"> <ion-card style="width: 91%;">
<ion-card-content> <ion-card-content>
<!-- <div *ngFor="let item of notificationBodyRes;let i=index;"> --> <!-- <div *ngFor="let item of notificationBodyRes;let i=index;"> -->
<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, courseName' | translate}}</p> <p style="color: white;">
{{ 'worklist, courseName' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -490,7 +493,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, startDate' | translate}}</p> <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,12 +535,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;">{{ '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>
@ -547,7 +555,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, className' | translate}}</p> <p style="color: white;">
{{ 'worklist, className' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -560,7 +569,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, endDate' | translate}}</p> <p style="color: white;">
{{ 'worklist, endDate' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -573,7 +583,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, deliveryMode' | translate}}</p> <p style="color: white;">
{{ 'worklist, deliveryMode' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -586,7 +597,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, language' | translate}}</p> <p style="color: white;">
{{ 'worklist, language' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -599,7 +611,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, Note' | translate}}</p> <p style="color: white;">{{ 'worklist, Note' | translate}}
</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -634,14 +647,16 @@
<!-- 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;">
{{ 'worklist, rateName' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -653,19 +668,22 @@
<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, overalLPerformanceID' | translate}}</p> <p style="color: white;">
{{ 'worklist, overalLPerformanceID' | 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.OVERALL_PERFORMANCE_LEVEL_ID}}</p> <p style="color: black;">
{{item.OVERALL_PERFORMANCE_LEVEL_ID}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> </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, overallRating' | translate}}</p> <p style="color: white;">
{{ 'worklist, overallRating' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -677,7 +695,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, comments' | translate}}</p> <p style="color: white;">
{{ 'worklist, comments' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -693,14 +712,16 @@
<!-- 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;">
{{ 'worklist, objectiveName' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -712,7 +733,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, weightingPercent' | translate}}</p> <p style="color: white;">
{{ 'worklist, weightingPercent' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -724,7 +746,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, targetValue' | translate}}</p> <p style="color: white;">
{{ 'worklist, targetValue' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -736,7 +759,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, actualVALUE' | translate}}</p> <p style="color: white;">
{{ 'worklist, actualVALUE' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -749,7 +773,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, appraisedPerformance' | translate}}</p> <p style="color: white;">
{{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -762,12 +787,15 @@
<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, appraisedPerformanceDesc' | translate}}</p> <p style="color: white;">
{{ 'worklist, appraisedPerformanceDesc' | 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.APPRAISED_PERFORMANCE_DESC}}</p> <p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}
</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> </ion-row>
@ -779,14 +807,17 @@
<!-- 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;">
{{ 'worklist, competencyName' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -798,7 +829,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, targetValue' | translate}}</p> <p style="color: white;">
{{ 'worklist, targetValue' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -810,7 +842,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, weightingPercent' | translate}}</p> <p style="color: white;">
{{ 'worklist, weightingPercent' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -822,7 +855,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, actualVALUE' | translate}}</p> <p style="color: white;">
{{ 'worklist, actualVALUE' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -835,7 +869,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, appraisedPerformance' | translate}}</p> <p style="color: white;">
{{ 'worklist, appraisedPerformance' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder"> <ion-col class="rowBorder">
@ -848,12 +883,15 @@
<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, appraisedPerformanceDesc' | translate}}</p> <p style="color: white;">
{{ 'worklist, appraisedPerformanceDesc' | 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.APPRAISED_PERFORMANCE_DESC}}</p> <p style="color: black;">{{item.APPRAISED_PERFORMANCE_DESC}}
</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
</ion-row> </ion-row>
@ -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