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.
mohemm_srca/Mohem/src/app/pending-transaction/home/home.component.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>