You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.2 KiB
HTML
94 lines
3.2 KiB
HTML
|
4 years ago
|
|
||
|
|
<ion-content>
|
||
|
|
<div class="head-title">
|
||
|
|
|
||
|
|
<app-generic-header showImage="false" showBack="true" [headerText]="'general,pending-transaction' | translate">
|
||
|
|
</app-generic-header>
|
||
|
|
</div>
|
||
|
|
<div class="header"></div>
|
||
|
|
<div class="bottom"></div>
|
||
|
|
<div #containerDiv id="containerDiv">
|
||
|
|
<ion-row class="ion-justify-content-center">
|
||
|
|
<ion-col [size]="11">
|
||
|
|
<ion-item>
|
||
|
|
<ion-label>{{ 'general,select' | translate}}</ion-label>
|
||
|
|
<ion-select [(ngModel)]="selectedTransaction" (ionChange)="selectFunctions()" [placeholder]="'general,select' | translate"
|
||
|
|
[okText]="'general,ok' | translate" [cancelText]="'general,cancel' | translate" class="large-ion-select">
|
||
|
|
<ion-select-option *ngFor="let transaction of transactions" [value]="transaction">
|
||
|
|
{{ transaction.FUNCTION_PROMPT}}</ion-select-option></ion-select>
|
||
|
|
|
||
|
|
</ion-item>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<div class="date-container">
|
||
|
|
<ion-row class="ion-justify-content-center">
|
||
|
|
<ion-col [size]="11">
|
||
|
|
<ion-item>
|
||
|
|
<div class="date-time-icon date-primary"></div>
|
||
|
|
<ion-label>{{ 'general,from-date' | translate}}</ion-label>
|
||
|
|
<ion-datetime
|
||
|
|
[placeholder]="Select"
|
||
|
|
display-format="DD/MM/YYYY"
|
||
|
|
[min]="1900"
|
||
|
|
[max]="2100"
|
||
|
|
[(ngModel)]="dateFrom"
|
||
|
|
doneText="Done"
|
||
|
|
cancelText="Cancel"
|
||
|
|
></ion-datetime>
|
||
|
|
</ion-item>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="11">
|
||
|
|
<ion-item>
|
||
|
|
<div class="date-time-icon date-primary"></div>
|
||
|
|
<ion-label>{{ 'general,to-date' | translate}}</ion-label>
|
||
|
|
<ion-datetime
|
||
|
|
[placeholder]="Select"
|
||
|
|
display-format="DD/MM/YYYY"
|
||
|
|
[min]="1900"
|
||
|
|
[max]="2100"
|
||
|
|
[(ngModel)]="dateTo"
|
||
|
|
doneText="Done"
|
||
|
|
cancelText="Cancel"
|
||
|
|
></ion-datetime>
|
||
|
|
</ion-item>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="data-content">
|
||
|
|
<div class="no-dataDiv"
|
||
|
|
*ngIf="transactionDetails && transactionDetails.length==0">
|
||
|
|
<!-- <div class="no-dataDiv"> -->
|
||
|
|
<ion-row>
|
||
|
|
<img class="empty-data" src="../assets/imgs/box.png" />
|
||
|
|
</ion-row>
|
||
|
|
<h4> {{'general, noData' | translate}}</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="transactionDetails && transactionDetails.length>0" class="transaction-list">
|
||
|
|
<ion-item *ngFor="let transaction of transactionDetails">
|
||
|
|
<div class="date">{{transaction.CREATION_DATE}}</div>
|
||
|
|
<ion-label class="ion-text-wrap">
|
||
|
|
<ion-text color="primary">
|
||
|
|
<p class="display-created " >{{'transaction, created-for' | translate}}</p>
|
||
|
|
<p class="display-created bold padding">{{transaction.TRANSACTION_CREATED_FOR}}</p>
|
||
|
|
</ion-text>
|
||
|
|
|
||
|
|
<ion-text color="secondary">
|
||
|
|
<p class="color-black">{{'transaction, request-type' | translate}}</p>
|
||
|
|
<p>{{transaction.REQUEST_TYPE}}</p>
|
||
|
|
</ion-text>
|
||
|
|
</ion-label>
|
||
|
|
</ion-item>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</ion-content>
|
||
|
|
|
||
|
|
<ion-footer>
|
||
|
|
<div class="centerDiv">
|
||
|
|
<ion-button class="addEitOkButton" [disabled]="!isValid()" color="customnavy" ion-button (click)="getPendingRequestDetails()">
|
||
|
|
{{'general, submit' | translate}}</ion-button>
|
||
|
|
</div>
|
||
|
|
</ion-footer>
|