@ -130,9 +130,8 @@
< 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-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 >
@ -145,28 +144,28 @@
< / 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 >
< 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-col >
< / ion-row >
< / div >
< / ion-grid >
< / ion-grid >
< / ion-grid >
< / ion-card-content >
@ -194,153 +193,143 @@
< / ion-slide >
< ion-slide >
<!-- <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> -->
< div [ hidden ] = " PRLines & & PRLines . length > 0">
< p > {{ 'general, empty' | translate}}< / p >
< / div >
< ion-list class = "itemReqList" * ngIf = "PRLines && PRLines.length > 0 " >
< div >
< ion-grid class = "gridItemReq" >
< ion-item class = "itemReqContent" * ngFor = "let Lines of PRLines; let i=index; " >
< div class = "itemReqDiv" >
< ion-row >
< ion-col class = "colItemReqHeader" >
<!-- <label for="">{{ts.trPK('worklistMain','description')}}
< ion-card-content >
< div [ hidden ] = " PRLines & & PRLines . length > 0">
< p > {{ 'general, empty' | translate}}< / p >
< / div >
< div * ngIf = "PRLines && PRLines.length > 0 " >
< ion-grid >
< div * ngFor = "let Lines of PRLines; let i=index; " style = "text-align: left" >
< ion-row >
< ion-col class = "colItemReqHeader" >
<!-- <label for="">{{ts.trPK('worklistMain','description')}}
< / label > -->
<!-- </ion - col>
<!-- </ion - col>
< ion-col > -->
< label for = "" > {{i+1}}. {{Lines.DESCRIPTION}} < / label >
< / ion-col >
< / ion-row >
< ion-row >
< ion-col class = "colItems" >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','cost-center')}}
< / label >
< br / >
<!-- </ion - col>
< label for = "" > {{i+1}}. {{Lines.DESCRIPTION}} < / label >
< / ion-col >
< / ion-row >
< ion-row >
< ion-col >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','cost-center')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class = "labelValue" for = "" > {{Lines.COST_CENTER}} < / ion- label>
< / ion-col >
<!-- </ion - row>
< label for = "" > {{Lines.COST_CENTER}} < / 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 >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','code')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class = "labelValue" for = "" > {{Lines.ITEM_CODE}} < / ion- label>
< / ion-col >
< / ion-row >
< ion-row >
< label for = "" > {{Lines.ITEM_CODE}} < / 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 >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','unit')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class= "labelValue" for= "" > {{Lines.UOM}} < / ion- label>
< / ion-col >
<!-- </ion - row>
< label for= "" > {{Lines.UOM}} < / label>
< / ion-col >
<!-- </ion - row>
< ion-row > -->
< ion-col class = "colItems" >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','price')}} < / label >
< br / >
<!-- </ion - col>
< ion-col >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','price')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class = "labelValue" for = "" > {{Lines.UNIT_PRICE}} < / ion- label>
< label for = "" > {{Lines.UNIT_PRICE}} < / label>
< / ion-col >
< / ion-row >
< ion-row >
< / ion-col >
< / ion-row >
< ion-row >
< ion-col class = "colItems" >
< label class = "colItemReq" for = "" > {{ts.trPK('payslip','amount')}} < / label >
< br / >
<!-- </ion - col>
< ion-col >
< label class = "colItemReq" for = "" > {{ts.trPK('payslip','amount')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class = "labelValue" for = "" > {{Lines.LINE_AMOUNT}} < / ion- label>
< / ion-col >
< label for = "" > {{Lines.LINE_AMOUNT}} < / label>
< / ion-col >
<!-- </ion - row>
<!-- </ion - row>
< ion-row > -->
< ion-col class = "colItems" >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','quantity')}} < / label >
< br / >
<!-- </ion - col>
< ion-col >
< label class = "colItemReq" for = "" > {{ts.trPK('worklistMain','quantity')}} < / label >
< br / >
<!-- </ion - col>
< ion-col > -->
< ion- label class= "labelValue" for= "" > {{Lines.QUANTITY}} < / ion- label>
< / ion-col >
< label for= "" > {{Lines.QUANTITY}} < / label>
< / ion-col >
< / ion-row >
< / div >
< / ion-row >
< / ion-item >
< / div >
< / ion-grid >
< / div >
< / ion-list >
<!-- </ion - card - content> -->
<!-- </ion - card> -->
< / div >
< / ion-card-content >
< / ion-card >
< / 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" >
< 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%;">
< img src = "../assets/imgs/noteSmall.png" >
<!-- <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}" -->
<!-- <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}" -->
< 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
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' & & actionHistory.ACTION != 'Rejected' & & actionHistory.ACTION != 'Submitted'}"
class="timeline-thumb timeline-icon">
< / 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-label > {{actionHistory.NOTIFICATION_DATE| dateString }} < / ion-label >
< / ion-col >
< / ion-item >
< / div >
< / ion-list >
< / div >
< ion-col >
< ion-label [ ngClass ] = " { ' bg-blue-txt ' : actionHistory . ACTION = == ' Submitted ' , ' bg-orange-txt ' : actionHistory . ACTION = == ' Pending ' , ' bg-red-txt ' : actionHistory . ACTION = == ' Rejected ' , ' bg-green-txt ' : actionHistory . ACTION ! = ' Pending ' & & actionHistory . ACTION ! = ' Rejected ' & & actionHistory . ACTION ! = ' Submitted ' } "
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-card-content >
< / ion-card >
@ -353,46 +342,39 @@
< p > {{ 'general, notAttch' | translate}}< / p >
< / div >
< div * ngIf = "attachmentRes && attachmentRes.length > 0 " >
<!-- <ion - card>
<!-- <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 >
@ -407,47 +389,55 @@
< / div > -->
< / ion-content >
< ion-footer class = "footerSearchBtn" >
< ion-row >
< ion-col col-12 >
< div id = "notificationDynamicFields" >
< / div >
< / ion-col >
< / ion-row >
< ion-row >
< ion-col col-12 >
< div id = "notificationDynamicFields" >
< / div >
< / ion-col >
< / ion-row >
< ion-row >
<!-- <div class="centerDiv"> -->
< ion-col col-2 >
<!-- <div class="centerDiv"> -->
< ion-col col-2 >
< / ion-col >
< / ion-col >
< ion-col col-8 >
<!-- <ion - button color="customnavy" class="gridBtn" (click)="actionButton()"> {{ts.trPK('general','submit')}}
<!-- <ion - button color="customnavy" class="gridBtn" (click)="actionButton()"> {{ts.trPK('general','submit')}}
< / ion-button > -->
< ion-item * ngIf = "notificationButtonRes?.length >0" class = "requiredItem actionList" >
< ion-label class = "boldTxtNav" > {{'actionHis, action' | translate}} < / ion-label >
< ion-select ( ionChange ) = " actionButton ( ) " okText = "{{ts.trPK('general','ok')}}"
cancelText="{{ts.trPK('general','cancel')}}" [(ngModel)]="actionType" required>
< ion-select-option value = "{{notificationButtons.BUTTON_ACTION}}"
*ngFor="let notificationButtons of notificationButtonRes; let i=index;">
{{notificationButtons.BUTTON_LABEL}}< / ion-select-option >
< / ion-select >
< / ion-item >
< ion-item * ngIf = "notificationButtonRes?.length >0" class = "requiredItem actionList" >
< ion-label class = "boldTxtNav" > {{'actionHis, action' | translate}} < / ion-label >
< ion-select ( ionChange ) = " actionButton ( ) " okText = "{{ts.trPK('general','ok')}}" cancelText = "{{ts.trPK('general','cancel')}}"
[(ngModel)]="actionType" required>
< ion-select-option value = "{{notificationButtons.BUTTON_ACTION}}"
*ngFor="let notificationButtons of notificationButtonRes; let i=index;">
{{notificationButtons.BUTTON_LABEL}}< / ion-select-option >
< / ion-select >
< / ion-item >
< / ion-col >
<!-- </div> -->
< ion-col col-2 style = "bottom: -8px" >
< ion-button class = "skipbutton" ( click ) = " nextNotfification ( ) " >
{{'worklistMain, skip' | translate}}
< img class = "arrowIcon " src = "../assets/imgs/arrowRight.png" >
< ion-col col-2 >
< ion-button class = "skipbutton" ( click ) = " nextNotfification ( ) " >
{{'worklistMain, skip' | translate}}
< img style = "width:20px " src = "../assets/imgs/arrowRight.png" >
< / ion-button >
< / ion-col >
< / ion-button >
< / ion-col >
< / ion-row >
<!-- <div class="centerDiv">
< ion-button color = "customnavy" class = "gridBtn" ( click ) = " actionButton ( ) " > {{ts.trPK('general','submit')}}
< / ion-button >
< / div > -->
<!-- <div class="centerDiv">
< ion-button color = "customnavy" class = "gridBtn" ( click ) = " nextNotfification ( ) " >
{{'worklistMain, skip' | translate}}
< / ion-button >
< / div > -->