|
|
|
|
@ -15,20 +15,20 @@
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
{{ts.trPK('worklistMain','title')}}
|
|
|
|
|
<ion-label> {{ts.trPK('worklistMain','details-emp')}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
{{'worklistMain, action' | translate}}
|
|
|
|
|
<ion-label> {{'worklistMain, action' | translate}}</ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="attach" [ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
{{'general, file' | translate}}
|
|
|
|
|
<ion-label> {{'worklistMain, attach-file' | translate}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
{{ts.trPK('worklistMain','info')}}
|
|
|
|
|
<ion-label> {{ts.trPK('worklistMain','info')}} </ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
</ion-segment>
|
|
|
|
|
|
|
|
|
|
@ -73,12 +73,16 @@
|
|
|
|
|
|
|
|
|
|
<div style="margin: 10px; " *ngIf="subordinatesleaveList != undefined && subordinatesleaveList?.length > 0">
|
|
|
|
|
{{ts.trPK('worklistMain','employee-on-leave')}} </div>
|
|
|
|
|
<ion-item lines="none" class="subOrdinateList" *ngFor="let List of subordinatesleaveList;">
|
|
|
|
|
<ion-item lines="none"
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'subOrdinateList' :'subOrdinateList-Ar' "
|
|
|
|
|
*ngFor="let List of subordinatesleaveList;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-grid class="gridSubordinates">
|
|
|
|
|
<div class="subOrdinateDiv">
|
|
|
|
|
<ion-grid
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'gridSubordinates' :'gridSubordinates-Ar' ">
|
|
|
|
|
<div
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'subOrdinateDiv' :'subOrdinateDiv-Ar' ">
|
|
|
|
|
|
|
|
|
|
<!-- <img class="subOrdinateImg" src="../assets/imgs/profile.png"> -->
|
|
|
|
|
|
|
|
|
|
@ -87,7 +91,9 @@
|
|
|
|
|
<img *ngIf="List.EMPLOYEE_IMAGE == null"
|
|
|
|
|
class="empImgeSub" src="../assets/imgs/profile.png">
|
|
|
|
|
</div>
|
|
|
|
|
<ion-row class="rowHeader subOrdinateRow">
|
|
|
|
|
<ion-row class="rowHeader "
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'subOrdinateRow' :'subOrdinateRow-Ar' "
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<ion-col size="9">
|
|
|
|
|
<label style="font-weight: bold; " class="label" for="">{{List.EMPLOYEE_NAME}} </label>
|
|
|
|
|
@ -96,11 +102,11 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="status" size="3">
|
|
|
|
|
<label class="label" for="label">{{List.STATUS}}</label>
|
|
|
|
|
<label class="label" style="font-size: 11px;" for="label">{{List.STATUS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-row class="subOrdinateRow">
|
|
|
|
|
<ion-row [ngClass]=" direction === 'en' ? 'subOrdinateRow' :'subOrdinateRow-Ar'">
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
|
|
<label class="label" for=""> {{ts.trPK('worklistMain','from')}}</label><br />
|
|
|
|
|
@ -260,7 +266,7 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, position' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, job-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.POSITION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
@ -274,42 +280,42 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, job' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, job_cate' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.JOB_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, category' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, category' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYMENT_CATEGORY_MEANING}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, orgEmail' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, emp-email' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYEE_EMAIL_ADDRESS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, orgName' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, org-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.ORGANIZATION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<!-- <ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, busG' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.BUSINESS_GROUP_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, locName' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, loc-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.LOCATION_NAME}}</label>
|
|
|
|
|
@ -317,7 +323,7 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, payrol' | translate}}</label>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, branch-payrol' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.PAYROLL_NAME}}</label>
|
|
|
|
|
@ -504,17 +510,23 @@
|
|
|
|
|
<ion-tab-bar class="tabBar" slot="bottom">
|
|
|
|
|
<ion-tab-button *ngIf="approveDis" (click)="actionButton('APPROVED')">
|
|
|
|
|
<img src="../assets/imgs/action-approve.png">
|
|
|
|
|
<ion-label> {{'worklistMain, approve' | translate}}</ion-label>
|
|
|
|
|
<!-- <ion-label> {{'worklistMain, approve' | translate}}</ion-label> -->
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{approve_label}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
<ion-tab-button *ngIf="rejectDis" (click)="actionButton('REJECTED')">
|
|
|
|
|
<img src="../assets/imgs/action-reject.png">
|
|
|
|
|
<ion-label> {{'worklistMain, reject' | translate}}</ion-label>
|
|
|
|
|
<!-- <ion-label > {{'worklistMain, reject' | translate}}</ion-label> -->
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{reject_label}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
<ion-tab-button *ngIf="requestDis" (click)="actionButton('REQUEST_INFO')">
|
|
|
|
|
<img src="../assets/imgs/action-info.png">
|
|
|
|
|
<ion-label> {{'worklistMain, request' | translate}}</ion-label>
|
|
|
|
|
<!-- <ion-label > {{'worklistMain, request' | translate}}</ion-label> -->
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{reqInfo_label}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
<ion-tab-button (click)="nextNotfification()">
|
|
|
|
|
<img src="../assets/imgs/action-skip.png">
|
|
|
|
|
|