|
|
|
@ -10,10 +10,16 @@
|
|
|
|
<ion-segment mode="md" color="secondary" (ionChange)="segmentChanged($event)" [value]="activeSegment"
|
|
|
|
<ion-segment mode="md" color="secondary" (ionChange)="segmentChanged($event)" [value]="activeSegment"
|
|
|
|
class="ion-segment-all">
|
|
|
|
class="ion-segment-all">
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
<ion-segment-button value="info"
|
|
|
|
|
|
|
|
[ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
|
|
|
<ion-label class="no-padding-label margin-left">{{'worklistMain, info'| translate}}</ion-label>
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button checked value="item-req"
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
<ion-label class="no-padding-label margin-left"> {{'worklistMain, itemReq'| translate}} </ion-label>
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain, itemReq'| translate}} </ion-label>
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain, action' | translate}} </ion-label>
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain, action' | translate}} </ion-label>
|
|
|
|
@ -25,24 +31,120 @@
|
|
|
|
</ion-label>
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button checked value="info"
|
|
|
|
|
|
|
|
[ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain, info'| translate}} </ion-label>
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
</ion-segment>
|
|
|
|
</ion-segment>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slides #slides (ionSlideDidChange)="slideChanged($event)">
|
|
|
|
<ion-slides #slides (ionSlideDidChange)="slideChanged($event)">
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'info'">
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<ion-card class="cardContent" style="width: 90% !important;">
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
|
|
|
for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<label class="colItemReq"
|
|
|
|
|
|
|
|
for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<div *ngFor="let header of PRHeader">
|
|
|
|
|
|
|
|
<ion-row
|
|
|
|
|
|
|
|
*ngIf="header.HDR_ATTRIBUTE_NAME != 'Requisition Total' && header.HDR_ATTRIBUTE_NAME != 'Non-Recoverable Tax'">
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<label class="colItemReq" for="">{{header.HDR_ATTRIBUTE_NAME}}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{header.HDR_ATTRIBUTE_VALUE}} </label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<ion-row style="text-align: center !important">
|
|
|
|
|
|
|
|
<ion-col *ngIf="totalH">
|
|
|
|
|
|
|
|
<div class="colItemReq"
|
|
|
|
|
|
|
|
style="text-align: center !important">{{totalH}}</div>
|
|
|
|
|
|
|
|
<div class="">{{valueH}}</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
<ion-col *ngIf="taxH ">
|
|
|
|
|
|
|
|
<div class="colItemReq"
|
|
|
|
|
|
|
|
style="text-align: center !important">{{taxH}}</div>
|
|
|
|
|
|
|
|
<div class="">{{taxvalueH}}</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
<button *ngIf="!IsReachEnd" ion-button class="itemHISBtn"
|
|
|
|
|
|
|
|
(click)="loadMoreNotificationBody()">
|
|
|
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
<ion-slide>
|
|
|
|
<ng-container *ngIf="activeSegment === 'item-req'">
|
|
|
|
<ng-container *ngIf="activeSegment === 'item-req'">
|
|
|
|
<div [hidden]="PRLines && PRLines.length > 0">
|
|
|
|
<div [hidden]="PRLines && PRLines.length > 0">
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<accordin-custom style="width: 90%;">
|
|
|
|
<accordin-custom style="width: 90%;">
|
|
|
|
<accordin-tab-custom *ngFor="let Lines of PRLines; let i=index;" [header]="Lines.DESCRIPTION" [show]="i === 0 ? true: false">
|
|
|
|
<accordin-tab-custom *ngFor="let Lines of PRLines; let i=index;" [header]="Lines.DESCRIPTION"
|
|
|
|
|
|
|
|
[show]="i === 0 ? true: false">
|
|
|
|
<div class="itemReqDiv" style="width: 100% !important;">
|
|
|
|
<div class="itemReqDiv" style="width: 100% !important;">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' " class="colItems">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' "
|
|
|
|
|
|
|
|
class="colItems">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','cost-center')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','cost-center')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -55,7 +157,8 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' " class="colItems ">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' "
|
|
|
|
|
|
|
|
class="colItems ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','unit')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','unit')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<ion-label class="labelValue" for="">{{Lines.UOM}} </ion-label>
|
|
|
|
<ion-label class="labelValue" for="">{{Lines.UOM}} </ion-label>
|
|
|
|
@ -68,7 +171,8 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<ion-col class="colItems"
|
|
|
|
|
|
|
|
[ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('payslip','amount')}} ({{ 'general, sar' |
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('payslip','amount')}} ({{ 'general, sar' |
|
|
|
|
translate}})</label>
|
|
|
|
translate}})</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -180,98 +284,6 @@
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'info'">
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<ion-card class="cardContent" style="width: 90% !important;">
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
<div *ngFor="let header of PRHeader">
|
|
|
|
|
|
|
|
<ion-row
|
|
|
|
|
|
|
|
*ngIf="header.HDR_ATTRIBUTE_NAME != 'Requisition Total' && header.HDR_ATTRIBUTE_NAME != 'Non-Recoverable Tax'">
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
|
|
|
<label class="colItemReq" for="">{{header.HDR_ATTRIBUTE_NAME}} </label>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<label for="">{{header.HDR_ATTRIBUTE_VALUE}} </label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<ion-row style="text-align: center !important">
|
|
|
|
|
|
|
|
<ion-col *ngIf="totalH">
|
|
|
|
|
|
|
|
<div class="colItemReq" style="text-align: center !important">{{totalH}}</div>
|
|
|
|
|
|
|
|
<div class="">{{valueH}}</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
<ion-col *ngIf="taxH ">
|
|
|
|
|
|
|
|
<div class="colItemReq" style="text-align: center !important">{{taxH}}</div>
|
|
|
|
|
|
|
|
<div class="">{{taxvalueH}}</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
<button *ngIf="!IsReachEnd" ion-button class="itemHISBtn" (click)="loadMoreNotificationBody()">
|
|
|
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
</ion-slides>
|
|
|
|
</ion-slides>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|