redeem page

This commit is contained in:
CHIEFSOFT\ameye
2023-08-26 14:55:27 -04:00
parent 63319bcc33
commit ac4f4af7f5
3 changed files with 132 additions and 0 deletions
+121
View File
@@ -29,6 +29,127 @@
<div *ngIf="tabs =='bank_redeem'" class="about">
<!-- <ion-label class="head_text">Mentor</ion-label>-->
<div *ngIf="curr_page =='redeem_start'" >
<ion-card>
<ion-card-header>
<ion-card-title>Redeem from {{currency_code}} Wallet</ion-card-title>
<!-- <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
</ion-card-header>
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Amount({{currency_code}})</ion-label>
<ion-input label="Stacked label" type="number" label="Amount(ggg)" placeholder="Enter Amount"></ion-input>
</ion-item>
<ion-item>
<ion-label >Fee</ion-label>
<ion-input label="Fee" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Total</ion-label>
<ion-input label="Total" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Recipient</ion-label>
<ion-select label="Default label" placeholder="Favorite Fruit">
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<ion-button expand="block" (click)="contineRedeem()">Continue</ion-button>
</ion-card-content>
</ion-card>
</div>
<div *ngIf="curr_page =='redeem_confirm'" >
<ion-card>
<ion-card-header>
<ion-card-title>Confirm Wallet Withdraw</ion-card-title>
<!-- <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
</ion-card-header>
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Amount({{currency_code}})</ion-label>
<ion-input label="Stacked label" type="number" label="Amount(ggg)" placeholder="Enter Amount"></ion-input>
</ion-item>
<ion-item>
<ion-label >Fee</ion-label>
<ion-input label="Fee" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Total</ion-label>
<ion-input label="Total" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Recipient</ion-label>
<ion-select label="Default label" placeholder="Favorite Fruit">
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<ion-button expand="block" (click)="confirmRedeem()">Confirm</ion-button>
</ion-card-content>
</ion-card>
</div>
<div *ngIf="curr_page =='redeem_result'" >
<ion-card>
<ion-card-header>
<ion-card-title>Withdraw Result</ion-card-title>
<!-- <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>-->
</ion-card-header>
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Amount({{currency_code}})</ion-label>
<ion-input label="Stacked label" type="number" label="Amount(ggg)" placeholder="Enter Amount"></ion-input>
</ion-item>
<ion-item>
<ion-label >Fee</ion-label>
<ion-input label="Fee" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Total</ion-label>
<ion-input label="Total" type="number" placeholder="000"></ion-input>
</ion-item>
<ion-item>
<ion-label>Recipient</ion-label>
<ion-select label="Default label" placeholder="Favorite Fruit">
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
</ion-card-content>
</ion-card>
</div>
</div>
<div *ngIf="tabs =='lesson'" class="lesson">
+3
View File
@@ -1,5 +1,8 @@
ion-content {
ion-card-title{
font-size: 18px;
}
.back_image {
width: 100%;
height: 130px;
+8
View File
@@ -91,5 +91,13 @@ wallet_uid
}
curr_page:string= 'redeem_start'
contineRedeem(){
this.curr_page ='redeem_confirm';
}
confirmRedeem(){
this.curr_page ='redeem_result';
}
}