From 9a718a9fbbc345486301d47ca2adb5e516ea6115 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Wed, 16 Dec 2015 16:32:47 -0600
Subject: [PATCH] docs(demos/tabs): fix page event handler

---
 demos/component-docs/tabs/icon-text/pages.ts | 13 ++++++++-----
 demos/component-docs/tabs/icon/pages.ts      | 12 +++++++-----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts
index 3532f199a7..2b2f417ca5 100644
--- a/demos/component-docs/tabs/icon-text/pages.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -18,14 +18,11 @@ class TabIconTextPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
-  onInit() {
+  onPageWillEnter() {
+    console.log('enter');
     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({
@@ -44,4 +41,10 @@ export class IconTextPage {
     this.tabThree = TabIconTextPage;
     this.tabFour = TabIconTextPage;
   }
+
+  onPageWillLeave() {
+    document.getElementById('md-tabs-icon-text').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
+
 }
diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts
index 0ee58fe0d3..c8b20d2099 100644
--- a/demos/component-docs/tabs/icon/pages.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -18,14 +18,10 @@ class TabIconPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
-  onInit() {
+  onPageWillEnter() {
     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({
@@ -44,4 +40,10 @@ export class IconPage {
     this.tabThree = TabIconPage;
     this.tabFour = TabIconPage;
   }
+
+  onPageWillLeave() {
+    document.getElementById('md-tabs-icon').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
+
 }