RxJs Course

Your Name · Your Name · commit b218ca60ad5b · 2018-06-27T17:02:14.000+02:00
diff --git a/src/app/common/store.service.ts b/src/app/common/store.service.ts
@@ -40,6 +40,13 @@ export class Store {
         return this.filterByCategory('ADVANCED');
     }
 
+    selectCourseById(courseId:number) {
+        return this.courses$
+            .pipe(
+                map(courses => courses.find(course => course.id == courseId))
+            );
+    }
+
     filterByCategory(category: string) {
         return this.courses$
             .pipe(
diff --git a/src/app/course/course.component.ts b/src/app/course/course.component.ts
@@ -16,6 +16,7 @@ import {
 import {merge, fromEvent, Observable, concat} from 'rxjs';
 import {Lesson} from '../model/lesson';
 import {createHttpObservable} from '../common/util';
+import {Store} from '../common/store.service';
 
 
 @Component({
@@ -25,7 +26,7 @@ import {createHttpObservable} from '../common/util';
 })
 export class CourseComponent implements OnInit, AfterViewInit {
 
-    courseId:string;
+    courseId:number;
 
     course$ : Observable<Course>;
 
@@ -34,7 +35,7 @@ export class CourseComponent implements OnInit, AfterViewInit {
 
     @ViewChild('searchInput') input: ElementRef;
 
-    constructor(private route: ActivatedRoute) {
+    constructor(private route: ActivatedRoute, private store: Store) {
 
 
     }
@@ -43,7 +44,7 @@ export class CourseComponent implements OnInit, AfterViewInit {
 
         this.courseId = this.route.snapshot.params['id'];
 
-        this.course$ = createHttpObservable(`/api/courses/${this.courseId}`);
+        this.course$ = this.store.selectCourseById(this.courseId);
 
     }
 
