blog items
This commit is contained in:
CHIEFSOFT\ameye
@@ -143,15 +143,30 @@
|
||||
<ion-label class="bold_text">Recommended Blog</ion-label>
|
||||
<ion-label class="color_text" (click)="allBlog()">See all</ion-label>
|
||||
</div>
|
||||
<div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
|
||||
<div class="blog_list">
|
||||
<div class="detail">
|
||||
<ion-label class="name">{{item.post_title}}</ion-label>
|
||||
</div>
|
||||
<div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
|
||||
</div>
|
||||
<!-- <ion-icon slot ="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
|
||||
</div>
|
||||
|
||||
<ion-grid>
|
||||
<ion-row class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
|
||||
<ion-col>
|
||||
<div class="detail">
|
||||
<ion-label class="name">{{item.post_title}}</ion-label>
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col size="auto">
|
||||
<div style="width: 95px; height: 95px; border-radius: 10px" class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'">
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<!-- <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">-->
|
||||
<!-- <div class="blog_list">-->
|
||||
<!-- <div class="detail">-->
|
||||
<!-- <ion-label class="name">{{item.post_title}}</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <!– <ion-icon slot ="end" name="bookmark-outline" class="save" color="primary"></ion-icon>–>-->
|
||||
<!-- </div>-->
|
||||
</ng-template>
|
||||
|
||||
|
||||
|
||||
@@ -324,7 +324,15 @@ ion-content {
|
||||
}
|
||||
&.bg_alice{
|
||||
background-color: aliceblue;
|
||||
padding: 5px;
|
||||
padding: 1px;
|
||||
ion-row{
|
||||
padding:1px;
|
||||
}
|
||||
.detail{
|
||||
font-size: 14px;
|
||||
font-weight: bolder;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
@@ -400,6 +408,9 @@ ion-content {
|
||||
}
|
||||
.banner_image{
|
||||
min-width: 90px;
|
||||
//float: right;
|
||||
//display: flex;
|
||||
//justify-content: flex-end
|
||||
}
|
||||
.detail {
|
||||
margin-left: 10px;
|
||||
|
||||
@@ -7,431 +7,434 @@
|
||||
</div>
|
||||
|
||||
<div class="ion-padding">
|
||||
<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>
|
||||
|
||||
|
||||
<ion-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_code}})</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</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>Recipient</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-select 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>
|
||||
<!-- <ion-label>{{recipient_name}}</ion-label>-->
|
||||
</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>-->
|
||||
|
||||
<!--<!– <ion-item>–>-->
|
||||
<!--<!– <ion-select-option value="" >Select Recipient</ion-select-option>–>-->
|
||||
<!--<!–<!– <ion-select 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>–>–>-->
|
||||
<!--<!–<!– <ion-label>{{recipient_name}}</ion-label>–>–>-->
|
||||
<!--<!– </ion-item>–>-->
|
||||
|
||||
<!-- <div>-->
|
||||
<!-- <ion-select 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>-->
|
||||
<!-- <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>
|
||||
<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>
|
||||
<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>
|
||||
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>Recipient</ion-col>
|
||||
</ion-row>
|
||||
<!-- <ion-row>-->
|
||||
<!-- <ion-col>-->
|
||||
<!-- <ion-select 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>-->
|
||||
<!-- <!– <ion-label>{{recipient_name}}</ion-label>–>-->
|
||||
<!-- </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)="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>
|
||||
<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>
|
||||
<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>
|
||||
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>Recipient</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
{{recipient_name}}
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col class="intr">Confirmation</ion-col>
|
||||
<ion-col>
|
||||
{{confirmation}}
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
Estimated delivery time is 2 to 4 Hours.
|
||||
</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 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>
|
||||
|
||||
|
||||
<ion-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_code}})</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</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>Recipient</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-select 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>
|
||||
<!-- <ion-label>{{recipient_name}}</ion-label>-->
|
||||
</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>-->
|
||||
|
||||
<!--<!– <ion-item>–>-->
|
||||
<!--<!– <ion-select-option value="" >Select Recipient</ion-select-option>–>-->
|
||||
<!--<!–<!– <ion-select 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>–>–>-->
|
||||
<!--<!–<!– <ion-label>{{recipient_name}}</ion-label>–>–>-->
|
||||
<!--<!– </ion-item>–>-->
|
||||
|
||||
<!-- <div>-->
|
||||
<!-- <ion-select 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>-->
|
||||
<!-- <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>
|
||||
<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>
|
||||
<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>
|
||||
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>Recipient</ion-col>
|
||||
</ion-row>
|
||||
<!-- <ion-row>-->
|
||||
<!-- <ion-col>-->
|
||||
<!-- <ion-select 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>-->
|
||||
<!-- <!– <ion-label>{{recipient_name}}</ion-label>–>-->
|
||||
<!-- </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)="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>
|
||||
<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>
|
||||
<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>
|
||||
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total_display' [readonly]="true"></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>Recipient</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
{{recipient_name}}
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col class="intr">Confirmation</ion-col>
|
||||
<ion-col>
|
||||
{{confirmation}}
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
Estimated delivery time is 2 to 4 Hours.
|
||||
</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 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>
|
||||
</ion-content>
|
||||
|
||||
Reference in New Issue
Block a user