latest

store-front/src/app/components/my-profile/my-profile.component.html

@@ -73,6 +73,7 @@
                                 <br>
                                 <br>
                                 <div>
+                                    <p *ngIf="defaultPaymentSet">Default payment set successfully!</p>
                                     <md-tab-group (selectedIndexChange)="selectedIndexChange($event)"  [selectedIndex]="selectedBillingTab">
                                         <md-tab label="List of Credit Cards">
                                             <form (ngSubmit)="setDefaultPayment()" method="post">

store-front/src/app/components/my-profile/my-profile.component.ts

@@ -40,6 +40,7 @@ export class MyProfileComponent implements OnInit {
   private selectedBillingTab:number = 0;
 
   private defaultUserPaymentId:number;
+  private defaultPaymentSet:boolean;
 
   constructor (private paymentService:PaymentService, private loginService: LoginService, private userService: UserService, private router: Router){
   }
@@ -103,7 +104,8 @@ export class MyProfileComponent implements OnInit {
   onNewPayment () {
     this.paymentService.newPayment(this.userPayment).subscribe(
       res => {
-        location.reload();
+        this.getCurrentUser();
+        this.selectedBillingTab = 0;
       },
       error => {
         console.log(error.text());
@@ -120,7 +122,8 @@ export class MyProfileComponent implements OnInit {
   onRemovePayment(id:number) {
     this.paymentService.removePayment(id).subscribe(
       res => {
-        location.reload();
+        this.getCurrentUser();
+
       },
       error => {
         console.log(error.text());
@@ -129,10 +132,13 @@ export class MyProfileComponent implements OnInit {
   }
 
   setDefaultPayment() {
+    this.defaultPaymentSet=false;
     this.paymentService.setDefaultPayment(this.defaultUserPaymentId).subscribe(
       res => {
-        console.log(res.text());
+        this.getCurrentUser();
-        location.reload();
+        this.defaultPaymentSet=true;
+        // this.selectedProfileTab = 2;
+        // this.selectedBillingTab = 0;
       },
       error => {
         console.log(error.text());
@@ -140,6 +146,25 @@ export class MyProfileComponent implements OnInit {
       );
   }
 
+  getCurrentUser() {
+    this.userService.getCurrentUser().subscribe(
+      res => {
+        this.user=res.json();
+        this.userPaymentList = this.user.userPaymentList;
+
+        for (let index in this.userPaymentList) {
+          if (this.userPaymentList[index].defaultPayment) {
+            this.defaultUserPaymentId=this.userPaymentList[index].id;
+            return;
+          }
+        }
+      },
+      error => {
+        console.log(error);
+      }
+      );
+  }
+
   ngOnInit() {
     this.loginService.checkSession().subscribe(
       res => {
@@ -150,22 +175,7 @@ export class MyProfileComponent implements OnInit {
       }
       );
 
-    this.userService.getCurrentUser().subscribe(
+    this.getCurrentUser();
-    	res => {
-    		this.user=res.json();
-    		this.userPaymentList = this.user.userPaymentList;
-
-        for (let index in this.userPaymentList) {
-          if (this.userPaymentList[index].defaultPayment) {
-            this.defaultUserPaymentId=this.userPaymentList[index].id;
-            return;
-          }
-        }
-      },
-      error => {
-        console.log(error);
-      }
-      );
 
     for (let s in AppConst.usStates) {
     	this.stateList.push(s);
@@ -176,6 +186,7 @@ export class MyProfileComponent implements OnInit {
     this.userPayment.expiryMonth="";
     this.userPayment.expiryYear="";
     this.userPayment.userBilling = this.userBilling;
-
+    this.defaultPaymentSet=false;
+    
   }
 }