From ac4f4af7f543cfb89e38a24343af5b5aacd8f142 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sat, 26 Aug 2023 14:55:27 -0400
Subject: [PATCH] redeem page

---
 src/app/pages/redeem/redeem.page.html | 121 ++++++++++++++++++++++++++
 src/app/pages/redeem/redeem.page.scss |   3 +
 src/app/pages/redeem/redeem.page.ts   |   8 ++
 3 files changed, 132 insertions(+)

diff --git a/src/app/pages/redeem/redeem.page.html b/src/app/pages/redeem/redeem.page.html
index 1eae0d3..a340532 100644
--- a/src/app/pages/redeem/redeem.page.html
+++ b/src/app/pages/redeem/redeem.page.html
@@ -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">
diff --git a/src/app/pages/redeem/redeem.page.scss b/src/app/pages/redeem/redeem.page.scss
index 8fd1874..175ca00 100644
--- a/src/app/pages/redeem/redeem.page.scss
+++ b/src/app/pages/redeem/redeem.page.scss
@@ -1,5 +1,8 @@
 
 ion-content {
+  ion-card-title{
+    font-size: 18px;
+  }
   .back_image {
     width: 100%;
     height: 130px;
diff --git a/src/app/pages/redeem/redeem.page.ts b/src/app/pages/redeem/redeem.page.ts
index 15369ce..cfca6d9 100644
--- a/src/app/pages/redeem/redeem.page.ts
+++ b/src/app/pages/redeem/redeem.page.ts
@@ -91,5 +91,13 @@ wallet_uid
 
   }
 
+  curr_page:string= 'redeem_start'
+  contineRedeem(){
+     this.curr_page ='redeem_confirm';
+  }
+
+  confirmRedeem(){
+     this.curr_page ='redeem_result';
+  }
 
 }