WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

fix page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-08-17 17:45:40 -04:00
parent 4793fe04de
commit 12abce6313
8 changed files with 940 additions and 1097 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/accounts/addbank/addbank.page.html
+52 -23
View File
@@ -14,85 +14,114 @@
</ion-toolbar>
</ion-header>
<ion-content>
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/redeem.jpg)'">
<div class="ion-padding">
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
<div class="bg_image back_image"
[style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/redeem.jpg)'">
<div class="ion-padding">
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
</div>
</div>
</div>
<div class="boxed_contents">
<div class="about">
<div>
<ion-card>
<!-- <ion-card-header>-->
<!-- <ion-card-title>Add New {{currency_code}} Account</ion-card-title>-->
<!-- &lt;!&ndash; <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>&ndash;&gt;-->
<!-- </ion-card-header>-->
<!-- <ion-card-header>-->
<!-- <ion-card-title>Add New {{currency_code}} Account</ion-card-title>-->
<!-- &lt;!&ndash; <ion-card-subtitle>Redeem from {{currency_code}} Wallet</ion-card-subtitle>&ndash;&gt;-->
<!-- </ion-card-header>-->
<ion-card-header>
<ion-card-subtitle><span style="color: #0b5e86;"> Add New Redeem Bank Account</span>
</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-grid class="send-grid">
<ion-row>
<ion-col class="intrl">Bank Name</ion-col>
<ion-col class="intrl">Bank Name :</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-select placeholder="Select Bank" [(ngModel)]='sel_bank' size="block">
<ion-select placeholder="Select Bank" [(ngModel)]='sel_bank' size="block">
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<ion-select-option value="{{item.code}}" *ngFor="let item of countryBanksData">{{item.name}} - ({{item.code}})</ion-select-option>
<ion-select-option value="{{item.code}}"
*ngFor="let item of countryBanksData">{{item.name}} -
({{item.code}})
</ion-select-option>
</ion-select>
<!-- <ion-label>{{recipient_name}}</ion-label>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intrl">Account Type</ion-col>
<ion-col class="intrl">Account Type :</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-select placeholder="Account Type" [(ngModel)]='acc_type' size="block">
<ion-select placeholder="Account Type" [(ngModel)]='acc_type' size="block">
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<ion-select-option value="{{item.value}}" *ngFor="let item of accountTypesData">{{item.name}}</ion-select-option>
<ion-select-option value="{{item.value}}"
*ngFor="let item of accountTypesData">{{item.name}}</ion-select-option>
</ion-select>
<!-- <ion-label>{{recipient_name}}</ion-label>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Account No :</ion-col>
<ion-col class="intr">Account No (10 digits) :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshAccNo()" type="text" label="Amount(ggg)" placeholder="Enter Account No" [(ngModel)]='account_no'></ion-input>
<ion-input (ionChange)="refreshAccNo()" type="text" label="Amount(ggg)"
placeholder="Enter Account No" [(ngModel)]='account_no'></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Confirm Account No : </ion-col>
<ion-col class="intr">Confirm Account No :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshAccNo()" type="text" label="Amount(ggg)" placeholder="Confirm No" [(ngModel)]='confirm_account_no'></ion-input>
<ion-input (ionChange)="refreshAccNo()" type="text" label="Amount(ggg)"
placeholder="Confirm Account No"
[(ngModel)]='confirm_account_no'></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col><hr style="color: red; height: 3px;" /></ion-col>
<ion-col>
<hr style="color: red; height: 3px;"/>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">City :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshAccNo()" type="text" label="City" placeholder="Enter City" value="{{account_city}}" [(ngModel)]='account_city'></ion-input>
<ion-input (ionChange)="refreshAccNo()" type="text" label="City"
placeholder="Enter City" value="{{account_city}}"
[(ngModel)]='account_city'></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">State :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshAccNo()" type="text" label="State" placeholder="State" value="{{account_state}}" [(ngModel)]='account_state'></ion-input>
<ion-input (ionChange)="refreshAccNo()" type="text" label="State"
placeholder="State" value="{{account_state}}"
[(ngModel)]='account_state'></ion-input>
</ion-col>
</ion-row>
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- <ion-button expand="block" shape="round" color="secondary"-->
<!-- (click)="addRecipientAccount()"-->
<!-- [disabled]="isDisabled"-->
<!-- >Add Account</ion-button>-->
<!-- </ion-col>-->
<!-- </ion-row>-->
</ion-grid>
<ion-grid>
<ion-row>
<ion-col>
<ion-button expand="block" shape="round" color="secondary"
(click)="addRecipientAccount()"
[disabled]="isDisabled"
>Add Account</ion-button>
>Add Account
</ion-button>
</ion-col>
</ion-row>
src/app/pages/payment/payment.page.html
+104 -140
View File
@@ -1,162 +1,126 @@
<ion-header mode="ios" class="ion-no-border">
<ion-toolbar>
<ion-buttons slot="start" (click)="onBack()">
<ion-button>
<ion-icon name="arrow-back-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>Card & Accounts</ion-title>
</ion-toolbar>
<ion-toolbar>
<ion-buttons slot="start" (click)="onBack()">
<ion-button>
<ion-icon name="arrow-back-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>Cards & Accounts</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<div class="boxed_contents">
<div class="flex">
<!-- <ion-label class="bold_text">Card & Accounts</ion-label>-->
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<div class="boxed_contents">
<div class="row">
<!-- <ion-label class="bg_text">3D Design</ion-label>-->
<!-- <div class="rate">-->
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<!-- <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
<!-- </div>-->
</div>
<ion-segment class="common_segment" [(ngModel)]="tabs">
<ion-segment-button value="cards">
<ion-label>Cards</ion-label>
</ion-segment-button>
<ion-segment-button value="accounts">
<ion-label>Accounts</ion-label>
</ion-segment-button>
<ion-segment-button value="history">
<ion-label>History</ion-label>
</ion-segment-button>
</ion-segment>
<!-- <ion-label class="color_text">$40</ion-label>-->
<div *ngIf="tabs =='cards'" class="lesson">
<!-- <div class="items">-->
<!--&lt;!&ndash; <div class="stud">&ndash;&gt;-->
<!--&lt;!&ndash; <ion-icon slot="start" name="people" color="primary"></ion-icon>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-label>9876 Students</ion-label>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="stud">&ndash;&gt;-->
<!--&lt;!&ndash; <ion-icon slot="start" name="time" color="primary"></ion-icon>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-label>2.5 hours</ion-label>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="stud">&ndash;&gt;-->
<!--&lt;!&ndash; <ion-icon slot="start" name="document-text" color="primary"></ion-icon>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-label>Certificate</ion-label>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<div class="video" *ngFor="let item of usersCardsData">
<div class="left">
<div class="bg_image men_image"
[style.backgroundImage]="'url(assets/images/cards/credit-card.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.description}} **** **** **** {{item.digits}}</ion-label>
<ion-label class="grey_text">Added : {{item.added | date }}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="trash-outline" color="danger" (click)="deleteCard(item)"></ion-icon>
</div>
</div>
<ion-segment class="common_segment" [(ngModel)]="tabs">
<ion-segment-button value="cards">
<ion-label>Cards</ion-label>
</ion-segment-button>
<ion-segment-button value="accounts">
<ion-label>Accounts</ion-label>
</ion-segment-button>
<ion-segment-button value="history">
<ion-label>History</ion-label>
</ion-segment-button>
</ion-segment>
<div *ngIf="tabs =='cards'" class="lesson">
<div class="video" *ngFor="let item of usersCardsData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/credit-card.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.description}} **** **** **** {{item.digits}}</ion-label>
<ion-label class="grey_text">Added : {{item.added | date }}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="trash-outline" color="danger" (click)="deleteCard(item)"></ion-icon>
<div *ngIf="tabs =='accounts'" class="lesson">
<div class="video" *ngFor="let item of myRecipientsData">
<div class="left">
<div class="bg_image men_image" style="min-width: 45px;"
[style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.recipient}}</ion-label>
<ion-label class="grey_text"><span
style="color: #0b5e86; font-weight: bolder;"> Added:</span> {{item.added | date}}
</ion-label>
</div>
</div>
<div class="right" style="width: 40px;">
<ion-icon style="min-width: 35px;" name="trash-outline" color="danger"
(click)="deleteBank(item)"></ion-icon>
</div>
</div>
</div>
<div *ngIf="tabs =='history'" class="lesson">
</div>
</div>
</div>
<div *ngIf="tabs =='accounts'" class="lesson">
<div class="sec">
<!-- <ion-label class="grey">Section 1 - Introduction</ion-label>-->
<!-- <ion-label class="color">15 min</ion-label>-->
</div>
<!-- <ion-label class="head_text">Choose payment methods</ion-label>-->
<div class="video" *ngFor="let item of myRecipientsData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/paypal.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Paypal</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<div class="text">
<ion-label class="bold_text">{{item.recipient}}</ion-label>
<ion-label class="grey_text">{{item.added | date}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="trash-outline" color="danger"></ion-icon>
</div>
</div>
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/google.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Google Pay</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/apple.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Apple Pay</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<div *ngIf="tabs =='history'" class="lesson">
</div>
</div>
<!-- <ion-label class="head_text">Choose payment methods</ion-label>-->
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/paypal.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Paypal</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/google.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Google Pay</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/apple.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Apple Pay</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/visa.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">**** **** **** 8998</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <div style="display: flex; align-items: center;">-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/visa.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">**** **** **** 8998</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <ion-label class="connect">Connected</ion-label>-->
<!-- </div>-->
<!-- </div>-->
</ion-content>
src/app/pages/payment/payment.page.ts
+72 -61
View File
@@ -1,76 +1,82 @@
import {AlertController, NavController} from '@ionic/angular';
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';
import {Component, OnInit} from '@angular/core';
import {SessionDataProviderService} from "../../store/session-data-provider.service";
import {WrenchService} from "../../services/wrench.service";
@Component({
selector: 'app-payment',
templateUrl: './payment.page.html',
styleUrls: ['./payment.page.scss'],
selector: 'app-payment',
templateUrl: './payment.page.html',
styleUrls: ['./payment.page.scss'],
})
export class PaymentPage implements OnInit {
tabs = 'cards';
constructor(
private router: Router,
private navctr: NavController,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService,
private alertController: AlertController
) { }
tabs = 'cards';
ngOnInit() {
this.getUsersCardsList();
this.getMyRecipientsData();
}
constructor(
private router: Router,
private navctr: NavController,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService,
private alertController: AlertController
) {
}
onAddCard() {
this.router.navigate(['new-card']);
}
ngOnInit() {
this.getUsersCardsList();
this.getMyRecipientsData();
}
onBack() {
this.navctr.back();
}
onAddCard() {
this.router.navigate(['new-card']);
}
usrData: {
action:number, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
};
onBack() {
this.navctr.back();
}
usersCardsTotalData:any;
usersCardsData: [];
getUsersCardsList(){
this.usrData =
{
action:11055,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0
};
usrData: {
action: number, member_id: number, uid: string, sessionid: string, limit: 20, page: 1, offset: 0
};
this.wrenchService.getusersCardList(this.usrData).subscribe(
usersCardsTotalData => {
this.usersCardsTotalData = usersCardsTotalData;
console.log("usersCardsTotalData TOTAL RETURN->", this.usersCardsTotalData);
this.usersCardsData = this.usersCardsTotalData.result_list;
// debugger;
console.log("usersCardsData RETURN DATA->", this.usersCardsData);
//this.total_family = this.familyData.length;
}
);
usersCardsTotalData: any;
usersCardsData: [];
}
getUsersCardsList() {
this.usrData =
{
action: 11055,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1, offset: 0
};
myRecipientsTotalData:any;
myRecipientsData:any;
getMyRecipientsData(){
this.usrData = {action:11175,
this.wrenchService.getusersCardList(this.usrData).subscribe(
usersCardsTotalData => {
this.usersCardsTotalData = usersCardsTotalData;
console.log("usersCardsTotalData TOTAL RETURN->", this.usersCardsTotalData);
this.usersCardsData = this.usersCardsTotalData.result_list;
// debugger;
console.log("usersCardsData RETURN DATA->", this.usersCardsData);
//this.total_family = this.familyData.length;
}
);
}
myRecipientsTotalData: any;
myRecipientsData: any;
getMyRecipientsData() {
this.usrData = {
action: 11175,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,
offset: 0}
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1,
offset: 0
}
this.wrenchService.recipientAccount(this.usrData).subscribe(
myRecipientsTotalData => {
@@ -84,15 +90,20 @@ export class PaymentPage implements OnInit {
}
cardDelData:{
action : number,
card_uid : string,
cardDelData: {
action: number,
card_uid: string,
member_id: number,
sessionid : string,
sessionid: string,
uid: string
}
myDeleteCardResult:any;
async deleteCard(item){
myDeleteCardResult: any;
async deleteBank(item) {
}
async deleteCard(item) {
const alert = await this.alertController.create({
header: "Delete Card",
message: "Confirm you are ready delete the card ?",
src/app/pages/profile/profile.page.html
+1 -1
View File
@@ -145,7 +145,7 @@
<ion-item lines="none" (click)="onPayment()">
<ion-icon name="wallet-outline" color="dark"></ion-icon>
<ion-label>Card & Accounts</ion-label>
<ion-label>Cards & Accounts</ion-label>
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
</ion-item>
src/app/pages/redeem/redeem.page.html
+278 -464
View File
@@ -6,474 +6,288 @@
</ion-button>
</ion-buttons>
<ion-buttons slot="end">
<!-- <ion-button>-->
<!-- <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
<!-- </ion-button>-->
</ion-buttons>
<ion-title>{{currency_description}} Wallet</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/redeem.jpg)'">
<div class="ion-padding">
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
<div class="bg_image back_image"
[style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/redeem.jpg)'">
<div class="ion-padding">
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
</div>
</div>
<div class="ion-padding">
<div class="boxed_contents">
<ion-label class="color_text">
Wallet Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>
<div class="items">
</div>
<ion-segment class="common_segment" [(ngModel)]="tabs">
<ion-segment-button value="bank_redeem">
<ion-label>Redeem</ion-label>
</ion-segment-button>
<ion-segment-button value="lesson">
<ion-label>My Banks</ion-label>
</ion-segment-button>
<ion-segment-button value="reports">
<ion-label>Reports</ion-label>
</ion-segment-button>
</ion-segment>
<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 your {{currency_code}} Wallet</ion-card-title>-->
<ion-card-subtitle><span style="color: #0b5e86;">Redeem from your {{currency_code}}
Wallet</span></ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount ({{currency_description}}) :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshFee()" type="number" label="Amount(ggg)"
placeholder="Enter Amount" [(ngModel)]='amount'></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Processing Fee :</ion-col>
<ion-col>
<ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee_display'
[readonly]="true"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total ({{currency_description}}) :</ion-col>
<ion-col>
<ion-input label="Total" type="number" placeholder="0"
[(ngModel)]='total_display' [readonly]="true"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intrl">Sending to Account (Recipient) :</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-select (ionChange)="checkSelectVal()" placeholder="Select Recipient"
[(ngModel)]='recipient' size="block">
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<ion-select-option value="{{item.recipient_uid}}"
*ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>
<!-- <ion-select-option value="ADD_NEW_RECIP" >Add Recipient</ion-select-option>-->
</ion-select>
<!-- <ion-label>{{recipient_name}}</ion-label>-->
</ion-col>
<!-- <ion-col size="3" style="text-align: right;">-->
<!-- <ion-button style="padding: 0px; font-size: 90%; font-weight: bolder;"-->
<!-- (click)="addNewBank()">-->
<!-- <ion-icon slot="icon-only" name="add"></ion-icon>-->
<!-- </ion-button>-->
<!-- </ion-col>-->
</ion-row>
<ion-row style="padding-top: 10px;">
<ion-col class="intrl" style="padding: 0 10px 0 10px">
<ion-button expand="full" shape="round"
style="padding: 0px; font-size: 90%; font-weight: bolder;"
(click)="addNewBank()">
Add New Recipient Account
</ion-button>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
{{recipient_name}}
</ion-col>
</ion-row>
</ion-grid>
<ion-grid>
<ion-row style="padding-top: 10px;">
<ion-col>
<ion-button expand="block" shape="round" color="secondary"
(click)="contineRedeem()">Continue
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</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-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount({{currency_code}})</ion-col>
<ion-col>
<div class="result-amount">{{amount}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Fee</ion-col>
<ion-col>
<div class="result-amount">{{fee_display}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total</ion-col>
<ion-col>
<div class="result-amount">{{total_display}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Recipient</ion-col>
<ion-col>
<div class="result-recipient">{{recipient_name}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button expand="block"
shape="round"
color="secondary"
(click)="confirmRedeem()"
[disabled]="isDisabled"
>Confirm
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</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-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount({{currency_code}})</ion-col>
<ion-col>
<div class="result-amount">{{amount}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Fee</ion-col>
<ion-col>
<div class="result-amount">{{fee_display}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total</ion-col>
<ion-col>
<div class="result-amount">{{total_display}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Recipient</ion-col>
<ion-col>
<div class="result-recipient">{{recipient_name}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Confirmation</ion-col>
<ion-col>
<div class="result-amount">{{confirmation}}</div>
</ion-col>
</ion-row>
<ion-row *ngIf="confirmation !=''; ">
<ion-col>
Estimated delivery time is 2 to 4 Hours.
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button expand="block" shape="round" color="secondary" (click)="onBack()">
Return
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</ion-card-content>
</ion-card>
</div>
</div>
<div *ngIf="tabs =='lesson'" class="lesson">
<div class="sec">
<ion-label class="grey">My Recipient Banks</ion-label>
<ion-label class="color">
<ion-button size="small" shape="round" (click)="addNewBank()">Add New</ion-button>
</ion-label>
</div>
<div class="video" *ngFor="let item of myRecipientsData">
<div class="left">
<div class="bg_image men_image"
[style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.recipient}}</ion-label>
<ion-label class="grey_text">Added : {{item.added | date}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="trash-outline" color="danger"></ion-icon>
</div>
</div>
</div>
<div *ngIf="tabs =='reports'" class="lesson">
<div class="video" *ngFor="let item of paymentData">
<div class="left">
<div class="bg_image men_image"
[style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
<div class="text">
<div class="bold_text" [innerHTML]="item.recipient"></div>
<ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ion-padding">
<div class="boxed_contents">
<!-- <div class="flex">-->
<!-- <ion-label class="bold_text">{{currency_description}} Wallet</ion-label>-->
<!-- </div>-->
<ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>
<div class="items">
</div>
<ion-segment class="common_segment" [(ngModel)]="tabs">
<ion-segment-button value="bank_redeem">
<ion-label>To Bank</ion-label>
</ion-segment-button>
<ion-segment-button value="lesson">
<ion-label>My Banks</ion-label>
</ion-segment-button>
<ion-segment-button value="reports">
<ion-label>Reports</ion-label>
</ion-segment-button>
</ion-segment>
<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-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount ({{currency_description}}) :</ion-col>
<ion-col>
<ion-input (ionChange)="refreshFee()" type="number" label="Amount(ggg)" placeholder="Enter Amount" [(ngModel)]='amount'></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Fee :</ion-col>
<ion-col>
<ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee_display' [readonly]="true"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total ({{currency_description}}) :</ion-col>
<ion-col>
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intrl">Sending to (recipient) :</ion-col>
</ion-row>
<ion-row>
<ion-col size="9" >
<ion-select (ionChange)= "checkSelectVal()" placeholder="Select Recipient" [(ngModel)]='recipient' size="block">
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>
<!-- <ion-select-option value="ADD_NEW_RECIP" >Add Recipient</ion-select-option>-->
</ion-select>
<!-- <ion-label>{{recipient_name}}</ion-label>-->
</ion-col>
<ion-col size="3" style="text-align: right;">
<ion-button style="padding: 0px; font-size: 90%; font-weight: bolder;" (click)="addNewBank()">
<ion-icon slot="icon-only" name="add"></ion-icon>
</ion-button>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
{{recipient_name}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button expand="block" shape="round" color="secondary" (click)="contineRedeem()">Continue</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<!-- <ion-list>-->
<!-- <ion-item>-->
<!-- <ion-label>Amount({{currency_code}})</ion-label>-->
<!-- <ion-input (ionChange)="refreshFee()" type="number" label="Amount(ggg)" placeholder="Enter Amount" [(ngModel)]='amount'></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label >Fee</ion-label>-->
<!-- <ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee_display' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>Total</ion-label>-->
<!-- <ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!--&lt;!&ndash; <ion-item>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash; <ion-select placeholder="Select Recipient" [(ngModel)]='recipient' size="block">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash; <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash; <ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash; </ion-select>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash; <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash; </ion-item>&ndash;&gt;-->
<!-- <div>-->
<!-- <ion-select placeholder="Select Recipient" [(ngModel)]='recipient' size="block">-->
<!-- &lt;!&ndash; <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;-->
<!-- <ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>-->
<!-- </ion-select>-->
<!-- <ion-label>{{recipient_name}}</ion-label>-->
<!-- </div>-->
<!-- </ion-list>-->
</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="Fee" type="number" placeholder="0" value="{{amount}}" [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label >Fee</ion-label>-->
<!-- <ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>Total</ion-label>-->
<!-- <ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>To:</ion-label>-->
<!-- <ion-label>{{recipient_name}}</ion-label>-->
<!-- </ion-item>-->
<!-- </ion-list>-->
<!-- <ion-button expand="block" color="secondary" (click)="confirmRedeem()">Confirm</ion-button>-->
<ion-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount({{currency_code}})</ion-col>
<ion-col>
<div class="result-amount">{{amount}}</div>
<!-- <ion-input label="Fee" type="number" placeholder="0" value="{{amount}}" [readonly]="true"></ion-input>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Fee</ion-col>
<ion-col>
<div class="result-amount">{{fee_display}}</div>
<!-- <ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee_display' [readonly]="true"></ion-input>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total</ion-col>
<ion-col>
<div class="result-amount">{{total_display}}</div>
<!-- <ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Recipient</ion-col>
<ion-col>
<div class="result-recipient">{{recipient_name}}</div>
</ion-col>
</ion-row>
<!-- &lt;!&ndash; <ion-row>&ndash;&gt;-->
<!-- &lt;!&ndash; <ion-col>&ndash;&gt;-->
<!-- &lt;!&ndash; <ion-select placeholder="Select Recipient" [(ngModel)]='recipient' size="block">&ndash;&gt;-->
<!-- &lt;!&ndash; &lt;!&ndash; <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;&ndash;&gt;-->
<!-- &lt;!&ndash; <ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>&ndash;&gt;-->
<!-- &lt;!&ndash; </ion-select>&ndash;&gt;-->
<!-- &lt;!&ndash; &lt;!&ndash; <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;&ndash;&gt;-->
<!-- &lt;!&ndash; </ion-col>&ndash;&gt;-->
<!-- &lt;!&ndash; </ion-row>&ndash;&gt;-->
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- {{recipient_name}}-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<ion-row>
<ion-col>
<ion-button expand="block"
shape="round"
color="secondary"
(click)="confirmRedeem()"
[disabled]="isDisabled"
>Confirm</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</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-grid class="send-grid">
<ion-row>
<ion-col class="intr">Amount({{currency_code}})</ion-col>
<ion-col>
<div class="result-amount">{{amount}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Fee</ion-col>
<ion-col>
<div class="result-amount">{{fee_display}}</div>
<!-- <ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee_display' [readonly]="true"></ion-input>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Total</ion-col>
<ion-col>
<div class="result-amount">{{total_display}}</div>
<!-- <ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>-->
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Recipient</ion-col>
<ion-col>
<div class="result-recipient">{{recipient_name}}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="intr">Confirmation</ion-col>
<ion-col>
<div class="result-amount">{{confirmation}}</div>
</ion-col>
</ion-row>
<ion-row *ngIf="confirmation !=''; ">
<ion-col>
Estimated delivery time is 2 to 4 Hours.
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button expand="block" shape="round" color="secondary" (click)="onBack()">Return</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<!-- <ion-list>-->
<!-- <ion-item>-->
<!-- <ion-label>Amount({{currency_code}})</ion-label>-->
<!-- <ion-input label="Amount" type="number" placeholder="0" value="{{amount| number : '1.2-2'}}" [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label >Fee</ion-label>-->
<!-- <ion-input label="Fee" type="number" placeholder="0" [(ngModel)]='fee' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>Total</ion-label>-->
<!-- <ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total' [readonly]="true"></ion-input>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>Recipient</ion-label>-->
<!-- <ion-label>{{recipient_name}}</ion-label>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label>Confirmation</ion-label>-->
<!-- <ion-label>{{confirmation}}</ion-label>-->
<!-- </ion-item>-->
<!-- </ion-list>-->
</ion-card-content>
</ion-card>
</div>
</div>
<div *ngIf="tabs =='lesson'" class="lesson">
<div class="sec">
<ion-label class="grey">My Recipient Banks</ion-label>
<ion-label class="color">
<ion-button size="small" shape="round" (click)="addNewBank()">Add New</ion-button>
</ion-label>
</div>
<div class="video" *ngFor="let item of myRecipientsData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
<div class="text">
<ion-label class="bold_text">{{item.recipient}}</ion-label>
<ion-label class="grey_text">Added : {{item.added | date}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="trash-outline" color="danger"></ion-icon>
</div>
</div>
<!-- <div class="video" *ngFor="let item of [1,2]">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Most Popular Courses</ion-label>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 1 - Introduction</ion-label>-->
<!-- <ion-label class="color">15 min</ion-label>-->
<!-- </div>-->
<!-- <div class="video" *ngFor="let item of [1,2]">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 2 - Figma Basic</ion-label>-->
<!-- <ion-label class="color">60 min</ion-label>-->
<!-- </div>-->
<!-- <div class="video" *ngFor="let item of [1,2,3,4,5,6]">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Section 3 - Let's Practice</ion-label>-->
<!-- <ion-label class="color">75 min</ion-label>-->
<!-- </div>-->
<!-- <div class="video" *ngFor="let item of [1,2,3,4,5,6]">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="lock-closed-outline"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div *ngIf="tabs =='reports'" class="lesson">
<div class="video" *ngFor="let item of paymentData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
<div class="text">
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
<!-- <ion-label class="grey_text">10 mins</ion-label>-->
<div class="bold_text" [innerHTML]="item.recipient"></div>
<ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
</div>
</div>
<div class="right">
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
</div>
</div>
<!-- <div class="total">-->
<!-- <div class="star-rate">-->
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<!-- <ion-label class="bold">4.8 (5456 Reviews)</ion-label>-->
<!-- </div>-->
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
</div>
</div>
</div>
</ion-content>
<!--<ion-footer>-->
<!-- <ion-toolbar>-->
<!-- <div class="button" (click)="onBack()">-->
<!-- <ion-label class="text">Return</ion-label>-->
<!-- </div>-->
<!-- </ion-toolbar>-->
<!--</ion-footer>-->
src/app/pages/redeem/redeem.page.scss
+9 -7
View File
@@ -1,11 +1,13 @@
ion-content {
ion-card{
ion-card {
margin: 10px 0px 10px 0px;
}
ion-card-title{
ion-card-title {
font-size: 18px;
}
.back_image {
width: 100%;
height: 110px;
@@ -16,7 +18,7 @@ ion-content {
}
}
.result-recipient{
.result-recipient {
width: 160px;
text-align: right;
background-color: white;
@@ -26,7 +28,7 @@ ion-content {
border-radius: 10px;
}
.result-amount{
.result-amount {
width: 160px;
text-align: right;
background-color: white;
@@ -35,6 +37,7 @@ ion-content {
padding: 5px;
border-radius: 10px;
}
//.send-grid{
// background-color: #eff2f4;
// border-radius: 10px;
@@ -87,8 +90,8 @@ ion-content {
.color_text {
margin-top: 10px;
font-size: 22px;
font-family: 'semi-bold';
font-size: 20px;
font-weight: bolder;
color: var(--ion-color-primary);
}
@@ -389,7 +392,6 @@ ion-content {
}
.bold_text {
font-size: 20px;
font-family: 'bold';
src/app/pages/redeem/redeem.page.ts
+292 -281
View File
@@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core';
import {Component, OnInit} from '@angular/core';
import {AlertController, LoadingController, NavController} from "@ionic/angular";
import {Router} from "@angular/router";
import {SessionDataProviderService} from "../../store/session-data-provider.service";
@@ -6,301 +6,312 @@ import {WrenchService} from "../../services/wrench.service";
import {RecipientsService} from "../../store/recipients.service";
@Component({
selector: 'app-redeem',
templateUrl: './redeem.page.html',
styleUrls: ['./redeem.page.scss'],
selector: 'app-redeem',
templateUrl: './redeem.page.html',
styleUrls: ['./redeem.page.scss'],
})
export class RedeemPage implements OnInit {
walletData:any;
tabs = 'bank_redeem';
curr_balance:number =0;
currency_description : string='';
currency_code:string='';
wallet_uid:string='';
isDisabled:boolean=false;
walletData: any;
tabs = 'bank_redeem';
curr_balance: number = 0;
currency_description: string = '';
currency_code: string = '';
wallet_uid: string = '';
isDisabled: boolean = false;
constructor(
private navctr: NavController,
private router: Router,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService,
private alertController: AlertController,
private loadingCtrl: LoadingController,
public recipientsService: RecipientsService
) {
this.walletData = this.router.getCurrentNavigation().extras.state;
if ( this.walletData != undefined ){
this.curr_balance = this.walletData.amount*0.01;
this.currency_code = this.walletData.code;
this.currency_description = this.walletData.description;
this.wallet_uid= this.walletData.wallet_uid;
}
else{
this.onBack();
}
}
myRecipientsData:any;
ngOnInit() {
//this.recipientsService.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.getMyRecipientsData();
this.getPaymentHxData();
//this.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.myRecipientsData;
}
ionViewDidEnter(){
console.log('Home page did enter - > ionViewDidEnter ');
//this.recipientsService.getMyRecipientsData();
this.getMyRecipientsData();
}
ionViewWillEnter(){
console.log('Home page did enter - > ionViewWillEnter');
//this.recipientsService.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.myRecipientsData;
}
onBack() {
this.navctr.back();
}
usrData: {
action:number, member_id: number,
uid: string,
sessionid: string,
limit:20, page:1,
offset: 0,
amount: number
};
paymentHxData:any;
paymentData: [];
getPaymentHxData(){
this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0, amount: 0}
this.wrenchService.getPaymentHx(this.usrData).subscribe(
paymentHxData => {
this.paymentHxData = paymentHxData;
console.log("PAH HX RETURN->", this.paymentHxData);
this.paymentData = this.paymentHxData.result_list;
// debugger;
console.log("BANNERS RETURN DATA->", this.paymentData);
// this.blogDataService.setBlogData(this.blogResult.blog_data);
constructor(
private navctr: NavController,
private router: Router,
public sessionDataProviderService: SessionDataProviderService,
private wrenchService: WrenchService,
private alertController: AlertController,
private loadingCtrl: LoadingController,
public recipientsService: RecipientsService
) {
this.walletData = this.router.getCurrentNavigation().extras.state;
if (this.walletData != undefined) {
this.curr_balance = this.walletData.amount * 0.01;
this.currency_code = this.walletData.code;
this.currency_description = this.walletData.description;
this.wallet_uid = this.walletData.wallet_uid;
} else {
this.onBack();
}
);
}
myRecipientsData: any;
ngOnInit() {
//this.recipientsService.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.getMyRecipientsData();
this.getPaymentHxData();
//this.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.myRecipientsData;
}
ionViewDidEnter() {
console.log('Home page did enter - > ionViewDidEnter ');
//this.recipientsService.getMyRecipientsData();
this.getMyRecipientsData();
}
ionViewWillEnter() {
console.log('Home page did enter - > ionViewWillEnter');
//this.recipientsService.getMyRecipientsData();
this.myRecipientsData = this.recipientsService.myRecipientsData;
}
onBack() {
this.navctr.back();
}
usrData: {
action: number, member_id: number,
uid: string,
sessionid: string,
limit: 20, page: 1,
offset: 0,
amount: number
};
paymentHxData: any;
paymentData: [];
getPaymentHxData() {
this.usrData = {
action: 11200, member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1, offset: 0, amount: 0
}
this.wrenchService.getPaymentHx(this.usrData).subscribe(
paymentHxData => {
this.paymentHxData = paymentHxData;
console.log("PAH HX RETURN->", this.paymentHxData);
this.paymentData = this.paymentHxData.result_list;
// debugger;
console.log("BANNERS RETURN DATA->", this.paymentData);
// this.blogDataService.setBlogData(this.blogResult.blog_data);
}
);
}
/*
array (size=5)
'member_id' => int 1
'sessionid' => string '936571FD2E081B667930E7FFDF4D819938171883CA0CC951DC6C4FB184280EB3' (length=64)
'uid' => string '3119b744-42ad-4834-bb83-b737588754ca' (length=36)
'amount' => int 816
'action' => int 33025
/var/www/html/public/wrenchboard/wrenchboard_class.php:209:
array (size=4)
'processing_fee' => string '12008' (length=5)
'result' => string 'YES I GET TO BACK END' (length=21)
'total_amount' => string '12824' (length=5)
'internal_return' => int 12008
*/
amount: number = 0;
fee: number = 0;
fee_display: string;
total: number = 0;
total_display: string;
recipient: string = '';
recipient_name: string = '';
feeReturn: any;
refreshFee() {
this.total = this.fee = 0;
console.log("Refresh Fee******************");
this.usrData = {
action: 33025,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1, offset: 0, amount: this.amount * 100
}
if (this.amount <= 0) return;
this.wrenchService.sendMoneyFee(this.usrData).subscribe(
feeReturn => {
this.feeReturn = feeReturn;
if (this.feeReturn != null && this.feeReturn.processing_fee >= 0) {
this.fee = this.feeReturn.processing_fee * 0.01;
var num = new Number(this.fee);
this.fee_display = num.toFixed(2);
// parseFloat("123.456").toFixed(2);
this.total = this.feeReturn.total_amount * 0.01;
var numt = new Number(this.total);
this.total_display = numt.toFixed(2);
}
}
);
// this.total = this.fee + this.amount;
}
curr_page: string = 'redeem_start'
recipient_uid: string = '';
contineRedeem() {
if (this.recipient == '') {
//alert("Select Recipient");
this.showAlert("Error", "Select Recipient");
return;
}
if (this.amount <= 0) {
this.showAlert("Error", "Enter valid Amount");
//alert("Enter Amount");
return;
}
if (this.curr_balance < this.total) {
this.showAlert("Error", "Enter Amount less than your wallet");
//alert("Enter Amount less than your wallet");
return;
}
const selRecipient = this.myRecipientsData.filter((item) => item.recipient_uid == this.recipient);
if (selRecipient?.length == 1 && this.amount > 0) {
this.recipient_uid = selRecipient[0].recipient_uid;
this.recipient_name = selRecipient[0].recipient;
this.curr_page = 'redeem_confirm';
}
}
checkSelectVal() {
if (this.recipient == 'ADD_NEW_RECIP') {
this.addNewBank();
this.recipient = '';
}
}
async showAlert(mtitle: string, amessage: string) {
const alert = await this.alertController.create({
header: 'WrenchBoard',
subHeader: mtitle,
message: amessage,
buttons: ['OK'],
});
await alert.present();
}
/*
{
"recipient": "Olu Ameye 0690000034 Access Bank",
"account_no": "0690000034",
"recipient_id": "3",
"recipient_uid": "6bba49e2-dd92-403e-9459-927e37c852ef",
"country": "NG",
"added": "2017-03-22 11:55:25.133006",
"bank_name": "Access Bank",
"bank_uid": "a2c6c1a2-5cf2-4396-8630-50c47da15316"
}
/*
array (size=5)
array (size=9)
'member_id' => int 1
'sessionid' => string '936571FD2E081B667930E7FFDF4D819938171883CA0CC951DC6C4FB184280EB3' (length=64)
'uid' => string '3119b744-42ad-4834-bb83-b737588754ca' (length=36)
'amount' => int 816
'action' => int 33025
/var/www/html/public/wrenchboard/wrenchboard_class.php:209:
array (size=4)
'processing_fee' => string '12008' (length=5)
'result' => string 'YES I GET TO BACK END' (length=21)
'total_amount' => string '12824' (length=5)
'internal_return' => int 12008
'wallet_uid' => string 'cc0f8743-3f18-4214-ba4b-781e5dda9cb8' (length=36)
'amount' => int 240800
'Fee' => float 2408
'recipient_uid' => string 'bfd7dc27-e2a6-4d52-957b-789fdb660eec' (length=36)
'mode' => int 100
'action' => int 33020
this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0, amount: 0}
*/
amount:number =0;
fee:number = 0;
fee_display: string;
total:number = 0;
total_display: string;
recipient:string ='';
recipient_name:string ='';
feeReturn: any;
refreshFee(){
this.total = this.fee = 0;
console.log("Refresh Fee******************");
this.usrData = {action:33025,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0, amount: this.amount*100}
if (this.amount <= 0 ) return;
this.wrenchService.sendMoneyFee(this.usrData).subscribe(
feeReturn => {
this.feeReturn = feeReturn;
if ( this.feeReturn != null && this.feeReturn.processing_fee >= 0 ){
this.fee = this.feeReturn.processing_fee*0.01;
var num = new Number(this.fee);
this.fee_display = num.toFixed(2);
// parseFloat("123.456").toFixed(2);
this.total = this.feeReturn.total_amount*0.01;
var numt = new Number(this.total);
this.total_display= numt.toFixed(2);
}
}
);
// this.total = this.fee + this.amount;
}
curr_page:string= 'redeem_start'
recipient_uid:string = '';
contineRedeem(){
if (this.recipient == ''){
//alert("Select Recipient");
this.showAlert("Error","Select Recipient");
return;
}
if (this.amount <= 0 ) {
this.showAlert("Error","Enter valid Amount");
//alert("Enter Amount");
return;
}
if (this.curr_balance < this.total){
this.showAlert("Error","Enter Amount less than your wallet");
//alert("Enter Amount less than your wallet");
return;
}
const selRecipient = this.myRecipientsData.filter((item) => item.recipient_uid == this.recipient);
if ( selRecipient.length == 1 && this.amount > 0){
this.recipient_uid = selRecipient[0].recipient_uid;
this.recipient_name = selRecipient[0].recipient;
this.curr_page ='redeem_confirm';
}
}
checkSelectVal(){
if (this.recipient == 'ADD_NEW_RECIP'){
this.addNewBank();
this.recipient='';
}
}
async showAlert(mtitle: string, amessage: string) {
const alert = await this.alertController.create({
header: 'WrenchBoard',
subHeader: mtitle,
message: amessage,
buttons: ['OK'],
});
await alert.present();
}
/*
{
"recipient": "Olu Ameye 0690000034 Access Bank",
"account_no": "0690000034",
"recipient_id": "3",
"recipient_uid": "6bba49e2-dd92-403e-9459-927e37c852ef",
"country": "NG",
"added": "2017-03-22 11:55:25.133006",
"bank_name": "Access Bank",
"bank_uid": "a2c6c1a2-5cf2-4396-8630-50c47da15316"
}
array (size=9)
'member_id' => int 1
'sessionid' => string '936571FD2E081B667930E7FFDF4D819938171883CA0CC951DC6C4FB184280EB3' (length=64)
'uid' => string '3119b744-42ad-4834-bb83-b737588754ca' (length=36)
'wallet_uid' => string 'cc0f8743-3f18-4214-ba4b-781e5dda9cb8' (length=36)
'amount' => int 240800
'Fee' => float 2408
'recipient_uid' => string 'bfd7dc27-e2a6-4d52-957b-789fdb660eec' (length=36)
'mode' => int 100
'action' => int 33020
this.usrData = {action:11200, member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid, sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,offset: 0, amount: 0}
*/
sendMoneyData: {
action:number,
member_id: number,
uid: string,
sessionid: string,
wallet_uid:string,
recipient_uid:string,
amount:number,
Fee:number,
mode: 100,
};
sendMoneyResult:any;
confirmation:string ='';
async confirmRedeem(){
const loading = await this.loadingCtrl.create({
message: 'Sending...',
duration: 8500,
});
this.isDisabled = true;
this.sendMoneyData = {
action:33020,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
wallet_uid: this.wallet_uid,
recipient_uid: this.recipient_uid,
amount: this.amount*100,
Fee:this.fee*100,
mode: 100,
sendMoneyData: {
action: number,
member_id: number,
uid: string,
sessionid: string,
wallet_uid: string,
recipient_uid: string,
amount: number,
Fee: number,
mode: 100,
};
loading.present();
this.wrenchService.sendMoneyAction(this.sendMoneyData).subscribe(
sendMoneyResult => {
loading.dismiss();
this.sendMoneyResult = sendMoneyResult;
//
// "status_message": "tranfer_amount_limit_error",
// "internal_return": -1,
//
if ( this.sendMoneyResult!.internal_return != null && this.sendMoneyResult.internal_return > 0 ){
console.log("sendMoneyResult RETURN->", this.sendMoneyResult);
this.confirmation = this.sendMoneyResult.confirmation;
}
else{
this.confirmation = "Unable to Process.";
this.showAlert("Error",this.sendMoneyResult.status_message);
}
this.curr_page ='redeem_result';
sendMoneyResult: any;
confirmation: string = '';
async confirmRedeem() {
const loading = await this.loadingCtrl.create({
message: 'Sending...',
duration: 8500,
});
this.isDisabled = true;
this.sendMoneyData = {
action: 33020,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
wallet_uid: this.wallet_uid,
recipient_uid: this.recipient_uid,
amount: this.amount * 100,
Fee: this.fee * 100,
mode: 100,
};
loading.present();
this.wrenchService.sendMoneyAction(this.sendMoneyData).subscribe(
sendMoneyResult => {
loading.dismiss();
this.sendMoneyResult = sendMoneyResult;
//
// "status_message": "tranfer_amount_limit_error",
// "internal_return": -1,
//
if (this.sendMoneyResult!.internal_return != null && this.sendMoneyResult.internal_return > 0) {
console.log("sendMoneyResult RETURN->", this.sendMoneyResult);
this.confirmation = this.sendMoneyResult.confirmation;
} else {
this.confirmation = "Unable to Process.";
this.showAlert("Error", this.sendMoneyResult.status_message);
}
this.curr_page = 'redeem_result';
}
);
}
myRecipientsTotalData: any;
getMyRecipientsData() {
this.usrData = {
action: 11175,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
limit: 20, page: 1,
offset: 0, amount: 0
}
);
}
myRecipientsTotalData:any;
getMyRecipientsData(){
this.usrData = {action:11175,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session ,
limit:20, page:1,
offset: 0, amount: 0}
this.wrenchService.recipientAccount(this.usrData).subscribe(
myRecipientsTotalData => {
this.myRecipientsTotalData = myRecipientsTotalData;
console.log("myRecipientsTotalData RETURN->", this.myRecipientsTotalData);
this.myRecipientsData = this.myRecipientsTotalData.result_list;
// debugger;
console.log("myRecipientsData RETURN DATA->", this.myRecipientsData);
}
);
}
this.wrenchService.recipientAccount(this.usrData).subscribe(
myRecipientsTotalData => {
this.myRecipientsTotalData = myRecipientsTotalData;
console.log("myRecipientsTotalData RETURN->", this.myRecipientsTotalData);
this.myRecipientsData = this.myRecipientsTotalData.result_list;
// debugger;
console.log("myRecipientsData RETURN DATA->", this.myRecipientsData);
}
);
}
addNewBank(){
// debugger;
this.router.navigate(['addbank'],{state: this.walletData});
}
addNewBank() {
// debugger;
this.router.navigate(['addbank'], {state: this.walletData});
}
}
src/app/pages/transaction/transaction.page.html
+132 -120
View File
@@ -10,92 +10,104 @@
</ion-header>
<ion-content>
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p2.jpg)'">-->
<!-- <div class="ion-padding">-->
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p2.jpg)'">-->
<!-- <div class="ion-padding">-->
<!-- <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<div class="boxed_contents">
<div *ngIf="account_type=='FAMILY';">
<ion-card class="kids_wallet_card" *ngFor="let item of walletData; let i = index">
<ion-card-header>
<ion-card-title>{{item.description}} Wallet</ion-card-title>
<ion-card-subtitle> <span class="balance_line"> {{item.amount*0.01 | number : '1.2-2'}} </span>{{item.description}}</ion-card-subtitle>
</ion-card-header>
<ion-card class="kids_wallet_card" *ngFor="let item of walletData; let i = index">
<ion-card-header>
<ion-card-title>{{item.description}} Wallet</ion-card-title>
<ion-card-subtitle><span
class="balance_line"> {{item.amount * 0.01 | number : '1.2-2'}} </span>{{item.description}}
</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-grid>
<ion-row>
<ion-col>
<ion-card-content>
<ion-grid>
<ion-row>
<ion-col>
</ion-col>
<ion-col>
</ion-col>
<ion-col>
</ion-col>
<ion-col style="text-align: right;">
<!-- <ion-button size="small" expand="block">Add Credit</ion-button>-->
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >
<ion-button color="secondary" expand="block" (click)="startFamilyRedeem(item)">Redeem</ion-button>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-card-content>
</ion-card>
</ion-col>
<ion-col style="text-align: right;">
<!-- <ion-button size="small" expand="block">Add Credit</ion-button>-->
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' ">
<ion-button color="secondary" expand="block" (click)="startFamilyRedeem(item)">
Redeem
</ion-button>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-card-content>
</ion-card>
</div>
<!-- <ion-card *ngFor="let item of walletData; let i = index">-->
<!-- <ion-card-header>-->
<!-- <ion-card-title>{{item.description}}</ion-card-title>-->
<!-- <ion-card-subtitle> <span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-card-subtitle>-->
<!-- </ion-card-header>-->
<!-- <ion-card *ngFor="let item of walletData; let i = index">-->
<!-- <ion-card-header>-->
<!-- <ion-card-title>{{item.description}}</ion-card-title>-->
<!-- <ion-card-subtitle> <span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-card-subtitle>-->
<!-- </ion-card-header>-->
<!-- <ion-card-content>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- <div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >-->
<!-- <ion-button color="secondary" expand="block" (click)="startRedeem(item)">Redeem</ion-button>-->
<!-- </div>-->
<!-- </ion-col>-->
<!-- <ion-col></ion-col>-->
<!-- <ion-col>-->
<!-- &lt;!&ndash; <ion-button size="small" expand="block">Add Credit</ion-button>&ndash;&gt;-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </ion-card-content>-->
<!-- </ion-card>-->
<!-- <ion-card-content>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col>-->
<!-- <div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >-->
<!-- <ion-button color="secondary" expand="block" (click)="startRedeem(item)">Redeem</ion-button>-->
<!-- </div>-->
<!-- </ion-col>-->
<!-- <ion-col></ion-col>-->
<!-- <ion-col>-->
<!-- &lt;!&ndash; <ion-button size="small" expand="block">Add Credit</ion-button>&ndash;&gt;-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </ion-card-content>-->
<!-- </ion-card>-->
<div class="ion-padding" *ngIf="account_type=='FULL';">
<div class="lesson">
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Wallet(s)</ion-label>-->
<!-- &lt;!&ndash; <ion-label class="color">.</ion-label>&ndash;&gt;-->
<!-- </div>-->
<!-- <div class="flex">-->
<!-- <ion-label class="bold">Wallet(s)</ion-label>-->
<!-- &lt;!&ndash; <ion-label class="color">.</ion-label>&ndash;&gt;-->
<!-- </div>-->
<ion-accordion-group>
<ion-accordion *ngFor="let item of walletData" value="{{item.wallet_uid}}">
<ion-item class="arcord_head" slot="header" color="secondary">
<ion-label><span style="font-weight: bolder; color: #8b198e">{{item.description}}</span> Balance {{item.amount*0.01 | number : '1.2-2'}}</ion-label>
<ion-label><span style="font-weight: bolder; color: #8b198e">{{item.description}}</span>
Balance {{item.amount * 0.01 | number : '1.2-2'}}</ion-label>
</ion-item>
<div class="ion-padding acc-item" slot="content">
<div class="ion-padding acc-item" slot="content">
<div class="video wallets">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>
<div class="bg_image men_image"
[style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>
</div>
<div class="text">
<ion-label class="bold_text">{{item.description}}</ion-label>
<ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>
<ion-label class="grey_text"><span
class="balance_line">Balance {{item.amount * 0.01 | number : '1.2-2'}} </span>
</ion-label>
<ion-grid>
<ion-row>
<ion-col></ion-col>
<ion-col>
<ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>
<ion-button size="small" shape="round" expand="block"
(click)="addCredit(item)">Add Credit
</ion-button>
</ion-col>
<ion-col>
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >
<ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' ">
<ion-button color="success" shape="round" size="small"
expand="block" (click)="startRedeem(item)">Redeem
</ion-button>
</div>
</ion-col>
@@ -108,58 +120,59 @@
</div>
</ion-accordion>
<!-- <ion-accordion value="second">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Second Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Second Content</div>-->
<!-- </ion-accordion>-->
<!-- <ion-accordion value="third">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Third Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Third Content</div>-->
<!-- </ion-accordion>-->
<!-- <ion-accordion value="second">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Second Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Second Content</div>-->
<!-- </ion-accordion>-->
<!-- <ion-accordion value="third">-->
<!-- <ion-item slot="header" color="light">-->
<!-- <ion-label>Third Accordion</ion-label>-->
<!-- </ion-item>-->
<!-- <div class="ion-padding" slot="content">Third Content</div>-->
<!-- </ion-accordion>-->
</ion-accordion-group>
<!-- <div class="video wallets" *ngFor="let item of walletData">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>-->
<!-- </div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">{{item.description}}</ion-label>-->
<!-- <ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col></ion-col>-->
<!-- <ion-col>-->
<!-- <ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>-->
<!-- </ion-col>-->
<!-- <div class="video wallets" *ngFor="let item of walletData">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>-->
<!-- </div>-->
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">{{item.description}}</ion-label>-->
<!-- <ion-label class="grey_text"><span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-label>-->
<!-- <ion-grid>-->
<!-- <ion-row>-->
<!-- <ion-col></ion-col>-->
<!-- <ion-col>-->
<!-- <ion-button size="small" shape="round" expand="block" (click)="addCredit(item)">Add Credit</ion-button>-->
<!-- </ion-col>-->
<!-- <ion-col>-->
<!-- <div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >-->
<!-- <ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>-->
<!-- </div>-->
<!-- </ion-col>-->
<!-- <ion-col>-->
<!-- <div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >-->
<!-- <ion-button color="success" shape="round" size="small" expand="block" (click)="startRedeem(item)">Redeem</ion-button>-->
<!-- </div>-->
<!-- </ion-col>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </div>-->
<!-- </div>-->
<!-- </ion-row>-->
<!-- </ion-grid>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="lesson">
<div class="flex">
<ion-label class="bold">Recent Transactions</ion-label>
<ion-label class="bold">Recent Redeem Transactions</ion-label>
<!-- <ion-label class="color">.</ion-label>-->
</div>
<div class="video" *ngFor="let item of paymentData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
<div class="bg_image men_image"
[style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
<div class="text">
<!-- <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
@@ -172,45 +185,44 @@
</div>
</div>
<!-- <div class="right">-->
<!-- <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>-->
<!-- </div>-->
</div>
</div>
</div>
<!-- <ion-list>-->
<!-- <ion-list-header>-->
<!-- <ion-label>Recent Transactions</ion-label>-->
<!-- </ion-list-header>-->
<!-- <ion-list>-->
<!-- <ion-list-header>-->
<!-- <ion-label>Recent Transactions</ion-label>-->
<!-- </ion-list-header>-->
<!-- <ion-item>-->
<!-- <ion-label>-->
<!-- <ion-item>-->
<!-- <ion-label>-->
<!-- <div class="bg_white" *ngFor="let item of paymentData;">-->
<!-- <div class="list">-->
<!-- <div class="detail">-->
<!-- &lt;!&ndash; <div dangerouslySetInnerHTML={{__html: item.recipient}}></div>&ndash;&gt;-->
<!-- &lt;!&ndash; <ion-label class="name">{{item.recipient}}</ion-label>&ndash;&gt;-->
<!-- <div class="bold_text" [innerHTML]="item.recipient"></div>-->
<!-- <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>-->
<!-- <div class="bg_white" *ngFor="let item of paymentData;">-->
<!-- <div class="list">-->
<!-- <div class="detail">-->
<!-- &lt;!&ndash; <div dangerouslySetInnerHTML={{__html: item.recipient}}></div>&ndash;&gt;-->
<!-- &lt;!&ndash; <ion-label class="name">{{item.recipient}}</ion-label>&ndash;&gt;-->
<!-- <div class="bold_text" [innerHTML]="item.recipient"></div>-->
<!-- <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <ion-label class="receipt" (click)="onReceipt(item)"><ion-icon name="chevron-forward-outline"></ion-icon></ion-label>&ndash;&gt;-->
<!-- <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <ion-label class="receipt" (click)="onReceipt(item)"><ion-icon name="chevron-forward-outline"></ion-icon></ion-label>&ndash;&gt;-->
<!-- <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>-->
<!-- </div>-->
<!-- </ion-label>-->
<!-- </ion-item>-->
<!-- </ion-list>-->
<!-- </ion-label>-->
<!-- </ion-item>-->
<!-- </ion-list>-->
</div>
</ion-content>
<!--<div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>-->