feat: TTA-115 implement notification when the endpoint fails for a sl…

…ow connection

src/app/modules/activities-management/store/activity-management.effects.ts

@@ -9,13 +9,15 @@ import { ToastrService } from 'ngx-toastr';
 import * as actions from './activity-management.actions';
 import { Activity, ActivityStatus } from './../../shared/models/activity.model';
 import { ActivityService } from './../services/activity.service';
+import { StatusNetworkService } from '../../shared/services/status-network.service';
 
 @Injectable()
 export class ActivityEffects {
   constructor(
     private actions$: Actions,
     private activityService: ActivityService,
-    private toastrService: ToastrService
+    private toastrService: ToastrService,
+    private statusNetworkService: StatusNetworkService
   ) { }
 
   @Effect()
@@ -27,7 +29,7 @@ export class ActivityEffects {
           return new actions.LoadActivitiesSuccess(activities);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadActivitiesFail(error));
         })
       )
@@ -45,7 +47,7 @@ export class ActivityEffects {
           return new actions.CreateActivitySuccess(activityData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.CreateActivityFail(error));
         })
       )
@@ -66,7 +68,7 @@ export class ActivityEffects {
           return new actions.ArchiveActivitySuccess(activity);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.ArchiveActivityFail(error));
         })
       )
@@ -84,7 +86,7 @@ export class ActivityEffects {
           return new actions.UpdateActivitySuccess(activityData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UpdateActivityFail(error));
         })
       )
@@ -106,7 +108,7 @@ export class ActivityEffects {
           return new actions.UnarchiveActivitySuccess(activityData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UnarchiveActivityFail(error));
         })
       )

src/app/modules/customer-management/components/projects-type/services/project-type.service.ts

@@ -15,10 +15,7 @@ export class ProjectTypeService {
 
   getProjectTypes(customerId: any): Observable<ProjectType[]> {
     const params = new HttpParams().set('customer_id', customerId.customerId);
-    return this.http.get<ProjectType[]>(this.baseUrl, { params }).pipe(map((data: { status: any; }) => {
-      console.log("Here will be return response code Ex :200", data.status)
-      return data.status
-        }));
+    return this.http.get<ProjectType[]>(this.baseUrl, { params });
   }
 
   createProjectType(projectTypeData): Observable<any> {

src/app/modules/customer-management/components/projects-type/store/project-type.effects.ts

@@ -9,13 +9,15 @@ import * as actions from './project-type.actions';
 import { ProjectType } from '../../../../shared/models';
 import { ProjectTypeService } from '../services/project-type.service';
 import { ToastrService } from 'ngx-toastr';
+import { StatusNetworkService } from '../../../../shared/services/status-network.service';
 
 @Injectable()
 export class ProjectTypeEffects {
   constructor(
     private actions$: Actions,
     private projectTypeService: ProjectTypeService,
-    private toastrService: ToastrService
+    private toastrService: ToastrService,
+    private statusNetworkService: StatusNetworkService
   ) { }
 
   @Effect()
@@ -27,7 +29,7 @@ export class ProjectTypeEffects {
           return new actions.LoadProjectTypesSuccess(projectTypes);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadProjectTypesFail(error));
         })
       )
@@ -45,7 +47,7 @@ export class ProjectTypeEffects {
           return new actions.CreateProjectTypeSuccess(projectTypeData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.CreateProjectTypeFail(error));
         })
       )
@@ -63,7 +65,7 @@ export class ProjectTypeEffects {
           return new actions.DeleteProjectTypeSuccess(protectTypeId);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.DeleteProjectTypeFail(error));
         })
       )
@@ -81,7 +83,7 @@ export class ProjectTypeEffects {
           return new actions.UpdateProjectTypeSuccess(projectTypeData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UpdateProjectTypeFail(error));
         })
       )

src/app/modules/customer-management/components/projects/components/store/project.effects.ts

@@ -8,13 +8,15 @@ import { ProjectService } from '../services/project.service';
 import * as actions from './project.actions';
 import { ToastrService } from 'ngx-toastr';
 import { Status } from 'src/app/modules/shared/models';
+import { StatusNetworkService } from '../../../../../shared/services/status-network.service';
 
 @Injectable()
 export class ProjectEffects {
   constructor(
     private actions$: Actions,
     private projectService: ProjectService,
-    private toastrService: ToastrService
+    private toastrService: ToastrService,
+    private statusNetworkService: StatusNetworkService
   ) { }
 
   @Effect()
@@ -26,7 +28,7 @@ export class ProjectEffects {
           return new actions.LoadProjectsSuccess(projects);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadProjectsFail(error));
         })
       )
@@ -42,7 +44,7 @@ export class ProjectEffects {
           return new actions.LoadCustomerProjectsSuccess(project);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadCustomerProjectsFail(error));
         })
       )
@@ -58,7 +60,7 @@ export class ProjectEffects {
           return new actions.LoadRecentProjectsSuccess(projects);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadRecentProjectsFail(error));
         })
       )
@@ -76,7 +78,7 @@ export class ProjectEffects {
           return new actions.CreateProjectSuccess(projectData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.CreateProjectFail(error));
         })
       )
@@ -94,7 +96,7 @@ export class ProjectEffects {
           return new actions.UpdateProjectSuccess(projectData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UpdateProjectFail(error));
         })
       )
@@ -112,7 +114,7 @@ export class ProjectEffects {
           return new actions.DeleteProjectSuccess(projectId);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.DeleteProjectFail(error));
         })
       )
@@ -133,7 +135,7 @@ export class ProjectEffects {
           return new actions.UnarchiveProjectSuccess(projectData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UnarchiveProjectFail(error));
         })
       )

src/app/modules/customer-management/store/customer-management.effects.ts

@@ -9,13 +9,15 @@ import { ToastrService } from 'ngx-toastr';
 import { CustomerService } from '../services/customer.service';
 import * as actions from './customer-management.actions';
 import { Status } from '../../shared/models/customer.model';
+import { StatusNetworkService } from '../../shared/services/status-network.service';
 
 @Injectable()
 export class CustomerEffects {
   constructor(
     private actions$: Actions,
     private customerService: CustomerService,
-    private toastrService: ToastrService
+    private toastrService: ToastrService,
+    private statusNetworkService: StatusNetworkService
   ) { }
 
   @Effect()
@@ -27,7 +29,7 @@ export class CustomerEffects {
           return new actions.LoadCustomersSuccess(customers);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.LoadCustomersFail(error));
         }
         )
@@ -46,7 +48,7 @@ export class CustomerEffects {
           return new actions.CreateCustomerSuccess(customerData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.CreateCustomerFail(error));
         })
       )
@@ -64,7 +66,7 @@ export class CustomerEffects {
           return new actions.DeleteCustomerSuccesss(customerId);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.DeleteCustomerFail(error));
         })
       )
@@ -82,7 +84,7 @@ export class CustomerEffects {
           return new actions.UpdateCustomerSuccess(customerData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UpdateCustomerFail(error));
         })
       )
@@ -104,7 +106,7 @@ export class CustomerEffects {
           return new actions.UpdateCustomerSuccess(customerData);
         }),
         catchError((error) => {
-          this.toastrService.error(error.error.message);
+          this.statusNetworkService.checkTypeError({error, isError: true});
           return of(new actions.UpdateCustomerFail(error));
         })
       )

src/app/modules/internet-connection-status/internet-connection-status.component.ts

@@ -57,10 +57,6 @@ export class InternetConnectionStatusComponent implements OnInit {
   });
 
   ngOnInit(){
-    // $scope, $http
-    // $scope.isLoading = function () {
-    //   return $http.pendingRequests.length !== 0;
-    // };
     const connection = navigator.connection;
     console.log('navigator component', connection);
     if (!connection || !connection.effectiveType) {
@@ -79,10 +75,9 @@ export class InternetConnectionStatusComponent implements OnInit {
             this.toastrService.warning('Caution your connection is slow');
             this.isFast = false;
         } else {
-          this.toastrService.error('You are offline');
+          this.toastrService.error('Your request was not completed, you are offline');
           this.isFast = false;
         }
       });
   }
-
 }

src/app/modules/shared/services/status-network.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { StatusNetworkService } from './status-network.service';
+
+describe('StatusNetworkService', () => {
+  let service: StatusNetworkService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(StatusNetworkService);
+  });
+
+  fit('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/modules/shared/services/status-network.service.ts

@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { ToastrService } from 'ngx-toastr';
+
+export interface ErrorType {
+  error: any;
+  message?: string;
+  isError?: boolean;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class StatusNetworkService {
+
+  constructor(
+    private toastrService: ToastrService
+  ) { }
+
+  checkTypeError(dataError: ErrorType){
+      const { isError = false, message = 'The server is disconnected', error} = dataError; 
+      const effectiveTypenetwork = navigator.connection;
+      if(effectiveTypenetwork.effectiveType === '2g'){
+        this.toastrService.warning('Your request was not completed, your connection is slow');
+      }else{
+        if(isError){
+          const errorMessa =  error.error && error.error.message? error.error.message: 'There is an error with the server, your request have not be completed';
+          this.toastrService.error(errorMessa);
+        }else{
+          this.toastrService.warning(message);
+        }
+      }
+  }
+}