wallet page

src/app/pages/transaction/transaction.module.ts

@@ -1,11 +1,3 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';

src/app/pages/transaction/transaction.page.html

@@ -6,15 +6,26 @@
 
 <ion-content class="ion-padding">
 
-<div class="wallet_panel" *ngFor="let item of [1,2,3]">
+<div class="wallet_panel" *ngFor="let item of walletData; let i = index">
   <ion-grid>
     <ion-row>
       <ion-col>
-       <div class="currency">Naira </div>
-        Balance 123.345.90.00
+       <div class="currency">{{item.description}} </div>
+        Balance {{item.amount*0.01}}
       </ion-col>
       <ion-col>
-
+        <ion-grid>
+          <ion-row>
+            <ion-col>
+             <ion-button shape="round" expand="block">+ Credit</ion-button>
+            </ion-col>
+          </ion-row>
+          <ion-row>
+            <ion-col>
+               <ion-button shape="round" expand="block">WithDraw</ion-button>
+            </ion-col>
+          </ion-row>
+        </ion-grid>
       </ion-col>
     </ion-row>
   </ion-grid>
@@ -33,7 +44,7 @@
 
               <ion-label class="name">3D Design Illustration</ion-label>
 
-              <ion-label class="paid">Paid</ion-label>
+              <ion-label class="paid">AASSWWW</ion-label>
 
             </div>
           </div>

src/app/pages/transaction/transaction.page.ts

@@ -1,30 +1,45 @@
-/*
-  Authors : initappz (Rahul Jograna)
-  Website : https://initappz.com/
-  App Name : E-Learning App Template
-  This App Template Source code is licensed as per the
-  terms found in the Website https://initappz.com/license
-  Copyright and Good Faith Purchasers © 2021-present initappz.
-*/
 import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
+import { WrenchService } from 'src/app/services/wrench.service';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
 
 @Component({
-  selector: 'app-transaction',
-  templateUrl: './transaction.page.html',
-  styleUrls: ['./transaction.page.scss'],
+    selector: 'app-transaction',
+    templateUrl: './transaction.page.html',
+    styleUrls: ['./transaction.page.scss'],
 })
 export class TransactionPage implements OnInit {
 
-  constructor(
-    private router: Router
-  ) { }
+    constructor(
+        private router: Router,
+        public sessionDataProviderService: SessionDataProviderService,
+        private wrenchService: WrenchService
+    ) { }
 
-  ngOnInit() {
-  }
+    ngOnInit() {
+        this.getWalletData();
+    }
 
-  onReceipt() {
-    this.router.navigate(['receipt']);
-  }
+    onReceipt() {
+        this.router.navigate(['receipt']);
+    }
+    walletResult:any;
+    walletData: [];
+    usrData: {
+        action:11200, member_id: number, uid: string, sessionid: string
+    };
+    getWalletData(){
+        this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id, uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session }
+        this.wrenchService.getUserWallets(this.usrData).subscribe(
+            walletResult => {
+                this.walletResult = walletResult;
+                console.log("BANNERS RETURN->", this.walletResult);
+                this.walletData = this.walletResult.result_list;
+                // debugger;
+                console.log("BANNERS RETURN DATA->", this.walletData);
+                //  this.blogDataService.setBlogData(this.blogResult.blog_data);
+            }
+        );
 
+    }
 }

src/app/services/wrench.service.ts

@@ -37,6 +37,11 @@ export class WrenchService {
   getHomeBanners(usrData){
       return this.getPostData('homebanners',usrData);
   }
+
+    getUserWallets(usrData) {
+        return this.getPostData("getwallets", usrData);
+    }
+
   /*