From ddc7f7c3dce2b6f2d77ff96b292cdb8870f2e9d5 Mon Sep 17 00:00:00 2001
From: Nils Dittberner <nils.dittberner@pta.de>
Date: Mon, 4 Dec 2017 11:54:40 +0100
Subject: [PATCH] 24-334 Adding store router and store devtools

---
 package-lock.json     | 10 ++++++++++
 package.json          |  2 ++
 src/app/app.module.ts |  7 ++++++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 8598779..d86861d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -341,11 +341,21 @@
       "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-4.1.1.tgz",
       "integrity": "sha1-y3WLhSeWSyWOpBlR9ZqhROPvn64="
     },
+    "@ngrx/router-store": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@ngrx/router-store/-/router-store-4.1.1.tgz",
+      "integrity": "sha1-F/rHwPX/3e+LdemnTtLLCQdPO8o="
+    },
     "@ngrx/store": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-4.1.1.tgz",
       "integrity": "sha1-aA403yd16IUnVO13f/rJW9gbfeA="
     },
+    "@ngrx/store-devtools": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-4.1.1.tgz",
+      "integrity": "sha1-IHRcOcdWD9wF+k8iY4RCp+x91nY="
+    },
     "@ngtools/json-schema": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@ngtools/json-schema/-/json-schema-1.1.0.tgz",
diff --git a/package.json b/package.json
index 63f9f38..b8b46e8 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,9 @@
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
     "@ngrx/effects": "^4.1.1",
+    "@ngrx/router-store": "^4.1.1",
     "@ngrx/store": "^4.1.1",
+    "@ngrx/store-devtools": "^4.1.1",
     "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
     "firebase": "^4.6.2",
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 23a79d1..0b0b23e 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -3,6 +3,9 @@ import { NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
 import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
+import { StoreRouterConnectingModule } from '@ngrx/router-store';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { environment } from '../environments/environment';
 
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
@@ -26,7 +29,9 @@ import { AuthEffects } from './auth/ngrx/auth.effects';
     AuthModule,
     CoreModule,
     StoreModule.forRoot(appReducers),
-    EffectsModule.forRoot([AuthEffects])
+    EffectsModule.forRoot([AuthEffects]),
+    StoreRouterConnectingModule,
+    !environment.production ? StoreDevtoolsModule.instrument() : []
   ],
   bootstrap: [AppComponent]
 })