client store folder moved out from core

Author: RELATO

src/app/app.component.ts

@@ -3,8 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.less']
+  styleUrls: ['./app.component.less'],
 })
 export class AppComponent {
-  title = 'tuto-angular-store';
+  title = 'angular-apollo-store';
 }

src/app/core/core.module.ts

@@ -11,8 +11,7 @@ import { ForbiddenPageComponent } from './pages/forbidden-page/forbidden-page.co
 import { MainLayoutComponent } from './layouts/main-layout/main-layout.component';
 import { HeaderComponent } from './layouts/header/header.component';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { BaseInterceptor } from '@core/interceptors/base.interceptor';
-
+import { BaseInterceptor } from '../core/interceptors/base.interceptor';
 
 export const COMPONENTS = [
   AppComponent,
@@ -21,16 +20,11 @@ export const COMPONENTS = [
   MainLayoutComponent,
 
   NotFoundPageComponent,
-  ForbiddenPageComponent
+  ForbiddenPageComponent,
 ];
 
 @NgModule({
-  imports: [
-    CommonModule,
-    RouterModule,
-
-    MaterialModule,
-  ],
+  imports: [CommonModule, RouterModule, MaterialModule],
   declarations: COMPONENTS,
   exports: COMPONENTS,
 })
@@ -42,7 +36,7 @@ export class CoreModule {
         {
           provide: HTTP_INTERCEPTORS,
           useClass: BaseInterceptor,
-          multi: true
+          multi: true,
         },
       ],
     };

src/app/core/store/client/client.state.ts

@@ -2,21 +2,21 @@ import { Component, OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
 
-import { State } from 'src/app/store';
+import { GlobalState } from 'src/app/store';
 import { Todo } from 'src/app/store/todo/selectors';
 import { addTodo, loadTodo } from 'src/app/store/todo/actions';
 
 @Component({
   selector: 'app-todo-page',
   templateUrl: './todo-page.component.html',
-  styleUrls: ['./todo-page.component.less']
+  styleUrls: ['./todo-page.component.less'],
 })
 export class TodoPageComponent implements OnInit {
   todoList$: Observable<Todo[]> = this.store.select(state => state.todo.todos);
 
   newTodo = '';
 
-  constructor(private store: Store<State>) { }
+  constructor(private store: Store<GlobalState>) {}
 
   ngOnInit() {
     this.store.dispatch(loadTodo());

src/app/core/store/client/effects/index.ts

@@ -8,8 +8,8 @@ import { MaterialModule } from '../../shared/material.module';
 import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
 
-import { CLIENT_EFFECTS } from '@core/store/client/effects';
-import { CLIENT_REDUCERS } from '@core/store/client/client.state';
+import { CLIENT_EFFECTS } from 'src/app/store/client/effects';
+import { CLIENT_REDUCERS } from 'src/app/store/client/client.state';
 import { ClientsListComponent } from './components/clients-list/clients-list.component';
 import { NgxDatatableModule } from '@swimlane/ngx-datatable';
 import { ClientFormComponent } from './components/client-form/client-form.component';
@@ -20,7 +20,6 @@ import { ClientDetailsComponent } from './components/client-details/client-detai
 import { SharedModule } from '../../shared/shared.module';
 import { TextMaskModule } from 'angular2-text-mask';
 
-
 @NgModule({
   declarations: [
     ClientsPageComponent,
@@ -29,12 +28,12 @@ import { TextMaskModule } from 'angular2-text-mask';
     ClientAddComponent,
     ClientUpdateComponent,
     ClientFormComponent,
-    ClientDetailsComponent
+    ClientDetailsComponent,
   ],
   entryComponents: [
     ClientAddComponent,
     ClientUpdateComponent,
-    ClientDetailsComponent
+    ClientDetailsComponent,
   ],
   imports: [
     CommonModule,
@@ -49,7 +48,6 @@ import { TextMaskModule } from 'angular2-text-mask';
 
     StoreModule.forFeature('clients', CLIENT_REDUCERS),
     EffectsModule.forFeature(CLIENT_EFFECTS),
-  ]
+  ],
 })
-export class ClientsModule {
-}
+export class ClientsModule {}

src/app/core/store/client/effects/list.effects.ts

@@ -1,7 +1,11 @@
-import { ChangeDetectionStrategy, Component, Inject, OnInit } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Inject,
+  OnInit,
+} from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material';
-import { Client } from '@core/store/client/models/client.model';
-
+import { Client } from 'src/app/store/client/models/client.model';
 
 @Component({
   selector: 'app-client-details',
@@ -10,10 +14,7 @@ import { Client } from '@core/store/client/models/client.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ClientDetailsComponent implements OnInit {
+  constructor(@Inject(MAT_DIALOG_DATA) public client: Client) {}
 
-  constructor(@Inject(MAT_DIALOG_DATA) public client: Client) {
-  }
-
-  ngOnInit() {
-  }
+  ngOnInit() {}
 }

src/app/core/store/index.ts

@@ -1,9 +1,14 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
-import { Client } from '../../../../core/store/client/models/client.model';
+import { Client } from '../../../../store/client/models/client.model';
 import { EmailValidator } from '../../../../shared/form-validators/email.validator';
 
-
 @Component({
   selector: 'app-client-form',
   templateUrl: './client-form.component.html',
@@ -34,22 +39,51 @@ export class ClientFormComponent {
   @Output() submitted = new EventEmitter<Client>();
 
   isPending: boolean;
-  mask = [/[1-9]/, ' ', '(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, ' ', '-', ' ', /\d/, /\d/, /\d/, /\d/];
+  mask = [
+    /[1-9]/,
+    ' ',
+    '(',
+    /[1-9]/,
+    /\d/,
+    /\d/,
+    ')',
+    ' ',
+    /\d/,
+    /\d/,
+    /\d/,
+    ' ',
+    '-',
+    ' ',
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+  ];
 
   form: FormGroup = new FormGroup({
     id: new FormControl(''),
-    company: new FormControl('', Validators.compose([Validators.required, Validators.maxLength(100)])),
+    company: new FormControl(
+      '',
+      Validators.compose([Validators.required, Validators.maxLength(100)])
+    ),
     description: new FormControl('', Validators.required),
     address: new FormControl('', Validators.required),
-    name: new FormControl('', Validators.compose([Validators.required, Validators.maxLength(200)])),
-    email: new FormControl('', Validators.compose([
-      Validators.required, EmailValidator.validate, Validators.maxLength(200)
-    ])),
+    name: new FormControl(
+      '',
+      Validators.compose([Validators.required, Validators.maxLength(200)])
+    ),
+    email: new FormControl(
+      '',
+      Validators.compose([
+        Validators.required,
+        EmailValidator.validate,
+        Validators.maxLength(200),
+      ])
+    ),
     phone: new FormControl('', Validators.required),
   });
 
-  constructor() {
-  }
+  constructor() {}
 
   submit() {
     if (this.form.valid) {