client store solved

Author: RELATO

package.json

@@ -9,7 +9,7 @@
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e",
- "server": "json-server --watch server/db.json --delay 600 --middlewares server/exists.js"
+ "server": "json-server --watch server/db.json --routes routes.json --delay 600 --middlewares server/exists.js"
  },
  "private": true,
  "dependencies": {

routes.json

@@ -0,0 +1,6 @@
+{
+ "/api/*": "/$1",
+ "/client": "/clients",
+ "/todo": "/todos",
+ "/reset": "/reset"
+}

server/db.json

@@ -11,7 +11,7 @@
  },
  {
  "id": 2,
- "company": "Zboo",
+ "company": "Zbooxx",
  "description": "Exercitation voluptate ipsum occaecat est id veniam eiusmod. Dolor aute adipisicing ullamco cupidatat cupidatat nisi nulla officia anim laboris voluptate Lorem. Exercitation aliquip enim ut magna consequat proident. Elit officia Lorem exercitation consequat ea cillum in aliqua. Ad commodo in sit proident laborum do sint.\n\nMollit ullamco nisi cillum exercitation qui excepteur mollit non nostrud cillum sit consequat fugiat et. Exercitation laborum commodo incididunt do nisi quis aliquip duis. Lorem est veniam veniam non magna nisi mollit reprehenderit laborum. Velit consectetur enim sunt sint eu cupidatat ea aute Lorem sint mollit aute non sint. Et Lorem laboris Lorem veniam do voluptate laboris mollit veniam aute. Voluptate exercitation excepteur irure dolore quis fugiat esse reprehenderit dolor duis in occaecat nulla.\n\nAd id dolore aute et fugiat laboris duis sit quis labore. Eiusmod ad minim veniam proident elit amet tempor officia anim qui incididunt. Nulla eiusmod Lorem culpa esse nostrud quis occaecat esse do ipsum fugiat irure pariatur.",
  "address": "916 Beverley Road, Martinez, Kentucky, 4406",
  "name": "Bryan Leonard",
@@ -2112,4 +2112,4 @@
  "completed": false
  }
  ]
-}
+}

src/app/pages/clients/containers/clients-page/clients-page.component.ts

@@ -8,7 +8,6 @@ import { Observable, Subject } from 'rxjs';
 import { Client } from '../../../../store/client/models/client.model';
 
 import * as fromClient from '../../../../store/client';
-import { ClientItemActionTypes } from '../../../../store/client';
 import { select, Store } from '@ngrx/store';
 import { GridPayload } from '../../../../shared/models/grid.payload';
 import { MatDialog } from '@angular/material';
@@ -49,8 +48,8 @@ export class ClientsPageComponent implements OnInit, OnDestroy {
  actions$
  .pipe(
  ofType(
- ClientItemActionTypes.AddClientSuccess,
- ClientItemActionTypes.UpdateClientSuccess
+ fromClient.ClientItemActionTypes.AddClientSuccess,
+ fromClient.ClientItemActionTypes.UpdateClientSuccess
  ),
  takeUntil(this.destroyed$),
  tap(() => {

src/app/store/client/services/client.service.ts

@@ -7,14 +7,17 @@ import {
 } from 'src/app/store/client/models/client.model';
 import { GridPayload } from '../../../shared/models/grid.payload';
 import { Observable } from 'rxjs';
+import { environment } from '../../../../environments/environment';
 
 @Injectable({
  providedIn: 'root',
 })
 export class ClientService extends BaseService {
+ apiUrl = environment.apiUrl;
+
  getClientList(gridInfo: GridPayload) {
  return this.gridRequest<ClientApiModel>(
- '/clients',
+ this.apiUrl + '/clients',
  gridInfo.offset,
  gridInfo.sortProp,
  gridInfo.sortDir
@@ -27,14 +30,17 @@ export class ClientService extends BaseService {
  }
 
  addClient(payload: Client): Observable<Client> {
- return this.http.post<Client>('/clients', payload);
+ return this.http.post<Client>(this.apiUrl + '/clients', payload);
  }
 
  updateClient(payload: Client): Observable<Client> {
- return this.http.put<Client>(`/clients/${payload.id}`, payload);
+ return this.http.put<Client>(
+ `${this.apiUrl}/clients/${payload.id}`,
+ payload
+ );
  }
 
  deleteClient(id: number) {
- return this.http.delete(`/clients/${id}`);
+ return this.http.delete(`${this.apiUrl}/clients/${id}`);
  }
 }

src/app/store/store.module.ts

@@ -9,9 +9,6 @@ import { NgrxCacheModule, NgrxCache } from 'apollo-angular-cache-ngrx';
 
 import { reducers, metaReducers } from '.';
 import { TodoEffects } from './todo/effects';
-import { ClientListEffects } from './client/effects/list.effects';
-import { ClientItemEffects } from './client/effects/item.effects';
-
 import { environment } from '../../environments/environment';
 
 @NgModule({
@@ -21,14 +18,14 @@ import { environment } from '../../environments/environment';
  metaReducers,
  runtimeChecks: {
  strictStateImmutability: true,
- strictActionImmutability: true,
+ strictActionImmutability: false, // TODO need to be true
  },
  }),
  StoreDevtoolsModule.instrument({
  maxAge: 25,
  logOnly: environment.production,
  }),
- EffectsModule.forRoot([TodoEffects, ClientItemEffects, ClientListEffects]),
+ EffectsModule.forRoot([TodoEffects]),
  StoreRouterConnectingModule.forRoot(),
  NgrxCacheModule,
  ],

src/environments/environment.hmr.ts

@@ -1,4 +1,5 @@
 export const environment = {
  production: false,
  hmr: true,
+ apiUrl: '/api',
 };

src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
- production: true
+ production: true,
+ apiUrl: '/api',
 };

src/environments/environment.ts

@@ -3,7 +3,8 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
- production: false
+ production: false,
+ apiUrl: '/api',
 };
 
 /*