Added Error Response Handling fixed #9

src/KiteHelper/ClientApp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitehelper",
-  "version": "1.0",
+  "version": "1.1",
   "scripts": {
     "postinstall": "ngcc --properties es2015 es5 browser module main --first-only --create-ivy-entry-points",
     "install:packages": "npm install --legacy-peer-deps --location=project",

src/KiteHelper/ClientApp/src/app/@theme/components/header/header.component.ts

@@ -1,10 +1,11 @@
 import { HttpResponse, HttpErrorResponse } from '@angular/common/http';
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { NbMenuService, NbSidebarService, NbToastrService } from '@nebular/theme';
+import { NbDialogService, NbMenuService, NbSidebarService, NbToastrService } from '@nebular/theme';
 
 import { Subject } from 'rxjs';
 import { KiteApiService, ProfileResponseModel } from 'src/app/services/api/kite-api.service';
 import { RoutingHelperService } from 'src/app/services/routing-helper.service';
+import { ErrorDialogComponent } from 'src/app/shared/error-dialog/error-dialog.component';
 import { environment } from 'src/environments/environment';
 
 @Component({
@@ -34,6 +35,7 @@ export class HeaderComponent implements OnInit, OnDestroy {
     private hamburgerService: NbMenuService,
     private toastrService: NbToastrService,
     private kiteApiService: KiteApiService,
+    private dialogService: NbDialogService,
   ) { }
 
   ngOnInit() {
@@ -51,7 +53,15 @@ export class HeaderComponent implements OnInit, OnDestroy {
         }, (errorResponse: HttpErrorResponse) => {
           console.error(errorResponse);
           if (errorResponse.status > 0) {
-            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle);
+            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle, { duration: 5000 });
+            this.dialogService.open(ErrorDialogComponent,
+              {
+                hasBackdrop: true,
+                context: {
+                  errorTitle: environment.defaultErrorTitle,
+                  errorMessage: JSON.stringify(errorResponse.error),
+                },
+              });
           } else {
             this.toastrService.danger(environment.defaultErrorMessage, environment.defaultErrorTitle);
           }

src/KiteHelper/ClientApp/src/app/account/account.module.ts

@@ -9,6 +9,7 @@ import {
   NbButtonModule,
   NbCardModule,
   NbCheckboxModule,
+  NbDialogService,
   NbIconModule,
   NbInputModule,
   NbLayoutModule,
@@ -21,6 +22,7 @@ import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { NbAuthModule } from '@nebular/auth';
 import { LogoutComponent } from './logout/logout.component';
+import { SharedModule } from '../shared/shared.module';
 
 @NgModule({
   declarations: [
@@ -45,6 +47,7 @@ import { LogoutComponent } from './logout/logout.component';
     NbAuthModule,
     NbTooltipModule,
     NbToastrModule,
+    SharedModule,
   ],
 })
 export class AccountModule { }

src/KiteHelper/ClientApp/src/app/account/login/login.component.ts

@@ -1,9 +1,10 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Component, OnInit } from '@angular/core';
-import { NbToastrService } from '@nebular/theme';
+import { NbDialogService, NbToastrService } from '@nebular/theme';
 import { KiteApiService, KiteLoginResponseModel } from 'src/app/services/api/kite-api.service';
 import { CookieHelperService } from 'src/app/services/cookie-helper.service';
 import { RoutingHelperService } from 'src/app/services/routing-helper.service';
+import { ErrorDialogComponent } from 'src/app/shared/error-dialog/error-dialog.component';
 import { environment } from 'src/environments/environment';
 
 class UserNgModel {
@@ -26,6 +27,7 @@ export class LoginComponent implements OnInit {
     private toastrService: NbToastrService,
     private routingService: RoutingHelperService,
     private kiteApiService: KiteApiService,
+    private dialogService: NbDialogService,
   ) {
   }
 
@@ -52,7 +54,15 @@ export class LoginComponent implements OnInit {
         }, (errorResponse: HttpErrorResponse) => {
           console.error(errorResponse);
           if (errorResponse.status > 0) {
-            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle);
+            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle, { duration: 5000 });
+            this.dialogService.open(ErrorDialogComponent,
+              {
+                hasBackdrop: true,
+                context: {
+                  errorTitle: environment.defaultErrorTitle,
+                  errorMessage: JSON.stringify(errorResponse.error),
+                },
+              });
           } else {
             this.toastrService.danger(environment.defaultErrorMessage, environment.defaultErrorTitle);
           }

src/KiteHelper/ClientApp/src/app/dashboard/dashboard-routing.module.ts

@@ -2,7 +2,7 @@ import { RouterModule, Routes } from '@angular/router';
 import { Component, NgModule } from '@angular/core';
 
 import { DashboardComponent } from './dashboard.component';
-import { NotFoundComponent } from './shared/not-found/not-found.component';
+import { NotFoundComponent } from '../shared/not-found/not-found.component';
 
 const routes: Routes = [
   {

src/KiteHelper/ClientApp/src/app/dashboard/dashboard.module.ts

@@ -4,7 +4,7 @@ import { NbCardModule, NbIconModule, NbMenuModule, NbSpinnerModule } from '@nebu
 import { ThemeModule } from '../@theme/theme.module';
 import { DashboardComponent } from './dashboard.component';
 import { DashboardRoutingModule } from './dashboard-routing.module';
-import { SharedModule } from './shared/shared.module';
+import { SharedModule } from '../shared/shared.module';
 
 
 @NgModule({
@@ -16,7 +16,6 @@ import { SharedModule } from './shared/shared.module';
     NbCardModule,
     NbIconModule,
     NbSpinnerModule,
-    SharedModule,
   ],
   declarations: [
     DashboardComponent,

src/KiteHelper/ClientApp/src/app/dashboard/historical/download-historical-data/download-historical-data.component.ts

@@ -1,8 +1,9 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Component, Input, OnInit } from '@angular/core';
-import { NbDialogRef, NbToastrService } from '@nebular/theme';
+import { NbDialogRef, NbDialogService, NbToastrService } from '@nebular/theme';
 import { HistoricalDataResponseModel, KiteApiService, TradingSymbolResponseModel } from 'src/app/services/api/kite-api.service';
 import { HelperService } from 'src/app/services/helper.service';
+import { ErrorDialogComponent } from 'src/app/shared/error-dialog/error-dialog.component';
 import { environment } from 'src/environments/environment';
 
 @Component({
@@ -27,6 +28,7 @@ export class DownloadHistoricalDataComponent implements OnInit {
     private toastrService: NbToastrService,
     private helperService: HelperService,
     private dialogRef: NbDialogRef<DownloadHistoricalDataComponent>,
+    private dialogService: NbDialogService,
   ) {
   }
 
@@ -59,7 +61,15 @@ export class DownloadHistoricalDataComponent implements OnInit {
         }, (errorResponse: HttpErrorResponse) => {
           console.error(errorResponse);
           if (errorResponse.status > 0) {
-            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle);
+            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle, { duration: 5000 });
+            this.dialogService.open(ErrorDialogComponent,
+              {
+                hasBackdrop: true,
+                context: {
+                  errorTitle: environment.defaultErrorTitle,
+                  errorMessage: JSON.stringify(errorResponse.error),
+                },
+              });
           } else {
             this.toastrService.danger(environment.defaultErrorMessage, environment.defaultErrorTitle);
           }

src/KiteHelper/ClientApp/src/app/dashboard/historical/historical-data/historical-data.component.ts

@@ -2,6 +2,7 @@ import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { NbDialogService, NbToastrService } from '@nebular/theme';
 import { KiteApiService, TradingSymbolResponseModel } from 'src/app/services/api/kite-api.service';
+import { ErrorDialogComponent } from 'src/app/shared/error-dialog/error-dialog.component';
 import { environment } from 'src/environments/environment';
 import { DownloadHistoricalDataComponent } from '../download-historical-data/download-historical-data.component';
 
@@ -48,7 +49,15 @@ export class HistoricalDataComponent implements OnInit {
         }, (errorResponse: HttpErrorResponse) => {
           console.error(errorResponse);
           if (errorResponse.status > 0) {
-            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle);
+            this.toastrService.danger(JSON.stringify(errorResponse.error), environment.defaultErrorTitle, { duration: 5000 });
+            this.dialogService.open(ErrorDialogComponent,
+              {
+                hasBackdrop: true,
+                context: {
+                  errorTitle: environment.defaultErrorTitle,
+                  errorMessage: JSON.stringify(errorResponse.error),
+                },
+              });
           } else {
             this.toastrService.danger(environment.defaultErrorMessage, environment.defaultErrorTitle);
           }

src/KiteHelper/ClientApp/src/app/dashboard/historical/historical.module.ts

@@ -6,7 +6,7 @@ import { HistoricalDataComponent } from './historical-data/historical-data.compo
 import { HistoricalComponent } from './historical.component';
 import { NbAutocompleteModule, NbButtonModule, NbCardModule, NbDatepickerModule, NbDialogModule, NbIconModule, NbInputModule, NbRadioModule, NbSpinnerModule, NbTimepickerModule } from '@nebular/theme';
 import { FormsModule } from '@angular/forms';
-import { SharedModule } from '../shared/shared.module';
+import { SharedModule } from '../../shared/shared.module';
 import { DownloadHistoricalDataComponent } from './download-historical-data/download-historical-data.component';
 
 

src/KiteHelper/ClientApp/src/app/shared/error-dialog/error-dialog.component.html

@@ -0,0 +1,28 @@
+<nb-card>
+    <nb-card-header>
+        <div class="row">
+            <div class="col-lg-12">
+                {{errorTitle}}
+            </div>
+        </div>
+    </nb-card-header>
+    <nb-card-body>
+
+        <div class="row">
+            <div class="col-lg-12">
+                <label class="label" for="error-message">Message:</label>
+                <p style="color: red;" id="error-message">{{errorMessage}}</p>
+            </div>
+        </div>
+    </nb-card-body>
+    <nb-card-footer>
+        <div class="row">
+            <div class="col-lg-12">
+                <button nbButton fullWidth status="warning" size="large" (click)="copyToClipboard();">
+                    <nb-icon icon="copy-outline"></nb-icon>
+                    Copy Message
+                </button>
+            </div>
+        </div>
+    </nb-card-footer>
+</nb-card>

src/KiteHelper/ClientApp/src/app/shared/error-dialog/error-dialog.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Clipboard } from '@angular/cdk/clipboard';
+
+@Component({
+  selector: 'app-error-dialog',
+  templateUrl: './error-dialog.component.html',
+  styleUrls: ['./error-dialog.component.css'],
+})
+export class ErrorDialogComponent implements OnInit {
+
+  @Input() public errorTitle: string;
+  @Input() public errorMessage: string;
+
+  constructor(private clipboard: Clipboard) { }
+
+  ngOnInit(): void {
+  }
+
+  copyToClipboard(): void {
+    this.clipboard.copy(this.errorMessage);
+  }
+
+}

src/KiteHelper/ClientApp/src/app/dashboard/shared/shared.module.ts → src/KiteHelper/ClientApp/src/app/shared/shared.module.ts

@@ -1,19 +1,21 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NotFoundComponent } from './not-found/not-found.component';
-import { NbAlertModule, NbButtonModule, NbCardModule, NbProgressBarModule, NbSpinnerModule } from '@nebular/theme';
+import { NbAlertModule, NbButtonModule, NbCardModule, NbIconModule, NbProgressBarModule, NbSpinnerModule } from '@nebular/theme';
 import { TradingSymbolComponent } from './trading-symbol/trading-symbol.component';
+import { ErrorDialogComponent } from './error-dialog/error-dialog.component';
 
 
 @NgModule({
-  declarations: [NotFoundComponent, TradingSymbolComponent],
+  declarations: [NotFoundComponent, TradingSymbolComponent, ErrorDialogComponent],
   imports: [
     CommonModule,
     NbCardModule,
     NbButtonModule,
     NbAlertModule,
     NbSpinnerModule,
     NbProgressBarModule,
+    NbIconModule
   ],
   exports: [
     NotFoundComponent,

src/KiteHelper/ClientApp/src/app/dashboard/shared/trading-symbol/trading-symbol.component.scss → src/KiteHelper/ClientApp/src/app/shared/trading-symbol/trading-symbol.component.scss

@@ -1,4 +1,4 @@
-@import "../../../@theme/styles/themes";
+@import "../../@theme/styles/themes";
 
 @include nb-install-component() {
   .trading-symbol {