From 12fc5a31fc7f801e297f32abc29cfaeb67de4486 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sat, 4 Nov 2023 09:04:37 -0400
Subject: [PATCH] Delete card

---
 .../pages/familymember/familymember.page.html |  8 ++---
 .../pages/familymember/familymember.page.scss |  9 ++++++
 src/app/pages/payment/payment.page.html       | 32 +++++++++----------
 src/app/pages/payment/payment.page.ts         | 28 ++++++++++++++--
 4 files changed, 55 insertions(+), 22 deletions(-)

diff --git a/src/app/pages/familymember/familymember.page.html b/src/app/pages/familymember/familymember.page.html
index 309e2fe..8892654 100644
--- a/src/app/pages/familymember/familymember.page.html
+++ b/src/app/pages/familymember/familymember.page.html
@@ -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>
diff --git a/src/app/pages/familymember/familymember.page.scss b/src/app/pages/familymember/familymember.page.scss
index a4232ef..65b90f8 100644
--- a/src/app/pages/familymember/familymember.page.scss
+++ b/src/app/pages/familymember/familymember.page.scss
@@ -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 {
diff --git a/src/app/pages/payment/payment.page.html b/src/app/pages/payment/payment.page.html
index b95dad3..791cae7 100644
--- a/src/app/pages/payment/payment.page.html
+++ b/src/app/pages/payment/payment.page.html
@@ -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">-->
+<!--&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>-->
 
-    <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>
 
diff --git a/src/app/pages/payment/payment.page.ts b/src/app/pages/payment/payment.page.ts
index 64125f9..0fa0247 100644
--- a/src/app/pages/payment/payment.page.ts
+++ b/src/app/pages/payment/payment.page.ts
@@ -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();
+    }
 }