Added formula manager to module

src/app/app.module.ts

@@ -12,9 +12,10 @@ import {ScalePipe} from './formulaManager/scale.pipe';
 import {AngularMaterialModule} from './material.module';
 import {HomeComponent} from './home/home.component';
 import {ServiceWorkerModule} from '@angular/service-worker';
+import {FormulaManagerComponent} from './formulaManager/formulaManager.component';
 
 @NgModule({
-  declarations: [AppComponent, ConvertFromGPipe, ConvertToGPipe, HomeComponent, ScalePipe],
+  declarations: [AppComponent, ConvertFromGPipe, ConvertToGPipe, FormulaManagerComponent, HomeComponent, ScalePipe],
   imports: [
     AngularMaterialModule,
     AngularFireModule.initializeApp(environment.firebase),
@@ -23,7 +24,10 @@ import { ServiceWorkerModule } from '@angular/service-worker';
     BrowserModule,
     FormsModule,
     ReactiveFormsModule,
-    RouterModule.forRoot([{path: '**', component: HomeComponent}]),
+    RouterModule.forRoot([
+      {path: 'formulaManager', component: FormulaManagerComponent},
+      {path: '**', component: HomeComponent}
+    ]),
     ServiceWorkerModule.register('/ngsw-worker.js', {enabled: environment.production})
   ],
   providers: [],

src/app/formulaManager/formulaManager.component.ts

@@ -1,14 +1,12 @@
 import {Component, ElementRef, ViewChildren} from '@angular/core';
 import {AngularFirestore} from 'angularfire2/firestore';
-import {share} from 'rxjs/operators';
 import {ConvertFromGPipe, ConvertToGPipe} from './units.pipe';
 
 @Component({
   selector: 'formula-manager',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  templateUrl: './formulaManager.component.html'
 })
-export class AppComponent {
+export class FormulaManagerComponent {
   @ViewChildren('cost') componentCosts: ElementRef[];
 
   formulas;