|
|
|
|
@ -1,471 +1,400 @@
|
|
|
|
|
<app-generic-header
|
|
|
|
|
*ngIf="!messageSuccess"
|
|
|
|
|
showBack="true"
|
|
|
|
|
backLink="/notification/homepage"
|
|
|
|
|
[headerText]="'worklistMain,title' | translate">
|
|
|
|
|
<app-generic-header *ngIf="!messageSuccess" showBack="true" backLink="/notification/homepage"
|
|
|
|
|
[headerText]="'worklistMain,title' | translate">
|
|
|
|
|
</app-generic-header>
|
|
|
|
|
|
|
|
|
|
<ion-content class="colorBG">
|
|
|
|
|
<div *ngIf="!messageSuccess">
|
|
|
|
|
<!-- add segemnt part -->
|
|
|
|
|
<div class="subjectNotification">{{getPassNotificationDetails.SUBJECT}}</div>
|
|
|
|
|
<ion-segment mode="md" color="secondary" (ionChange)="segmentChanged($event)"
|
|
|
|
|
[value]="defaultSegment" class="ion-segment-all">
|
|
|
|
|
<ion-content class="colorBG">
|
|
|
|
|
<div *ngIf="!messageSuccess">
|
|
|
|
|
<!-- add segemnt part -->
|
|
|
|
|
<div class="subjectNotification">{{getPassNotificationDetails.SUBJECT}}</div>
|
|
|
|
|
<ion-segment mode="md" color="secondary" (ionChange)="segmentChanged($event)" [value]="defaultSegment"
|
|
|
|
|
class="ion-segment-all">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, details-emp'| translate}}</ion-label>
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, details-emp'| translate}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, action' | translate}}</ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, action' | translate}}</ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="attach" [ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, attach-file' | translate}}</ion-label>
|
|
|
|
|
<ion-segment-button value="attach"
|
|
|
|
|
[ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, attach-file' | translate}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, info'| translate}} </ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
</ion-segment>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
<ion-segment-button value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label> {{'worklistMain, info'| translate}} </ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
</ion-segment>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'info'">
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="notificationBodyRes?.length > 0 ">
|
|
|
|
|
<ion-card *ngFor="let item of notificationBodyRes;let i=index; ">
|
|
|
|
|
|
|
|
|
|
<!-- <ion-card-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{'worklistMain, notfDetails' | translate}}</div>
|
|
|
|
|
</ion-card-header> -->
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<ion-row class="" *ngIf=" item.Collection_Notification.DISPLAY_FLAG != 'N' ">
|
|
|
|
|
|
|
|
|
|
<ion-col class="rowBorder" *ngFor="let notificationBody of item.Collection_Notification;"
|
|
|
|
|
size="6" [hidden]="notificationBody.DISPLAY_FLAG == 'N'" >
|
|
|
|
|
|
|
|
|
|
<label class="colItemReq" for="">{{notificationBody.SEGMENT_PROMPT}}</label>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col col-7> -->
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{notificationBody.SEGMENT_VALUE_DSP}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="margin: 10px;font-weight: bold; " *ngIf="subordinatesleaveList != undefined && subordinatesleaveList?.length > 0">
|
|
|
|
|
{{ts.trPK('worklistMain','employee-on-leave')}} </div>
|
|
|
|
|
<ion-item lines="none"
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'subOrdinateList' :'subOrdinateList-Ar' "
|
|
|
|
|
*ngFor="let List of subordinatesleaveList;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-grid
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'gridSubordinates' :'gridSubordinates-Ar' ">
|
|
|
|
|
<div
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'subOrdinateDiv' :'subOrdinateDiv-Ar' ">
|
|
|
|
|
|
|
|
|
|
<!-- <img class="subOrdinateImg" src="../assets/imgs/profile.png"> -->
|
|
|
|
|
|
|
|
|
|
<img *ngIf="List.EMPLOYEE_IMAGE" class="empImgeSub"
|
|
|
|
|
[src]="'data:image/png;base64,'+List.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="List.EMPLOYEE_IMAGE == null"
|
|
|
|
|
class="empImgeSub" src="../assets/imgs/profile.png">
|
|
|
|
|
</div>
|
|
|
|
|
<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>
|
|
|
|
|
<br />
|
|
|
|
|
<label class="label" for="">{{List.POSITION_TITLE}} </label><br />
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="status" size="3">
|
|
|
|
|
<label class="label" style="font-size: 11px;" for="label">{{List.STATUS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-row [ngClass]=" direction === 'en' ? 'subOrdinateRow' :'subOrdinateRow-Ar'">
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
|
|
<label class="label" for=""> {{ts.trPK('worklistMain','from')}}</label><br />
|
|
|
|
|
<label class="label" for="">{{List.DATE_START |date}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
|
|
<label class="label" for="">{{ts.trPK('worklistMain','to')}}</label><br />
|
|
|
|
|
<label class="label" for="">{{List.DATE_END | date}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<!-- </ion-col> -->
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
<!-- </ion-card-content>
|
|
|
|
|
</ion-card> -->
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'item-req'">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<!-- <ion-card-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('worklistMain','info')}} </div>
|
|
|
|
|
</ion-card-header> -->
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-grid style="text-align: left">
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for=""> {{ts.trPK('worklistMain','from')}}
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.FROM_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row> -->
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for=""> {{getPassNotificationDetails.TO_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','sent')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.BEGIN_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<ion-row> -->
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','id')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.NOTIFICATION_ID}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<ion-row *ngIf=" getPassNotificationDetails.RESPONDER != '' "> -->
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<!-- <ion-row class="">
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','subject')}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<br/>
|
|
|
|
|
<label for="">{{getPassNotificationDetails.SUBJECT}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
<!-- <ion-row>
|
|
|
|
|
<ion-col class="greenTxt" col-4>
|
|
|
|
|
<button ion-button block class="notColBtn" (click)="openNotificationBody()">
|
|
|
|
|
<p>{{ts.trPK('worklistMain','notfDetails')}} </p>
|
|
|
|
|
<ion-img class="serviceItemImg" src="../assets/imgs/details.png"></ion-img>
|
|
|
|
|
</button>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="greenTxt" col-4>
|
|
|
|
|
<button ion-button block class="notColBtn" (click)="openActionHistory()">
|
|
|
|
|
<p>{{ts.trPK('worklistMain','actionHis')}}</p>
|
|
|
|
|
<ion-img class="serviceItemImg" src="../assets/imgs/actionHistory.png"></ion-img>
|
|
|
|
|
</button>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="greenTxt" col-4>
|
|
|
|
|
<button ion-button block class="notColBtn" (click)="openSupportDocuments()">
|
|
|
|
|
<p>{{ts.trPK('worklistMain','suppDoc')}}</p>
|
|
|
|
|
<ion-img class="serviceItemImg" src="../assets/imgs/documents.png"></ion-img>
|
|
|
|
|
</button>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="submitterInfoRes?.length > 0 ">
|
|
|
|
|
|
|
|
|
|
<ion-card>
|
|
|
|
|
|
|
|
|
|
<!-- <ion-card-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{'general, info' | translate}}</div>
|
|
|
|
|
</ion-card-header> -->
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div style="font-weight: bold;" class="hrTitle"> {{'userProfile, emp-detail' | translate}}</div>
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let submitterInfo of submitterInfoRes">
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, empNo' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYEE_NUMBER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYEE_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, job-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.POSITION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, grade' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.GRADE_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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="">{{'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="">{{'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="">{{'worklistMain, org-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.ORGANIZATION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<!-- <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 class="rowBorder submitterInfo">
|
|
|
|
|
<ion-slides #slides (ionSlideDidChange)="slideChanged($event)">
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'item-req'">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, loc-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.LOCATION_NAME}}</label>
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-grid style="text-align: left">
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for=""> {{ts.trPK('worklistMain','from')}}
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{getPassNotificationDetails.FROM_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for=""> {{getPassNotificationDetails.TO_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','sent')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{getPassNotificationDetails.BEGIN_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="">
|
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','id')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{getPassNotificationDetails.NOTIFICATION_ID}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'worklistMain, branch-payrol' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-card *ngIf="submitterInfoRes?.length > 0 ">
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.PAYROLL_NAME}}</label>
|
|
|
|
|
<ion-card-content [ngClass] = " direction === 'en' ? 'cardAlignTextEn' : 'cardAlignTextAr'">
|
|
|
|
|
<div style="font-weight: bold;" class="hrTitle">
|
|
|
|
|
{{'userProfile, emp-detail' | translate}}</div>
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let submitterInfo of submitterInfoRes">
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
for="">{{'userProfile, empNo' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYEE_NUMBER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{'userProfile, name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.EMPLOYEE_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
for="">{{'worklistMain, job-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.POSITION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
for="">{{'userProfile, grade' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.GRADE_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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="">{{'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="">{{'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="">{{'worklistMain, org-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{submitterInfo.ORGANIZATION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder submitterInfo">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
for="">{{'worklistMain, loc-name' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.LOCATION_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
for="">{{'worklistMain, branch-payrol' | translate}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{submitterInfo.PAYROLL_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'action-history'">
|
|
|
|
|
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div class="noDataDiv" [hidden]="actionHistoryRes && actionHistoryRes.length > 0">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="actionHistoryRes && actionHistoryRes.length > 0 ">
|
|
|
|
|
<ion-list class="notification-list ">
|
|
|
|
|
<div class="timeline">
|
|
|
|
|
<ion-item *ngFor="let actionHistory of actionHistoryRes">
|
|
|
|
|
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
<div [class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE" class="empImge"
|
|
|
|
|
[src]="'data:image/png;base64,'+actionHistory.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE == null" class="empImge"
|
|
|
|
|
src="../assets/imgs/profile.png"> </div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-label style="color:black !important ;font-weight: bold;">
|
|
|
|
|
{{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="actionHistory.NOTE != '' ">
|
|
|
|
|
<div *ngIf="!checkLines(actionHistory.NOTE)">
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="checkLines(actionHistory.NOTE)">
|
|
|
|
|
</ng-container>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'action-history'">
|
|
|
|
|
|
|
|
|
|
<div class="containerNote" [ngClass]="actionHistory.visible ? 'show' : '' ">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
<ion-card class="cardContent" style="width: 100%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div class="noDataDiv" [hidden]="actionHistoryRes && actionHistoryRes.length > 0">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="actionHistoryRes && actionHistoryRes.length > 0 ">
|
|
|
|
|
<ion-list class="notification-list ">
|
|
|
|
|
<div class="timeline">
|
|
|
|
|
<ion-item *ngFor="let actionHistory of actionHistoryRes">
|
|
|
|
|
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
<div
|
|
|
|
|
[class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE" class="empImge"
|
|
|
|
|
[src]="'data:image/png;base64,'+actionHistory.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE == null" class="empImge"
|
|
|
|
|
src="../assets/imgs/profile.png"> </div>
|
|
|
|
|
</div>
|
|
|
|
|
<button class="showMore"
|
|
|
|
|
(click)="actionHistory.visible = !actionHistory.visible">{{ actionHistory.visible ? 'Show less': 'Show More' }}</button>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-label style="color:black !important ;font-weight: bold;">
|
|
|
|
|
{{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION_CODE === 'SUBMIT' ,'bg-orange-txt' : actionHistory.ACTION_CODE === 'PENDING' ,'bg-red-txt' : actionHistory.ACTION_CODE === 'REJECT','bg-green-txt' : actionHistory.ACTION_CODE != 'PENDING' && actionHistory.ACTION_CODE != 'REJECT' && actionHistory.ACTION_CODE != 'SUBMIT'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
<div *ngIf="actionHistory.NOTE != '' ">
|
|
|
|
|
<div *ngIf="!checkLines(actionHistory.NOTE)">
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-label *ngIf="actionHistory.NOTIFICATION_DATE != ''" class="dateActionHistory">
|
|
|
|
|
{{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="checkLines(actionHistory.NOTE)">
|
|
|
|
|
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
<div class="containerNote"
|
|
|
|
|
[ngClass]="actionHistory.visible ? 'show' : '' ">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'attach'">
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
</div>
|
|
|
|
|
<button class="showMore"
|
|
|
|
|
(click)="actionHistory.visible = !actionHistory.visible">{{ actionHistory.visible ? 'Show less': 'Show More' }}</button>
|
|
|
|
|
|
|
|
|
|
<div class="noDataDiv" [hidden]="attachmentRes && attachmentRes.length > 0">
|
|
|
|
|
<p>{{ 'general, notAttch' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION_CODE === 'SUBMIT' ,'bg-orange-txt' : actionHistory.ACTION_CODE === 'PENDING' ,'bg-red-txt' : actionHistory.ACTION_CODE === 'REJECT','bg-green-txt' : actionHistory.ACTION_CODE != 'PENDING' && actionHistory.ACTION_CODE != 'REJECT' && actionHistory.ACTION_CODE != 'SUBMIT'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="attachmentRes && attachmentRes.length > 0 ">
|
|
|
|
|
<ion-label *ngIf="actionHistory.NOTIFICATION_DATE != ''"
|
|
|
|
|
class="dateActionHistory">
|
|
|
|
|
{{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'attach'">
|
|
|
|
|
<ion-card class="cardContent" style="width: 100%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div class="noDataDiv" [hidden]="attachmentRes && attachmentRes.length > 0">
|
|
|
|
|
<p>{{ 'general, notAttch' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="attachmentRes && attachmentRes.length > 0 ">
|
|
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-item class="itemAttch" *ngFor="let attachList of attachmentRes ;let i=index;">
|
|
|
|
|
<ion-label style="color: black !important">
|
|
|
|
|
{{i+1 }}. {{attachList.FILE_NAME}} </ion-label>
|
|
|
|
|
|
|
|
|
|
<button float-end class="attachImgBtn"
|
|
|
|
|
(click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
|
|
|
|
|
<img class="attachImg" src="../assets/imgs/view.png">
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ng-container>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'info'">
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="notificationBodyRes?.length > 0 ">
|
|
|
|
|
<ion-card *ngFor="let item of notificationBodyRes;let i=index; " style="width: 91%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-row class="" *ngIf=" item.Collection_Notification.DISPLAY_FLAG != 'N' ">
|
|
|
|
|
<ion-col class="rowBorder"
|
|
|
|
|
*ngFor="let notificationBody of item.Collection_Notification;" size="6"
|
|
|
|
|
[hidden]="notificationBody.DISPLAY_FLAG == 'N'">
|
|
|
|
|
<label class="colItemReq" for="">{{notificationBody.SEGMENT_PROMPT}}</label>
|
|
|
|
|
<br />
|
|
|
|
|
<label for="">{{notificationBody.SEGMENT_VALUE_DSP}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-item class="itemAttch" *ngFor="let attachList of attachmentRes ;let i=index;">
|
|
|
|
|
<!-- <div *ngIf="attachList.FILE_CONTENT_TYPE === 'pdf' || attachList.FILE_CONTENT_TYPE === 'PDF'">
|
|
|
|
|
<img float-start class="attachImg" src="../assets/imgs/pdf.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="attachList.FILE_CONTENT_TYPE === 'txt'"> <img float-start class="attachImg"
|
|
|
|
|
src="../assets/imgs/doc.png">
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
*ngIf="attachList.FILE_CONTENT_TYPE != 'txt' && attachList.FILE_CONTENT_TYPE != 'PDF' && attachList.FILE_CONTENT_TYPE != 'pdf' && attachList.FILE_CONTENT_TYPE != 'png' && attachList.FILE_CONTENT_TYPE != 'jpeg' && attachList.FILE_CONTENT_TYPE != 'jpg' && attachList.FILE_CONTENT_TYPE != 'PNG' && attachList.FILE_CONTENT_TYPE != 'JPEG' && attachList.FILE_CONTENT_TYPE != 'JPG'">
|
|
|
|
|
<img float-start class="attachImg" src="../assets/imgs/nonfile.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
*ngIf="attachList.FILE_CONTENT_TYPE === 'png' || attachList.FILE_CONTENT_TYPE === 'jpeg' || attachList.FILE_CONTENT_TYPE === 'jpg'|| attachList.FILE_CONTENT_TYPE === 'PNG' || attachList.FILE_CONTENT_TYPE === 'JPEG'|| attachList.FILE_CONTENT_TYPE === 'JPG'">
|
|
|
|
|
<img float-start class="attachImg" src="../assets/imgs/img.png">
|
|
|
|
|
</div> -->
|
|
|
|
|
<ion-label style="color: black !important">
|
|
|
|
|
{{i+1 }}. {{attachList.FILE_NAME}} </ion-label>
|
|
|
|
|
|
|
|
|
|
<button float-end class="attachImgBtn"
|
|
|
|
|
(click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
|
|
|
|
|
<img class="attachImg" src="../assets/imgs/view.png">
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</ion-item>
|
|
|
|
|
<div style="margin: 10px;font-weight: bold; "
|
|
|
|
|
*ngIf="subordinatesleaveList != undefined && subordinatesleaveList?.length > 0">
|
|
|
|
|
{{ts.trPK('worklistMain','employee-on-leave')}} </div>
|
|
|
|
|
<ion-item lines="none" [ngClass]=" direction === 'en' ? 'subOrdinateList' :'subOrdinateList-Ar' "
|
|
|
|
|
*ngFor="let List of subordinatesleaveList;">
|
|
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ion-grid [ngClass]=" direction === 'en' ? 'gridSubordinates' :'gridSubordinates-Ar' ">
|
|
|
|
|
<div [ngClass]=" direction === 'en' ? 'subOrdinateDiv' :'subOrdinateDiv-Ar' ">
|
|
|
|
|
<img *ngIf="List.EMPLOYEE_IMAGE" class="empImgeSub"
|
|
|
|
|
[src]="'data:image/png;base64,'+List.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="List.EMPLOYEE_IMAGE == null" class="empImgeSub"
|
|
|
|
|
src="../assets/imgs/profile.png">
|
|
|
|
|
</div>
|
|
|
|
|
<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>
|
|
|
|
|
<br />
|
|
|
|
|
<label class="label" for="">{{List.POSITION_TITLE}} </label><br />
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="status" size="3">
|
|
|
|
|
<label class="label" style="font-size: 11px;" for="label">{{List.STATUS}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-row [ngClass]=" direction === 'en' ? 'subOrdinateRow' :'subOrdinateRow-Ar'">
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col col-12>
|
|
|
|
|
<div id="notificationDynamicFields">
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<label class="label" for=""> {{ts.trPK('worklistMain','from')}}</label><br />
|
|
|
|
|
<label class="label" for="">{{List.DATE_START |date}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
|
|
<label class="label" for="">{{ts.trPK('worklistMain','to')}}</label><br />
|
|
|
|
|
<label class="label" for="">{{List.DATE_END | date}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ng-container>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</ion-slides>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col col-12>
|
|
|
|
|
<div id="notificationDynamicFields">
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="messageSuccess" class="succssfullMSG">
|
|
|
|
|
<ion-col size="12">
|
|
|
|
|
<ion-icon class="succssfullIcon" name="checkmark"></ion-icon>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="12"> <div style="font-size: 30px !important"> {{'worklistMain, Tran_Succ' | translate}} </div> </ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-col size="12">
|
|
|
|
|
<div style="font-size: 30px !important"> {{'worklistMain, Tran_Succ' | translate}} </div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -511,41 +440,41 @@
|
|
|
|
|
<ion-tab-button *ngIf="approveDis" (click)="actionButton('APPROVED')">
|
|
|
|
|
<img src="../assets/imgs/action-approve.png">
|
|
|
|
|
<!-- <ion-label> {{'worklistMain, approve' | translate}}</ion-label> -->
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{approve_label}}</ion-label>
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{approve_label}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
<ion-tab-button *ngIf="closeDis" (click)="actionButton('CLOSE')">
|
|
|
|
|
<img src="../assets/imgs/action-approve.png">
|
|
|
|
|
<!-- <ion-label> {{'worklistMain, approve' | translate}}</ion-label> -->
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{close_label}}</ion-label>
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{close_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 style="white-space: nowrap"> {{reject_label}}</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 style="white-space: nowrap"> {{reqInfo_label}}</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">
|
|
|
|
|
<ion-label> {{'worklistMain, skip' | translate}}</ion-label>
|
|
|
|
|
<ion-label> {{'worklistMain, skip' | translate}}</ion-label>
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
<ion-tab-button [disabled]="moreDisabled" (click)="openMoreActions()">
|
|
|
|
|
<img src="../assets/imgs/action-more.png">
|
|
|
|
|
<ion-label> {{'worklistMain, more' | translate}}</ion-label>
|
|
|
|
|
<ion-label> {{'worklistMain, more' | translate}}</ion-label>
|
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-tab-bar>
|
|
|
|
|
</ion-tabs>
|
|
|
|
|
|
|
|
|
|
|