Delete card
This commit is contained in:
@@ -97,12 +97,12 @@
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-toolbar *ngIf="toolBarShow == '1' ">
|
||||
<ion-buttons slot="end">
|
||||
<ion-button size="small" fill="solid" color="secondary" shape="round" (click)="startAddfund(item)">
|
||||
Add Fund
|
||||
<ion-buttons class="actions" slot="end">
|
||||
<ion-button size="small" fill="solid" color="secondary" shape="round" (click)="startAddfund(item)">
|
||||
Reward
|
||||
<ion-icon name="chevron-forward-circle-outline"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-button size="small" fill="solid" shape="round" (click)="startWalletPlan()">Plans
|
||||
<ion-button size="small" fill="solid" shape="round" (click)="startWalletPlan()">Plan Account
|
||||
<ion-icon name="chevron-forward-circle-outline"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
|
||||
@@ -196,6 +196,15 @@ ion-content {
|
||||
background-color: white;
|
||||
ion-toolbar{
|
||||
--ion-background-color: white;
|
||||
border-radius: 10px;
|
||||
.actions{
|
||||
ion-button{
|
||||
font-size: 14px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.text {
|
||||
|
||||
@@ -27,22 +27,22 @@
|
||||
|
||||
<!-- <ion-label class="color_text">$40</ion-label>-->
|
||||
|
||||
<div class="items">
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>9876 Students</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>2.5 hours</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>Certificate</ion-label>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<!-- <div class="items">-->
|
||||
<!--<!– <div class="stud">–>-->
|
||||
<!--<!– <ion-icon slot="start" name="people" color="primary"></ion-icon>–>-->
|
||||
<!--<!– <ion-label>9876 Students</ion-label>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– <div class="stud">–>-->
|
||||
<!--<!– <ion-icon slot="start" name="time" color="primary"></ion-icon>–>-->
|
||||
<!--<!– <ion-label>2.5 hours</ion-label>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– <div class="stud">–>-->
|
||||
<!--<!– <ion-icon slot="start" name="document-text" color="primary"></ion-icon>–>-->
|
||||
<!--<!– <ion-label>Certificate</ion-label>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<ion-segment [(ngModel)]="tabs">
|
||||
<ion-segment class="common_segment" [(ngModel)]="tabs">
|
||||
<ion-segment-button value="cards">
|
||||
<ion-label>Cards</ion-label>
|
||||
</ion-segment-button>
|
||||
@@ -66,7 +66,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="trash-outline" color="danger"></ion-icon>
|
||||
<ion-icon name="trash-outline" color="danger" (click)="deleteCard(item)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { NavController } from '@ionic/angular';
|
||||
import {AlertController, NavController} from '@ionic/angular';
|
||||
import { Router } from '@angular/router';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import {SessionDataProviderService} from "../../store/session-data-provider.service";
|
||||
@@ -16,7 +16,8 @@ export class PaymentPage implements OnInit {
|
||||
private router: Router,
|
||||
private navctr: NavController,
|
||||
public sessionDataProviderService: SessionDataProviderService,
|
||||
private wrenchService: WrenchService
|
||||
private wrenchService: WrenchService,
|
||||
private alertController: AlertController
|
||||
) { }
|
||||
|
||||
ngOnInit() {
|
||||
@@ -83,4 +84,27 @@ export class PaymentPage implements OnInit {
|
||||
|
||||
}
|
||||
|
||||
async deleteCard(item){
|
||||
const alert = await this.alertController.create({
|
||||
header: "Delete Card",
|
||||
message: "Confirm you are ready delete the card ?",
|
||||
buttons: [
|
||||
{
|
||||
text: "Cancel",
|
||||
role: "cancel",
|
||||
handler: () => {
|
||||
// this.getMyOffersData();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: "Delete",
|
||||
handler: () => {
|
||||
// this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
// this.router.navigate(['logout']);
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
await alert.present();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user