sca card failure warning

src/app/settings/adjust-storage.component.ts

@@ -6,6 +6,11 @@ import {
     ViewChild,
 } from '@angular/core';
 
+import {
+    ActivatedRoute,
+    Router,
+} from '@angular/router';
+
 import { ToasterService } from 'angular2-toaster';
 import { Angulartics2 } from 'angulartics2';
 
@@ -36,7 +41,8 @@ export class AdjustStorageComponent {
     formPromise: Promise<any>;
 
     constructor(private apiService: ApiService, private i18nService: I18nService,
-        private analytics: Angulartics2, private toasterService: ToasterService) { }
+        private analytics: Angulartics2, private toasterService: ToasterService,
+        private router: Router, private activatedRoute: ActivatedRoute) { }
 
     async submit() {
         try {
@@ -68,7 +74,12 @@ export class AdjustStorageComponent {
             this.analytics.eventTrack.next({ action: this.add ? 'Added Storage' : 'Removed Storage' });
             this.onAdjusted.emit(this.storageAdjustment);
             if (paymentFailed) {
-                // TOOD: go to billing page
+                this.toasterService.popAsync({
+                    body: this.i18nService.t('couldNotChargeCardPayInvoice'),
+                    type: 'warning',
+                    timeout: 10000,
+                });
+                this.router.navigate(['../billing'], { relativeTo: this.activatedRoute });
             } else {
                 this.toasterService.popAsync('success', null,
                     this.i18nService.t('adjustedStorage', request.storageGbAdjustment.toString()));