From 78c2ecc84fb076502f6b03b83a706577e722dd6e Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 5 Feb 2016 12:17:53 -0500
Subject: [PATCH] docs(demos): add title demo which uses the toolbar demo but
 hides some
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hiding any toolbars that don’t use ion-title for the title demo only

references driftyco/ionic-site#397
---
 demos/title/index.ts                | 15 +++++++++++++++
 demos/toolbar/main.html             |  8 ++++----
 ionic/components/toolbar/toolbar.ts |  2 +-
 3 files changed, 20 insertions(+), 5 deletions(-)
 create mode 100644 demos/title/index.ts

diff --git a/demos/title/index.ts b/demos/title/index.ts
new file mode 100644
index 0000000000..a5f2e1e2f4
--- /dev/null
+++ b/demos/title/index.ts
@@ -0,0 +1,15 @@
+import {App} from 'ionic/ionic';
+
+// Use the toolbar demo but pass in the demo name to change the title
+// this will also hide some of the toolbars that don't use `ion-title`
+@App({
+  templateUrl: '../toolbar/main.html'
+})
+class ApiDemoApp {
+  constructor() {
+    this.demo = "Title";
+
+    this.favorites = "recent";
+    this.apps = "free";
+  }
+}
diff --git a/demos/toolbar/main.html b/demos/toolbar/main.html
index 97d077c134..c36149593e 100644
--- a/demos/toolbar/main.html
+++ b/demos/toolbar/main.html
@@ -93,7 +93,7 @@
     </button>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-buttons end>
       <button #button2 (click)="buttonClick(button2)">
         <ion-icon name="search"></ion-icon>
@@ -109,7 +109,7 @@
     </ion-segment>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-segment [(ngModel)]="apps">
       <ion-segment-button value="paid">
         Paid
@@ -123,11 +123,11 @@
     </ion-segment>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-searchbar></ion-searchbar>
   </ion-toolbar>
 
-  <ion-toolbar primary>
+  <ion-toolbar primary *ngIf="demo != 'Title'">
     <ion-searchbar></ion-searchbar>
   </ion-toolbar>
 
diff --git a/ionic/components/toolbar/toolbar.ts b/ionic/components/toolbar/toolbar.ts
index 5d7b7bbcfd..09a711e29b 100644
--- a/ionic/components/toolbar/toolbar.ts
+++ b/ionic/components/toolbar/toolbar.ts
@@ -136,7 +136,7 @@ export class Toolbar extends ToolbarBase {
  *   <ion-title>SubHeader</ion-title>
  * </ion-toolbar>
  *  ```
- * @demo /docs/v2/demos/toolbar/
+ * @demo /docs/v2/demos/title/
  */
 @Component({
   selector: 'ion-title',