|
|
|
|
@ -12,26 +12,26 @@
|
|
|
|
|
class="ion-segment-all">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label margin-left">{{'worklistMain , itemReq'| translate}}</ion-label>
|
|
|
|
|
<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 value="action-history"
|
|
|
|
|
[ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain, action' | translate}}</ion-label>
|
|
|
|
|
<ion-segment-button value="item-req"
|
|
|
|
|
[ngClass]="activeSegment == 'item-req' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label">{{'worklistMain , itemReq'| translate}}</ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="attach" [ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-segment-button value="action-history" [ngClass]="activeSegment == 'action-history' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label">
|
|
|
|
|
{{'worklistMain, attach-file' | translate}}
|
|
|
|
|
{{'worklistMain, action' | translate}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label"> {{'worklistMain , info'| translate}}</ion-label>
|
|
|
|
|
<ion-segment-button value="attach " [ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
|
<ion-label class="no-padding-label">{{'worklistMain, attach-file' | translate}} </ion-label>
|
|
|
|
|
</ion-segment-button>
|
|
|
|
|
</ion-segment>
|
|
|
|
|
|
|
|
|
|
@ -39,6 +39,163 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<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-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('worklistMain','info')}} </div>
|
|
|
|
|
</ion-card-header> -->
|
|
|
|
|
<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 />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.FROM_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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-col>
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<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-col *ngIf=" getPassNotificationDetails.RESPONDER == '' ">
|
|
|
|
|
<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 *ngIf=" getPassNotificationDetails.RESPONDER != '' ">
|
|
|
|
|
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','subject')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.SUBJECT}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<!-- notificationBodyRes -->
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let header of PRHeader">
|
|
|
|
|
|
|
|
|
|
<ion-row
|
|
|
|
|
*ngIf="header.HDR_ATTRIBUTE_NAME != 'Requisition Total' && header.HDR_ATTRIBUTE_NAME != 'Non-Recoverable Tax'">
|
|
|
|
|
<!-- *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="labelTotal">{{valueH}}</div>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col *ngIf="taxH ">
|
|
|
|
|
<div class="colItemReq" style="text-align: center !important">{{taxH}}</div>
|
|
|
|
|
<div class="labelTotal">{{taxvalueH}}</div>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" 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>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'item-req'">
|
|
|
|
|
<!-- <ion-card class="cardContent">
|
|
|
|
|
@ -408,162 +565,6 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
</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-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('worklistMain','info')}} </div>
|
|
|
|
|
</ion-card-header> -->
|
|
|
|
|
<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 />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.FROM_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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-col>
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<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-col *ngIf=" getPassNotificationDetails.RESPONDER == '' ">
|
|
|
|
|
<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 *ngIf=" getPassNotificationDetails.RESPONDER != '' ">
|
|
|
|
|
|
|
|
|
|
</ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','subject')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.SUBJECT}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<!-- notificationBodyRes -->
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let header of PRHeader">
|
|
|
|
|
|
|
|
|
|
<ion-row
|
|
|
|
|
*ngIf="header.HDR_ATTRIBUTE_NAME != 'Requisition Total' && header.HDR_ATTRIBUTE_NAME != 'Non-Recoverable Tax'">
|
|
|
|
|
<!-- *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="labelTotal">{{valueH}}</div>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col *ngIf="taxH ">
|
|
|
|
|
<div class="colItemReq" style="text-align: center !important">{{taxH}}</div>
|
|
|
|
|
<div class="labelTotal">{{taxvalueH}}</div>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" 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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|