|
|
|
@ -15,7 +15,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="line_details"
|
|
|
|
<ion-segment-button value="line_details"
|
|
|
|
[ngClass]="activeSegment == 'line_details' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
[ngClass]="activeSegment == 'line_details' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
<ion-label> {{ts.trPK('worklistMain','line_details')}} </ion-label>
|
|
|
|
<ion-label> {{'worklistMain,itemReq'| translate}} </ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment-button>
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
<ion-segment-button value="action-history"
|
|
|
|
@ -25,11 +25,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
<ion-segment-button value="attach"
|
|
|
|
<ion-segment-button value="attach"
|
|
|
|
[ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
[ngClass]="activeSegment == 'attach' ? 'active-Segment' : 'normal-Segment'">
|
|
|
|
<ion-label> {{'general, file' | translate}} </ion-label>
|
|
|
|
<ion-label> {{'worklistMain, attach-file' | translate}}
|
|
|
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment-button>
|
|
|
|
<ion-segment-button checked value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'" >
|
|
|
|
<ion-segment-button checked value="info" [ngClass]="activeSegment == 'info' ? 'active-Segment' : 'normal-Segment'" >
|
|
|
|
<ion-label> {{ts.trPK('worklistMain','info')}} </ion-label>
|
|
|
|
<ion-label> {{'worklistMain, info'| translate}} </ion-label>
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment-button>
|
|
|
|
</ion-segment>
|
|
|
|
</ion-segment>
|
|
|
|
|
|
|
|
|
|
|
|
@ -49,7 +50,7 @@
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-grid style="text-align: left">
|
|
|
|
<ion-grid style="text-align: left">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for=""> {{ts.trPK('worklistMain','description')}}
|
|
|
|
<label class="colItemReq" for=""> {{ts.trPK('worklistMain','description')}}
|
|
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
@ -70,7 +71,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','to')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -90,7 +91,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','closed')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -132,7 +133,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','Supplier')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','Supplier')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -148,7 +149,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col size="6" class="colBorder">
|
|
|
|
<ion-col size="6" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','Buyer')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','Buyer')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -164,7 +165,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','CreationDate')}}</label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','CreationDate')}}</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -181,7 +182,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationNumber')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationNumber')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -199,7 +200,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','PaymentTerms')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','PaymentTerms')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -215,7 +216,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','GrossAmount')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','GrossAmount')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -232,7 +233,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq"
|
|
|
|
<label class="colItemReq"
|
|
|
|
for="">{{ts.trPK('worklistMain','TotalPODiscount')}}</label>
|
|
|
|
for="">{{ts.trPK('worklistMain','TotalPODiscount')}}</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -250,7 +251,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','CustomDuty')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','CustomDuty')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -266,7 +267,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
<ion-col [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','OtherCharges')}}</label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','OtherCharges')}}</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -370,7 +371,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colItems colBorder ">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','code')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','code')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -387,7 +388,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-col class="colItems colBorder">
|
|
|
|
<ion-col class="colItems " [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' " >
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_TYPE')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_TYPE')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -408,7 +409,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems colBorder">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','price')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','price')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -429,7 +430,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems colBorder">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','quantity')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','quantity')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -450,7 +451,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems colBorder">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','NEED_TO')}} </label>
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','NEED_TO')}} </label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
@ -472,7 +473,7 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col class="colItems colBorder">
|
|
|
|
<ion-col class="colItems" [ngClass]=" direction === 'en' ? 'colBorder' :'colBorder-ar' ">
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','DELIVER_TO')}}
|
|
|
|
<label class="colItemReq" for="">{{ts.trPK('worklistMain','DELIVER_TO')}}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
@ -772,17 +773,31 @@
|
|
|
|
<ion-tab-bar class="tabBar" slot="bottom">
|
|
|
|
<ion-tab-bar class="tabBar" slot="bottom">
|
|
|
|
<ion-tab-button *ngIf="approveDis" (click)="actionButton('APPROVE')">
|
|
|
|
<ion-tab-button *ngIf="approveDis" (click)="actionButton('APPROVE')">
|
|
|
|
<img src="../assets/imgs/action-approve.png">
|
|
|
|
<img src="../assets/imgs/action-approve.png">
|
|
|
|
<ion-label> {{'worklistMain, approve' | translate}}</ion-label>
|
|
|
|
<!-- <ion-label> {{'worklistMain, approve' | translate}}</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-tab-button>
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-tab-button *ngIf="rejectDis" (click)="actionButton('REJECT')">
|
|
|
|
<ion-tab-button *ngIf="rejectDis" (click)="actionButton('REJECT')">
|
|
|
|
<img src="../assets/imgs/action-reject.png">
|
|
|
|
<img src="../assets/imgs/action-reject.png">
|
|
|
|
<ion-label> {{'worklistMain, reject' | translate}}</ion-label>
|
|
|
|
<!-- <ion-label> {{'worklistMain, reject' | translate}}</ion-label> -->
|
|
|
|
|
|
|
|
<ion-label style="white-space: nowrap"> {{reject_label}}</ion-label>
|
|
|
|
</ion-tab-button>
|
|
|
|
</ion-tab-button>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-tab-button *ngIf="requestDis" (click)="actionButton('REQUEST_INFO')">
|
|
|
|
<ion-tab-button *ngIf="requestDis" (click)="actionButton('REQUEST_INFO')">
|
|
|
|
<img src="../assets/imgs/action-info.png">
|
|
|
|
<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> {{'worklistMain, request' | translate}}</ion-label> -->
|
|
|
|
</ion-tab-button>
|
|
|
|
</ion-tab-button>
|
|
|
|
<ion-tab-button (click)="nextNotfification()">
|
|
|
|
<ion-tab-button (click)="nextNotfification()">
|
|
|
|
<img src="../assets/imgs/action-skip.png">
|
|
|
|
<img src="../assets/imgs/action-skip.png">
|
|
|
|
|