Update page title for section view (#328)

Fixes #296

Author: sumiet

src/app/pages/component-category-list/component-category-list.ts

@@ -1,4 +1,4 @@
-import {Component, NgModule, OnInit} from '@angular/core';
+import {Component, NgModule, OnDestroy, OnInit} from '@angular/core';
 import {MatCardModule} from '@angular/material';
 import {CommonModule} from '@angular/common';
 import {ActivatedRoute, Params, RouterModule} from '@angular/router';
@@ -7,15 +7,17 @@ import {ComponentPageTitle} from '../page-title/page-title';
 import {SvgViewerModule} from '../../shared/svg-viewer/svg-viewer';
 import {Observable} from 'rxjs/Observable';
 import 'rxjs/add/observable/combineLatest';
+import {Subscription} from 'rxjs/Subscription';
 
 
 @Component({
   selector: 'app-component-category-list',
   templateUrl: './component-category-list.html',
   styleUrls: ['./component-category-list.scss']
 })
-export class ComponentCategoryList implements OnInit {
+export class ComponentCategoryList implements OnInit, OnDestroy {
   params: Observable<Params>;
+  routeParamSubscription: Subscription;
 
   constructor(public docItems: DocumentationItems,
               public _componentPageTitle: ComponentPageTitle,
@@ -26,6 +28,16 @@ export class ComponentCategoryList implements OnInit {
     this.params = Observable.combineLatest(
       this._route.pathFromRoot.map(route => route.params),
       Object.assign);
+
+    // title on topbar navigation
+    this.routeParamSubscription = this.params.subscribe(params => {
+      const sectionName = params['section'];
+      this._componentPageTitle.title = SECTIONS[sectionName];
+    });
+  }
+
+  ngOnDestroy() {
+    this.routeParamSubscription.unsubscribe();
   }
 }
 

src/app/pages/component-sidenav/component-sidenav.ts

@@ -37,6 +37,7 @@ export class ComponentSidenav implements OnInit {
         this.sidenav.close();
       }
     });
+
     // Combine params from all of the path into a single object.
     this.params = Observable.combineLatest(
       this._route.pathFromRoot.map(route => route.params),