|
|
|
|
@ -202,78 +202,79 @@
|
|
|
|
|
<ion-slide>
|
|
|
|
|
<ng-container *ngIf="activeSegment === 'action-history'">
|
|
|
|
|
|
|
|
|
|
<ion-card class="cardContent" style="width: 100% !important;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
<div class="noDataDiv" [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; let index=index">
|
|
|
|
|
|
|
|
|
|
<div class="timeline-item" slot="start">
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
[class]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE" class="empImge"
|
|
|
|
|
[src]="'data:image/png;base64,'+actionHistory.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE == null" class="empImge"
|
|
|
|
|
src="../assets/imgs/profile.png">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-label style="color:black !important ;font-weight: bold;">
|
|
|
|
|
{{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="actionHistory.NOTE">
|
|
|
|
|
<div *ngIf="actionHistory.NOTE != '' ">
|
|
|
|
|
<div *ngIf="!checkLines(actionHistory.NOTE)">
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="checkLines(actionHistory.NOTE)">
|
|
|
|
|
|
|
|
|
|
<div class="containerNote" [ngClass]="actionHistory.visible ? 'show' : '' ">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<button class="showMore" (click)="actionHistory.visible = !actionHistory.visible">{{
|
|
|
|
|
actionHistory.visible ? 'Show less': 'Show More'
|
|
|
|
|
}}</button>
|
|
|
|
|
<ion-card class="cardContent" style="width: 100%;">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="noDataDiv" [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]="direction == 'en'? 'timeline-thumb-en timeline-icon': 'timeline-thumb-ar timeline-icon'">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE" class="empImge"
|
|
|
|
|
[src]="'data:image/png;base64,'+actionHistory.EMPLOYEE_IMAGE">
|
|
|
|
|
<img *ngIf="actionHistory.EMPLOYEE_IMAGE == null" class="empImge"
|
|
|
|
|
src="../assets/imgs/profile.png"> </div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-col size="8">
|
|
|
|
|
<ion-label class="name">
|
|
|
|
|
{{actionHistory.NAME}}
|
|
|
|
|
</ion-label>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="actionHistory.NOTE != '' ">
|
|
|
|
|
<div *ngIf="!checkLines(actionHistory.NOTE)">
|
|
|
|
|
<div class="containerNote">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngIf="checkLines(actionHistory.NOTE)">
|
|
|
|
|
|
|
|
|
|
<div class="containerNote"
|
|
|
|
|
[ngClass]="actionHistory.visible ? 'show' : '' ">
|
|
|
|
|
Note: {{actionHistory.NOTE}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<button class="showMore"
|
|
|
|
|
(click)="actionHistory.visible = !actionHistory.visible">{{ actionHistory.visible ? 'Show less': 'Show More' }}</button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION_CODE === 'SUBMIT' ,'bg-orange-txt' : actionHistory.ACTION_CODE === 'PENDING' ,'bg-red-txt' : actionHistory.ACTION_CODE === 'REJECT','bg-green-txt' : actionHistory.ACTION_CODE != 'PENDING' && actionHistory.ACTION_CODE != 'REJECT' && actionHistory.ACTION_CODE != 'SUBMIT'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-label *ngIf="actionHistory.NOTIFICATION_DATE != ''"
|
|
|
|
|
class="dateActionHistory">
|
|
|
|
|
{{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="4">
|
|
|
|
|
<img class="req_info" src="assets/imgs/req info.svg" (click)="openRequestInfoDel(actionHistory, 'REQUEST_INFO')" />
|
|
|
|
|
<img class="req_info" src="assets/imgs/delegate.svg" (click)="openRequestInfoDel(actionHistory, 'DELEGATE')"/>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<ion-label
|
|
|
|
|
[ngClass]="{'bg-blue-txt' : actionHistory.ACTION_CODE === 'SUBMIT' ,'bg-orange-txt' : actionHistory.ACTION_CODE === 'PENDING' ,'bg-red-txt' : actionHistory.ACTION_CODE === 'REJECT','bg-green-txt' : actionHistory.ACTION_CODE != 'PENDING' && actionHistory.ACTION_CODE != 'REJECT' && actionHistory.ACTION_CODE != 'SUBMIT'}"
|
|
|
|
|
class=""> {{actionHistory.ACTION}}</ion-label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-label *ngIf="actionHistory.NOTIFICATION_DATE != ''" class="dateActionHistory">
|
|
|
|
|
{{actionHistory.NOTIFICATION_DATE|
|
|
|
|
|
dateString }}
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
<button ion-button *ngIf="!IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">
|
|
|
|
|
{{ 'general, load-more' | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
|
|
<ion-slide>
|
|
|
|
|
|