From 0865292b88e65ca3a6d25ba96aba197c9c0fb551 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Thu, 19 Nov 2015 17:52:05 -0600
Subject: [PATCH] docs(demos): set tabbar color dynamically

---
 demos/component-docs/helpers.ts              |  5 ++++-
 demos/component-docs/tabs/basic/pages.ts     |  8 +++++---
 demos/component-docs/tabs/icon-text/pages.ts | 18 ++++++++++--------
 demos/component-docs/tabs/icon/pages.ts      |  8 +++++---
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index 794db5955b..10e380cc49 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -18,7 +18,10 @@ import * as tabs from './tabs/tabs';
 
 
 @Directive({
-  selector: '.android-attr',
+  selector: '[android-attr]',
+  defaultInputs: {
+    'androidAttr': 'primary'
+  },
 })
 export class AndroidAttribute {
 
diff --git a/demos/component-docs/tabs/basic/pages.ts b/demos/component-docs/tabs/basic/pages.ts
index aa39afc401..a2fa3548b7 100644
--- a/demos/component-docs/tabs/basic/pages.ts
+++ b/demos/component-docs/tabs/basic/pages.ts
@@ -1,12 +1,12 @@
 import {NavController, NavParams} from 'ionic/ionic';
-import {Page, ViewController} from 'ionic/ionic';
+import {Page, ViewController, Platform} from 'ionic/ionic';
 import {forwardRef} from 'angular2/angular2';
 import * as helpers from '../../helpers';
 
 
 @Page({
   template: '' +
-    '<ion-navbar *navbar hide-back-button class="android-attr">' +
+    '<ion-navbar *navbar hide-back-button [attr.primary]="isAndroid ? \'\' : null">' +
     '<ion-title>Tabs</ion-title>' +
     '</ion-navbar>' +
     '<ion-content>' +
@@ -14,7 +14,9 @@ import * as helpers from '../../helpers';
   directives: [forwardRef(() => helpers.AndroidAttribute)],
 })
 class TabTextPage {
-  constructor() {
+  constructor(platform: Platform) {
+    this.platform = platform;
+    this.isAndroid = platform.is('android');
   }
 }
 
diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts
index 3eccbbc546..4236aa8949 100644
--- a/demos/component-docs/tabs/icon-text/pages.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -1,30 +1,32 @@
 import {NavController, NavParams} from 'ionic/ionic';
-import {Page, ViewController} from 'ionic/ionic';
+import {Page, ViewController, Platform} from 'ionic/ionic';
 import {forwardRef} from 'angular2/angular2';
 import * as helpers from '../../helpers';
 
 
 @Page({
   template: '' +
-  '<ion-navbar *navbar hide-back-button class="android-attr">' +
-  '<ion-title>Tabs</ion-title>' +
+  '<ion-navbar *navbar hide-back-button [attr.royal]="isAndroid ? \'\' : null">' +
+    '<ion-title>Tabs</ion-title>' +
   '</ion-navbar>' +
   '<ion-content>' +
   '</ion-content>',
   directives: [forwardRef(() => helpers.AndroidAttribute)],
 })
 class TabIconTextPage {
-  constructor() {
+  constructor(platform: Platform) {
+    this.platform = platform;
+    this.isAndroid = platform.is('android');
   }
 }
 
 @Page({
   template:
   '<ion-tabs class="tabs-icon-text">' +
-  '<ion-tab tab-icon="water" tab-title="Water" [root]="tabOne"></ion-tab>' +
-  '<ion-tab tab-icon="leaf" tab-title="Life" [root]="tabTwo"></ion-tab>' +
-  '<ion-tab tab-icon="flame" tab-title="Fire" [root]="tabThree"></ion-tab>' +
-  '<ion-tab tab-icon="magnet" tab-title="Force" [root]="tabFour"></ion-tab>' +
+    '<ion-tab tab-icon="water" tab-title="Water" [root]="tabOne"></ion-tab>' +
+    '<ion-tab tab-icon="leaf" tab-title="Life" [root]="tabTwo"></ion-tab>' +
+    '<ion-tab tab-icon="flame" tab-title="Fire" [root]="tabThree"></ion-tab>' +
+    '<ion-tab tab-icon="magnet" tab-title="Force" [root]="tabFour"></ion-tab>' +
   '</ion-tabs>',
 })
 export class IconTextPage {
diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts
index ee4948312c..2fedf5d732 100644
--- a/demos/component-docs/tabs/icon/pages.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -1,12 +1,12 @@
 import {NavController, NavParams} from 'ionic/ionic';
-import {Page, ViewController} from 'ionic/ionic';
+import {Page, ViewController, Platform} from 'ionic/ionic';
 import {forwardRef} from 'angular2/angular2';
 import * as helpers from '../../helpers';
 
 
 @Page({
   template: '' +
-  '<ion-navbar *navbar hide-back-button class="android-attr">' +
+  '<ion-navbar *navbar hide-back-button [attr.danger]="isAndroid ? \'\' : null">' +
   '<ion-title>Tabs</ion-title>' +
   '</ion-navbar>' +
   '<ion-content>' +
@@ -14,7 +14,9 @@ import * as helpers from '../../helpers';
   directives: [forwardRef(() => helpers.AndroidAttribute)],
 })
 class TabIconPage {
-  constructor() {
+  constructor(platform: Platform) {
+    this.platform = platform;
+    this.isAndroid = platform.is('android');
   }
 }