all parts in place...

Author: pigr2

app/app.component.ts

@@ -4,6 +4,9 @@ import {Store} from "@ngrx/store";
 
 import {CurrentSearch} from "./models/current-search.model";
 import {SearchResult} from "./models/search-result.model";
+import {YouTubeService} from "./services/youtube.service";
+import {SearchBox} from "./components/search-box.component";
+import {ProximitySelector} from "./components/proximity-selector.component";
 
 /*
  <div class="row col-md-8">
@@ -54,19 +57,18 @@ export class AppComponent implements OnInit {
 
     constructor(
         private store: Store<CurrentSearch>,
-        // private youtube: YouTubeService
+        private youtube: YouTubeService
     ) {
         this.currentSearch = this.store.select<CurrentSearch>('currentSearch');
-        console.log(`component~!!!`);
-        // this.youtube.searchResults.subscribe((results: SearchResult[]) => this.searchResults = results);
+        this.youtube.searchResults.subscribe((results: SearchResult[]) => this.searchResults = results);
     }
 
     ngOnInit() {
         this.currentSearch.subscribe((state: CurrentSearch) => {
             this.state = state;
             if (state && state.name && state.name.length > 0) {
                 this.disableSearch = false;
-                // this.youtube.search(state)
+                this.youtube.search(state)
             } else {
                 this.disableSearch = true;
                 this.searchResults = [];

app/app.module.ts

@@ -3,13 +3,17 @@ import { BrowserModule } from '@angular/platform-browser';
 import {AppComponent} from "./app.component";
 import {Store, StoreModule} from "@ngrx/store";
 import {SearchReducer} from "./reducers/search.reducer";
+import {YouTubeService} from "./services/youtube.service";
+import {HttpModule} from "@angular/http";
+import {SearchBox} from "./components/search-box.component";
+import {ProximitySelector} from "./components/proximity-selector.component";
 
 const storeManager = StoreModule.provideStore ({ currentSearch: SearchReducer });
 
 @NgModule({
-    imports:      [ BrowserModule, StoreModule, storeManager ],
-    declarations: [ AppComponent ],
+    imports:      [ BrowserModule, StoreModule, storeManager, HttpModule  ],
+    declarations: [ AppComponent, SearchBox, ProximitySelector ],
     bootstrap:    [ AppComponent ],
-    // providers:    [ storeManager ]
+    providers:    [ YouTubeService ]
 })
 export class AppModule { }

old/components/proximity-selector.component.ts renamed to app/components/proximity-selector.component.ts

@@ -3,7 +3,6 @@ import {Store} from '@ngrx/store';
 
 @Component({
     selector: 'proximity-selector',
-    inputs: ['store', 'disabled'],
     template: `
     <div class="input-group">
         <label for="useLocation">Use current location</label>

old/components/search-box.component.ts renamed to app/components/search-box.component.ts

@@ -3,7 +3,6 @@ import {ElementRef, OnInit, Component, Input} from '@angular/core';
 import {Store} from '@ngrx/store';
 
 @Component({
-    inputs: ['store'],
     selector: 'search-box',
     template: `
     <input type="text" class="form-control" placeholder="Search" autofocus>