From 1da7e939ef8a10e507055a5871149c7a7b065a99 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Mon, 27 Nov 2023 19:53:39 -0500 Subject: [PATCH] ass credit flutterwave --- .../accounts/addcredit/addcredit.page.html | 72 ++++++++++++++++--- .../accounts/addcredit/addcredit.page.scss | 2 +- src/app/accounts/addcredit/addcredit.page.ts | 42 +++++++++++ src/app/app.module.ts | 3 +- src/app/pages/myfiles/myfiles.page.html | 17 +++-- 5 files changed, 118 insertions(+), 18 deletions(-) diff --git a/src/app/accounts/addcredit/addcredit.page.html b/src/app/accounts/addcredit/addcredit.page.html index 080ed1e..a1d93e9 100644 --- a/src/app/accounts/addcredit/addcredit.page.html +++ b/src/app/accounts/addcredit/addcredit.page.html @@ -19,11 +19,11 @@ -
-
- -
-
+ + + + +
@@ -89,19 +89,73 @@ + + + + + + + - Payment + Payment + + + + + Cards + + + + + + + New Card + + + + + + + + + + + + + + + + + + + - + {{item.description}} **** **** **** {{item.digits}} - + - {{recipient_name}} + + + + + + + + + + + + + + + + + diff --git a/src/app/accounts/addcredit/addcredit.page.scss b/src/app/accounts/addcredit/addcredit.page.scss index a5e0298..6437622 100644 --- a/src/app/accounts/addcredit/addcredit.page.scss +++ b/src/app/accounts/addcredit/addcredit.page.scss @@ -12,7 +12,7 @@ ion-content { } .back_image { width: 100%; - height: 110px; + height: 80px; .back { font-size: 25px; diff --git a/src/app/accounts/addcredit/addcredit.page.ts b/src/app/accounts/addcredit/addcredit.page.ts index 50f9d1e..75dfa94 100644 --- a/src/app/accounts/addcredit/addcredit.page.ts +++ b/src/app/accounts/addcredit/addcredit.page.ts @@ -6,6 +6,7 @@ import {WrenchService} from "../../services/wrench.service"; import {BlogDataService} from "../../store/blog-data.service"; import {UserWalletService} from "../../store/user-wallet.service"; import {Unary} from "@angular/compiler"; +import {Flutterwave, AsyncPaymentOptions} from "flutterwave-angular-v3" @Component({ selector: 'app-addcredit', @@ -26,6 +27,29 @@ export class AddcreditPage implements OnInit { isModalOpen:boolean = false; isModalOpenBackdrop:boolean = false; + + + publicKey = "FLWPUBK_TEST-XXXXXXXXX"; + + customerDetails = { name: 'Demo Customer Name', email: 'customer@mail.com', phone_number: '08100000000'} + + customizations = {title: 'Customization Title', description: 'Customization Description', logo: 'https://flutterwave.com/images/logo-colored.svg'} + + meta = {'counsumer_id': '7898', 'consumer_mac': 'kjs9s8ss7dd'} + + paymentData : AsyncPaymentOptions = { + public_key: this.publicKey, + tx_ref: this.generateReference(), + amount: 10, + currency: 'NGN', + payment_options: 'card,ussd', + meta: this.meta, + customer: this.customerDetails, + customizations: this.customizations, + } + + + constructor(private navctr: NavController, private router: Router, public sessionDataProviderService: SessionDataProviderService, @@ -33,6 +57,7 @@ export class AddcreditPage implements OnInit { public blogDataService: BlogDataService, private loadingCtrl: LoadingController, public alertController: AlertController, + /* private flutterwave: Flutterwave,*/ public userWalletService: UserWalletService) { this.walletData = this.router.getCurrentNavigation().extras.state; if ( this.walletData != undefined ){ @@ -86,6 +111,19 @@ export class AddcreditPage implements OnInit { } + payViaPromise() { + // this.flutterwave.asyncInlinePay(this.paymentData).then( + // (response) =>{ + // console.log("Promise Res" , response) + // this.flutterwave.closePaymentModal(5) + // } + // ) + } + generateReference(): string { + let date = new Date(); + return date.getTime().toString(); + } + startCreditData:{ member_id:number, @@ -195,6 +233,10 @@ export class AddcreditPage implements OnInit { duration: 3500, }); + if(this.processor == 3030){ + debugger; + this.payViaPromise(); + } if (this.processor == 5000){ this.isProcessDisabled = true; this.payPevCreditData={ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 1e777ac..e6ed480 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -9,10 +9,11 @@ import { AppComponent } from './app.component'; import { HttpClientModule } from '@angular/common/http'; import { BnNgIdleService } from 'bn-ng-idle'; // import bn-ng-idle service +//import { FlutterwaveModule} from "flutterwave-angular-v3" @NgModule({ declarations: [AppComponent], - imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule + imports: [BrowserModule,/*FlutterwaveModule,*/ IonicModule.forRoot(), AppRoutingModule, HttpClientModule ], providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },BnNgIdleService], bootstrap: [AppComponent], diff --git a/src/app/pages/myfiles/myfiles.page.html b/src/app/pages/myfiles/myfiles.page.html index 4e7b0d2..c9296cb 100644 --- a/src/app/pages/myfiles/myfiles.page.html +++ b/src/app/pages/myfiles/myfiles.page.html @@ -14,11 +14,11 @@ -
-
- -
-
+ + + + +
@@ -37,10 +37,13 @@ +
+ +