From 395ec4f2d3d832fddc3c83305675000ecb6f5cb4 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Thu, 19 Nov 2015 19:22:12 -0600
Subject: [PATCH] docs(demos): swap out statusbar image for certain demos

---
 demos/component-docs/app.html                 |   2 ++
 demos/component-docs/app.scss                 |   8 ++++++++
 demos/component-docs/helpers.ts               |   6 ++----
 .../img/android-statusbar-purple.png          | Bin 0 -> 1196 bytes
 .../img/android-statusbar-red.png             | Bin 0 -> 1204 bytes
 demos/component-docs/tabs/icon-text/pages.ts  |   8 ++++++++
 demos/component-docs/tabs/icon/pages.ts       |  18 +++++++++++++-----
 7 files changed, 33 insertions(+), 9 deletions(-)
 create mode 100644 demos/component-docs/img/android-statusbar-purple.png
 create mode 100644 demos/component-docs/img/android-statusbar-red.png

diff --git a/demos/component-docs/app.html b/demos/component-docs/app.html
index a7d04303cc..44c8977809 100644
--- a/demos/component-docs/app.html
+++ b/demos/component-docs/app.html
@@ -1,4 +1,6 @@
 <img src="img/android-statusbar-blue.png" style="display:none" id="md-only">
+<img src="img/android-statusbar-red.png" style="display:none" id="md-tabs-icon">
+<img src="img/android-statusbar-purple.png" style="display:none" id="md-tabs-icon-text">
 <img src="img/ios-statusbar.png" style="display:none" id="ios-only">
 
 
diff --git a/demos/component-docs/app.scss b/demos/component-docs/app.scss
index 5f219ab970..14193d4f58 100644
--- a/demos/component-docs/app.scss
+++ b/demos/component-docs/app.scss
@@ -127,6 +127,14 @@ body.md img#md-only {
   height: auto;
 }
 
+body.md img#md-tabs-icon, body.md img#md-tabs-icon-text {
+  display: none;
+  position: absolute;
+  top: -24px;
+  width: 100%;
+  height: auto;
+}
+
 body.ios img#ios-only {
   display: block !important;
   position: absolute;
diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index 10e380cc49..0747793e97 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -18,10 +18,7 @@ import * as tabs from './tabs/tabs';
 
 
 @Directive({
-  selector: '[android-attr]',
-  defaultInputs: {
-    'androidAttr': 'primary'
-  },
+  selector: '.android-attr',
 })
 export class AndroidAttribute {
 
@@ -72,6 +69,7 @@ export function hasScrollbar() {
 
 export function getPageFor(hash) {
     return {
+        'overview': actionSheets.BasicPage,
         'action-sheets': actionSheets.BasicPage,
 
         'buttons': buttons.BasicPage,
diff --git a/demos/component-docs/img/android-statusbar-purple.png b/demos/component-docs/img/android-statusbar-purple.png
new file mode 100644
index 0000000000000000000000000000000000000000..f737f45dd2eec793c05fa92a684dba693027fde4
GIT binary patch
literal 1196
zcmV;d1XKHoP)<h;3K|Lk000e1NJLTq00Phe001xu0{{R34^q7a0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz6i`f5MSE(-jD5|yuIH13+1%Ik_VxVB
z!tHTf$nNX<iFeeenc=di-fdaHerwOLq~yZ5>z$6>)Xni+N4Z~0y5-^aTt>Kxddyu%
zxnfPb_VxQ@PrP19xruqqfN#idTfk>iy=_{+{QUlhcgux!%9e=I>E`xhPrR+7+k9)r
zy0PK@{{Q3O^V!tzXHvcK@A<H%-CanzgL27tWyFDS$i=<p*V698yXB#j*3Zf6a9zQt
zoZ0T|_}<#_)Xwa0T)}o^#O>?%VNAQ>-SV4`)M!<{kb=*3W5aY|!}aw0X;r>?XvOX7
z_kwZBd1uAS!|1N0-1+$Y=i~IRq}-g3)U~YNw5r~sme-Dd&ZC#t`1bt&|NmP>xTH8o
zT>t<BE=fc|RCwC#+ShWMKp2K$v&(`Y2BBg}mV56d?k#b8?>)cn|2`r*NS23<!K1|A
zd!pF|>A>^M8Wu)62>nNm;7@=68X<s22%r%HXavv*0W?AYjSxU11kh+0fCT|G0%(9n
z5{*@BGcTv+8%ksT-J9v<-RfWb#%LDIw}~2{@2ckA<<t90vdQ<aYqF+CM*tcPLyu?E
zn*A1Dw3~9C0U8ZM6AQ}K&0jX9JOeZuhMp+{YfE{~0W^15xg3q03K3O!>I_pQ5}Fl^
zEKPJr20){@>eL|5Q&lO?HwR5_YB<t}N@|J7Oq|i3tE+;@@kWO5&JYejqqx?jtM})x
zZy!Ft`ZWIN;%Mioe`nZ|^L%sAs@mllg0@L;pRg63z`{A<j&wm<_oGZg2WS*GttelQ
zE`C$g+Xr8sE6TK_=UlF#Sp>R7%=;8%M@NG>orrtnOTnxS&?wRB$8kzG_vFW_tmm9T
z`)Iq%wujha%v-{Z;24XJB)<dD$gTFB`r4_<dd?X%=XwG(CrVvxn~61?1uHc`qo9X}
zy`B$Gr9I~iI^4+cSLzgK?q4-i06L8wpi!sO*iL)iZpeEs26Uxo!r<H#{>}$Lqd`rq
ztS3FMuS{h7-o303OM3qUWCd-LNN+Q%?zdS7pwYF>oFuuO%w+UT1%o!z+tBU|W165c
zK%?v1Uy8LY?Pv8|Fla+uxg%%z*VO=x2G=~Ei}vh}n^`><3)=9Xob;!9OLPd@1ZdP>
z`yj-2(9Z0+P|$j**K@d)SN6`rJ~X<ny$#>m#$I;MMS|AreNf|vEv|HpD&9yNu#N-t
z-LAUmJue(ztY-IIB<MQT<99T4?ouxKgbn{zv3u?8?toY!bAU#vT5B$~wU&hE0zsFF
z%FNFSZ~Pphio<O|^<ZfhCN~4+0F8Q^-6YzamGN94Xf-~WM>`pg@Fp}pLhrsZtphZ=
zsxjsKTp5$`oI7ZXhtE+A9;Jtu94=|b?D&0B%VzeV_xk}F)y~dpQl4`Moo4`zwzlLv
z12jUn6+k0^MhKu00%(K)8UZvy0F4kpBLvV00W<<=g#PjV2rvL+cf$U?N?6SR0000<
KMNUMnLSTX@Nos`v

literal 0
HcmV?d00001

diff --git a/demos/component-docs/img/android-statusbar-red.png b/demos/component-docs/img/android-statusbar-red.png
new file mode 100644
index 0000000000000000000000000000000000000000..d43e0789753fe99e8c4544e9b09e78e0be1ed30f
GIT binary patch
literal 1204
zcmV;l1WWsgP)<h;3K|Lk000e1NJLTq00Phe001xu0{{R34^q7a0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz8c<ABMZi{8$ZTxnp`p}paPra7{PXkc
zxw*kbMfvFH&SPWTiHX~soVr6pvMw&kRaM}YmglXl@5RN~eSNevH1*uv$7pD^I5_+C
z^sy~1vobQqWo5cWMYcRVvM?~mXJ^7&TmJm~#A0H;P*C~o?C#FaxkE$3U0wC#<Kwcj
zvoSH~!NJ2{U%N*~z*kq&hKBIe)V4c2vM(>#m6iAD>D7*owKq5a{{G{%wCv2x&3Jg;
zrl#`R+T5U^(0+dW_4U}8n8<5u!(Lv!OiaB_PQO!A*_xWWMn=kUas2rB+n%1#fPl9?
zKEF~@_UGr*iHZC2^3#Zj+L@WTL`3GhyXwfuw>>?+PfyvGm+{!x$!>1;=;-s{;Q#;s
zu`Dc8LT}Ol00S^dL_t(|+U(lba-%R9hT$L~Fl;EUiPN0kHoceaz4yMq@BcQ|RD&I7
z&;~Nz&G(*oBx4_Bo>64MNE@O5s1f`L5I`dY&<FuELI8~b8X<s22%r%HXoLV74Fj++
zfJOif&`6?jt2y<kHBo<1pLqCW@^IJsi|-iCg84d81N2SRynDEDTS+$a=5<rn^ymmc
zqhYA}DXlqZ?s3DC^9;~v7@D3_E^gwRCFL2Q(J=H?8CXNga}J<+g}H7#s+5VS%u`pG
zDv{9aaAa$uGco`gb+cN7Jhv<<&sPUcUTQSbh)QaS$V^<(nX9RSsN#<d;a?#t0F4rR
z=owG%&v$n||9<~s?AP|{$GgEV!>XL;tAke64$la*LxKl{?f3!~%?WR$3(`6-E(sl=
zQMXA&d9}KIkK*2bx&K^ICM7-RvWI3d=n^siRge?E8_wxO+$UcOXB~h>i8jBFQM%b5
zA2ww@=L|YP+gY}K#5QC85^jX=vG|?jX8;;`HD6L+Pn)uya|X@1o&e2>Qk!ivv4*p7
zr3Ppe_UxqB^T~#^=bS-D2N}UiodV5+T{DHC)7SwTwcGWDwC9Doyys#-mwP4*&P@@V
zd;l~W)b!p_((}>Ybhgjk%6hY;_dh^Z&<=_8F|+D@nzaEMUE0)olH2-JM$c3*Xfu5b
z?aeTz3334%UEcCaSKG>RR?h{4HpGP|az?PP252-mYil+>v)i(=dM*~U5!^ZHPxY7R
z2($^%sK3T>gzdPI*>j<w^-{0r=qS(iufjPrx~%#0z}oqIcF#qE)@yxGyEj`r=^B;&
zkv3o*2k0BV={WW87ml4;**zBtx<<9`Ga5SgD3=1lM(|Uyvv>ARK<tP)K%-REGmqL?
zRl;+Dpj{%D1=-OLzY0;g!W}`iaA_7MH$&wBje1*JBwAdO@mwHiwR<s-PckaPpV0Ie
zz4yqp4$$bL#+ChjWn9K{?x1ZR-A6HaoE~jCJkpFg-RDVdhdG0u?+0kKc5tvJ<vDlI
zc?QsEXGhL6KqGWr0W<<=ga8^LfJO+Q5kMmZ&<FuELI8~rKqG)g=pXNo00RJPSIM#N
SuHmx)0000<MNUMnLSTYV4qG7r

literal 0
HcmV?d00001

diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts
index 4236aa8949..3532f199a7 100644
--- a/demos/component-docs/tabs/icon-text/pages.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -18,6 +18,14 @@ class TabIconTextPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
+  onInit() {
+    document.getElementById('md-tabs-icon-text').style.display = "block";
+    document.getElementById('md-only').style.display = "none";
+  }
+  onDestroy() {
+    document.getElementById('md-tabs-icon-text').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
 }
 
 @Page({
diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts
index 2fedf5d732..0ee58fe0d3 100644
--- a/demos/component-docs/tabs/icon/pages.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -7,7 +7,7 @@ import * as helpers from '../../helpers';
 @Page({
   template: '' +
   '<ion-navbar *navbar hide-back-button [attr.danger]="isAndroid ? \'\' : null">' +
-  '<ion-title>Tabs</ion-title>' +
+    '<ion-title>Tabs</ion-title>' +
   '</ion-navbar>' +
   '<ion-content>' +
   '</ion-content>',
@@ -18,15 +18,23 @@ class TabIconPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
+  onInit() {
+    document.getElementById('md-tabs-icon').style.display = "block";
+    document.getElementById('md-only').style.display = "none";
+  }
+  onDestroy() {
+    document.getElementById('md-tabs-icon').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
 }
 
 @Page({
   template:
   '<ion-tabs class="tabs-icon">' +
-  '<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
-  '<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
-  '<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
-  '<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
+    '<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
+    '<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
+    '<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
+    '<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
   '</ion-tabs>',
 })
 export class IconPage {