feat(docs): set title per tab

akveo · Jun 20, 2018 · 09d71c9 · 09d71c9
1 parent ac0f668
commit 09d71c9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/docs/app/blocks/components/props-block/props-block.component.ts b/docs/app/blocks/components/props-block/props-block.component.ts
@@ -13,19 +13,22 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
  <ngd-prop-block *ngIf="inputs.length > 0"
  [properties]="inputs"
  name="Inputs"
- [slag]="slag">
+ [slag]="slag"
+ class="widget-block">
  </ngd-prop-block>
 
  <ngd-prop-block *ngIf="outputs.length > 0"
  [properties]="outputs"
  name="Outputs"
- [slag]="slag">
+ [slag]="slag"
+ class="widget-block">
  </ngd-prop-block>
 
  <ngd-prop-block *ngIf="props.length > 0"
  [properties]="props"
  name="Properties"
- [slag]="slag">
+ [slag]="slag"
+ class="widget-block">
  </ngd-prop-block>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/docs/app/blocks/components/tabbed-block/tabbed-block.component.ts b/docs/app/blocks/components/tabbed-block/tabbed-block.component.ts
@@ -6,6 +6,7 @@
 
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
+import { Title } from '@angular/platform-browser';
 import { BehaviorSubject, combineLatest } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { NgdTabbedService } from '../../../@theme/services';
@@ -39,6 +40,7 @@ export class NgdTabbedBlockComponent implements OnDestroy {
  constructor(private activatedRoute: ActivatedRoute,
  private router: Router,
  private cd: ChangeDetectorRef,
+ private titleService: Title,
  private tabbedService: NgdTabbedService) {
 
  combineLatest([
@@ -55,6 +57,9 @@ export class NgdTabbedBlockComponent implements OnDestroy {
  ])
  .subscribe(([params, tabs]) => {
  this.currentTab = tabs.find(tab => tab.tab === params.tab);
+ if (this.currentTab) {
+ this.titleService.setTitle(`${this.titleService.getTitle()} - component ${this.currentTab.tab}`);
+ }
  this.cd.detectChanges();
  });
  }