|
|
|
@ -88,8 +88,60 @@
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
</ion-card>
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
<ion-slide>
|
|
|
|
<ion-card class="cardContent" *ngIf='activeSegment === "Approval Level"'>
|
|
|
|
<ion-list style="margin: 25px; border-radius: 16px; width: 340px;" class="notification-list" *ngIf='activeSegment === "Approval Level"'>
|
|
|
|
|
|
|
|
<div class="timeline">
|
|
|
|
|
|
|
|
<ion-item *ngFor="let approvalInfo of workList">
|
|
|
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
|
|
|
<div [class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">
|
|
|
|
|
|
|
|
<img class="empImge" src="../assets/imgs/profile.png">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<ion-col size="8">
|
|
|
|
|
|
|
|
<ion-label class="name">
|
|
|
|
|
|
|
|
{{approvalInfo.Name}}
|
|
|
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="approvalInfo.Notes != '' ">
|
|
|
|
|
|
|
|
<div *ngIf="!approvalInfo.Notes">
|
|
|
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
|
|
|
Note: {{approvalInfo.Notes}}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="approvalInfo.Notes">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
|
|
|
Note: {{approvalInfo.Notes}}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<ion-label
|
|
|
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : approvalInfo.Action === 'Submit' ,'bg-orange-txt' : approvalInfo.Action === 'Pending' ,'bg-red-txt' : approvalInfo.Action === 'Rejected','bg-green-txt' : approvalInfo.Action != 'Pending' && approvalInfo.Action != 'Rejected' && approvalInfo.Action != 'Submit'}"
|
|
|
|
|
|
|
|
class=""> {{approvalInfo.Action}}</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-label *ngIf="approvalInfo.Date != ''"
|
|
|
|
|
|
|
|
class="dateActionHistory">
|
|
|
|
|
|
|
|
{{returnDateTime(approvalInfo.Date) }} </ion-label>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
<ion-col size="4">
|
|
|
|
|
|
|
|
<img class="req_info" src="assets/imgs/req info.svg"
|
|
|
|
|
|
|
|
(click)="selectAtion('RequestInformation')" />
|
|
|
|
|
|
|
|
<img class="req_info deligate" src="assets/imgs/delegate.svg"
|
|
|
|
|
|
|
|
(click)="selectAtion('Delegate')" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="line"></div> -->
|
|
|
|
|
|
|
|
</ion-list>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <ion-card class="cardContent" *ngIf='activeSegment === "Approval Level"'>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-row>
|
|
|
|
<ion-row>
|
|
|
|
@ -109,7 +161,8 @@
|
|
|
|
[class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'"
|
|
|
|
[class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'"
|
|
|
|
[ngClass]="{'bg-gray-dot' : approvalInfo.Action === ''}">
|
|
|
|
[ngClass]="{'bg-gray-dot' : approvalInfo.Action === ''}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p style="margin-left: -0%; font-size: 12px !important; width: 66px;">{{approvalInfo.Action}}</p>
|
|
|
|
<p style="margin-left: -0%; font-size: 12px !important; width: 66px;">{{approvalInfo.Action}}
|
|
|
|
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
@ -128,8 +181,9 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
</ion-card> -->
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
<ion-slide>
|
|
|
|
<ion-card class="cardContent" *ngIf='activeSegment === "Requester Details"' style="width: 100%;">
|
|
|
|
<ion-card class="cardContent" *ngIf='activeSegment === "Requester Details"' style="width: 100%;">
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
@ -399,7 +453,7 @@
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card> -->
|
|
|
|
</ion-card> -->
|
|
|
|
<!--
|
|
|
|
<!--
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
<ion-card class="cardContent">
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-grid>
|
|
|
|
@ -448,6 +502,7 @@
|
|
|
|
</ng-container> -->
|
|
|
|
</ng-container> -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- END -->
|
|
|
|
<!-- END -->
|
|
|
|
|
|
|
|
<br>
|
|
|
|
<ion-label>
|
|
|
|
<ion-label>
|
|
|
|
<ion-item>
|
|
|
|
<ion-item>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-grid>
|
|
|
|
@ -467,14 +522,14 @@
|
|
|
|
</ion-content>
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|
|
|
|
<ion-content *ngIf="messageSuccess">
|
|
|
|
<ion-content *ngIf="messageSuccess">
|
|
|
|
<div class="succssfullMSG">
|
|
|
|
<div class="succssfullMSG">
|
|
|
|
<ion-col size="12">
|
|
|
|
<ion-col size="12">
|
|
|
|
<ion-icon class="succssfullIcon" name="checkmark"></ion-icon>
|
|
|
|
<ion-icon class="succssfullIcon" name="checkmark"></ion-icon>
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
<ion-col size="12">
|
|
|
|
<ion-col size="12">
|
|
|
|
<div style="font-size: 30px !important"> {{'worklistMain, Tran_Succ' | translate}} </div>
|
|
|
|
<div style="font-size: 30px !important"> {{'worklistMain, Tran_Succ' | translate}} </div>
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ion-content>
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -490,7 +545,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
<img [src]="action.image" class="footer-btn-img">
|
|
|
|
<img [src]="action.image" class="footer-btn-img">
|
|
|
|
<ion-label style="font-size: 10px" *ngIf="action.name !== 'RequestInformation'">{{action.name}}</ion-label>
|
|
|
|
<ion-label style="font-size: 10px" *ngIf="action.name !== 'RequestInformation'">{{action.name}}</ion-label>
|
|
|
|
<ion-label style="font-size: 10px; white-space: nowrap;" *ngIf="action.name === 'RequestInformation'">{{'worklistMain, request' | translate}}</ion-label>
|
|
|
|
<ion-label style="font-size: 10px; white-space: nowrap;" *ngIf="action.name === 'RequestInformation'">
|
|
|
|
|
|
|
|
{{'worklistMain, request' | translate}}</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-tab-button>
|
|
|
|
</ion-tab-button>
|
|
|
|
|