|
|
|
|
@ -6,7 +6,7 @@
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
|
|
|
|
|
<ion-toolbar>
|
|
|
|
|
<ion-toolbar class="slideToolBar">
|
|
|
|
|
<ion-segment class="segmentPR" scrollable>
|
|
|
|
|
<ion-segment-button value="0" checked>
|
|
|
|
|
<!-- <ion-icon name="call">arrowRight</ion-icon> -->
|
|
|
|
|
@ -34,152 +34,151 @@
|
|
|
|
|
|
|
|
|
|
<ion-content class="colorBG">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slides pager="true" class="slides-gray-bullets">
|
|
|
|
|
<ion-slide class="slide-1">
|
|
|
|
|
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
|
|
|
|
|
<ion-slide class="slide-1">
|
|
|
|
|
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
|
|
|
|
|
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<!-- <ion-card-header class="boxHdr">
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<!-- <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>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<ion-grid style="text-align: left">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for=""> {{ts.trPK('worklistMain','from')}}
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for=""> {{getPassNotificationDetails.TO_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<label for="">{{getPassNotificationDetails.FROM_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','sent')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.BEGIN_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<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>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<label for=""> {{getPassNotificationDetails.TO_USER}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','subject')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','sent')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.SUBJECT}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<label for="">{{getPassNotificationDetails.BEGIN_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<!-- notificationBodyRes -->
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.END_DATE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','id')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let header of PRHeader">
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.NOTIFICATION_ID}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row *ngIf=" getPassNotificationDetails.RESPONDER != '' ">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','responder')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.RESPONDER}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{header.HDR_ATTRIBUTE_NAME}} </label>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','subject')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{header.HDR_ATTRIBUTE_VALUE}} </label>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{getPassNotificationDetails.SUBJECT}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- 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-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>
|
|
|
|
|
<label class="colItemReq" for="">{{header.HDR_ATTRIBUTE_NAME}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<label for="">{{header.HDR_ATTRIBUTE_VALUE}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<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-grid>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<div id="notificationDynamicFields1">
|
|
|
|
|
</div>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreNotificationBody()">Load More</button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <ion-item *ngIf="notificationButtonRes?.length >0" class="requiredItem">
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<div id="notificationDynamicFields1">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <ion-item *ngIf="notificationButtonRes?.length >0" class="requiredItem">
|
|
|
|
|
<ion-label class="boldTxtNav">{{'actionHis, action' | translate}} </ion-label>
|
|
|
|
|
<ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
|
|
|
|
|
[(ngModel)]="actionType" required>
|
|
|
|
|
@ -188,121 +187,122 @@
|
|
|
|
|
{{notificationButtons.BUTTON_LABEL}}</ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item> -->
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<!-- <ion-card class="cardContent">
|
|
|
|
|
<!-- <ion-card class="cardContent">
|
|
|
|
|
<ion-card-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('worklistMain','info')}} </div>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
<ion-card-content> -->
|
|
|
|
|
<div [hidden]="notificationBodyRes && notificationBodyRes.length > 0">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-list class="itemReqList" *ngIf="notificationBodyRes && notificationBodyRes.length > 0 ">
|
|
|
|
|
<div [hidden]="notificationBodyRes && notificationBodyRes.length > 0">
|
|
|
|
|
<p>{{ 'general, empty' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-list class="itemReqList" *ngIf="notificationBodyRes && notificationBodyRes.length > 0 ">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<ion-grid class="gridItemReq">
|
|
|
|
|
|
|
|
|
|
<ion-item class="itemReqContent" *ngFor="let notificationList of notificationBodyRes; let i=index; " >
|
|
|
|
|
<div class="itemReqDiv">
|
|
|
|
|
|
|
|
|
|
<ion-item class="itemReqContent" *ngFor="let notificationList of notificationBodyRes; let i=index; ">
|
|
|
|
|
<div class="itemReqDiv">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="colItemReqHeader">
|
|
|
|
|
<!-- <label for="">{{ts.trPK('worklistMain','description')}}
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="colItemReqHeader">
|
|
|
|
|
<!-- <label for="">{{ts.trPK('worklistMain','description')}}
|
|
|
|
|
</label> -->
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<label for="">{{i+1}}. {{notificationList.DESCRIPTION}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','code')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<label for="">{{i+1}}. {{notificationList.DESCRIPTION}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','code')}}
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.ITEM_CODE}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.ITEM_CODE}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','unit')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','unit')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.UOM}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.UOM}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','quantity')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','quantity')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.QUANTITY}} </ion-label>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.QUANTITY}} </ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','Date_Req')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.DATE_REQUIRED}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<!-- </ion-row>
|
|
|
|
|
<ion-row> -->
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','line_status')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','line_status')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.LINE_STATUS}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.LINE_STATUS}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','date_status')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.STATUS_DATE}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.STATUS_DATE}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','trans_type')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','trans_type')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.TRANSACTION_TYPE_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.TRANSACTION_TYPE_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','operating_unit')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
@ -310,14 +310,14 @@
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.OPERATING_UNIT}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','organization_code')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
@ -326,20 +326,20 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','organization')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','organization')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.ORGANIZATION_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.ORGANIZATION_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','from_subinventory')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
@ -348,22 +348,22 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','from_locator')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','from_locator')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.FROM_LOCATOR}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.FROM_LOCATOR}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to_subinventory')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
@ -372,22 +372,22 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to_locator')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to_locator')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
<ion-col> -->
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.TO_LOCATOR}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.TO_LOCATOR}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems">
|
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','ShipToLocation')}} </label>
|
|
|
|
|
<br />
|
|
|
|
|
<!-- </ion-col>
|
|
|
|
|
@ -395,131 +395,149 @@
|
|
|
|
|
<ion-label class="labelValue" for="">{{notificationList.SHIP_TO_LOCATION}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</ion-list>
|
|
|
|
|
<!-- </ion-card-content>
|
|
|
|
|
</ion-card> -->
|
|
|
|
|
<!-- <ion-infinite-scroll (ionInfinite)="doInfiniteNotificationBody($event)">
|
|
|
|
|
<ion-infinite-scroll-content></ion-infinite-scroll-content>
|
|
|
|
|
</ion-infinite-scroll> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div [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">
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
<!-- <div class="item-date"> {{notificationList.BEGIN_DATE }} </div> -->
|
|
|
|
|
<!-- [hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"> -->
|
|
|
|
|
<div [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>
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
<!-- <div class="item-date"> {{notificationList.BEGIN_DATE }} </div> -->
|
|
|
|
|
<!-- [hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"> -->
|
|
|
|
|
|
|
|
|
|
<button ion-button (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)"
|
|
|
|
|
[hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"
|
|
|
|
|
style=" background: none;width: 60%;">
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<img src="../assets/imgs/noteSmall.png">
|
|
|
|
|
<button ion-button (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)"
|
|
|
|
|
[hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"
|
|
|
|
|
style=" background: none;width: 60%;">
|
|
|
|
|
|
|
|
|
|
<!-- <ion-icon name="bookmark"></ion-icon> -->
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" -->
|
|
|
|
|
<img src="../assets/imgs/noteSmall.png">
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
<!-- <ion-icon name="bookmark"></ion-icon> -->
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" -->
|
|
|
|
|
|
|
|
|
|
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
|
|
|
|
|
class="timeline-thumb timeline-icon">
|
|
|
|
|
<div
|
|
|
|
|
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
|
|
|
|
|
class="timeline-thumb timeline-icon">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-txt' : actionHistory.ACTION === 'Pending' ,'bg-red-txt' : actionHistory.ACTION === 'Rejected','bg-green-txt' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
<ion-label> {{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-txt' : actionHistory.ACTION === 'Pending' ,'bg-red-txt' : actionHistory.ACTION === 'Rejected','bg-green-txt' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
<ion-label> {{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-label> {{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-label> {{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">Load More</button>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div [hidden]="attachmentRes && attachmentRes.length > 0">
|
|
|
|
|
<p>{{ 'general, notAttch' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="attachmentRes && attachmentRes.length > 0 ">
|
|
|
|
|
<!-- <ion-card>
|
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div [hidden]="attachmentRes && attachmentRes.length > 0">
|
|
|
|
|
<p>{{ 'general, notAttch' | translate}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="attachmentRes && attachmentRes.length > 0 ">
|
|
|
|
|
<!-- <ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card-header class="boxHdr">
|
|
|
|
|
<div class="hrTitle">{{'worklistMain, suppDoc' | translate}}</div>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
-->
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<div *ngFor="let attachList of attachmentRes">
|
|
|
|
|
<ion-row (click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
|
|
|
|
|
<ion-col col-12>
|
|
|
|
|
<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">
|
|
|
|
|
</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>
|
|
|
|
|
{{attachList.SEQ_NUM }}. {{attachList.FILE_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- <ion-col col-2>
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<div *ngFor="let attachList of attachmentRes">
|
|
|
|
|
<ion-row (click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
|
|
|
|
|
<ion-col col-12>
|
|
|
|
|
<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">
|
|
|
|
|
</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>
|
|
|
|
|
{{attachList.SEQ_NUM }}. {{attachList.FILE_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<!-- <ion-col col-2>
|
|
|
|
|
<button float-end class="attachImgBtn"
|
|
|
|
|
(click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
|
|
|
|
|
<img class="attachImg" src="../assets/imgs/view.png">
|
|
|
|
|
</button>
|
|
|
|
|
</ion-col> -->
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<!-- </ion-card-content>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
<!-- </ion-card-content>
|
|
|
|
|
</ion-card> -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</ion-slides>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div id="notificationDynamicFields">
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
<ion-footer class="footerSearchBtn">
|
|
|
|
|
|
|
|
|
|
|