rename IonicView to Page

ionic/components/menu/test/basic/index.ts

@@ -1,15 +1,15 @@
-import {App, IonicApp, IonicView, NavController} from 'ionic/ionic';
+import {App, IonicApp, Page, NavController} from 'ionic/ionic';
 
 
-@IonicView({templateUrl: 'page1.html'})
+@Page({templateUrl: 'page1.html'})
 class Page1 {}
 
 
-@IonicView({templateUrl: 'page3.html'})
+@Page({templateUrl: 'page3.html'})
 class Page3 {}
 
 
-@IonicView({templateUrl: 'page2.html'})
+@Page({templateUrl: 'page2.html'})
 class Page2 {
   constructor(nav: NavController) {
     this.nav = nav;

ionic/components/menu/test/overlay/index.ts

@@ -1,7 +1,7 @@
-import {App, IonicApp, IonicView} from 'ionic/ionic';
+import {App, IonicApp, Page} from 'ionic/ionic';
 
 
-@IonicView({templateUrl: 'page1.html'})
+@Page({templateUrl: 'page1.html'})
 class Page1 {}
 
 

ionic/components/menu/test/reveal/index.ts

@@ -1,7 +1,7 @@
-import {App, IonicApp, IonicView} from 'ionic/ionic';
+import {App, IonicApp, Page} from 'ionic/ionic';
 
 
-@IonicView({templateUrl: 'page1.html'})
+@Page({templateUrl: 'page1.html'})
 class Page1 {}
 
 

ionic/components/modal/test/basic/index.ts

@@ -1,4 +1,4 @@
-import {App, IonicView, IonicApp, IonicConfig, IonicPlatform} from 'ionic/ionic';
+import {App, Page, IonicApp, IonicConfig, IonicPlatform} from 'ionic/ionic';
 import {Modal, ActionSheet, NavController, NavParams, Animation} from 'ionic/ionic';
 
 
@@ -44,7 +44,7 @@ class MyAppCmp {
   }
 }
 
-@IonicView({
+@Page({
   template: '<ion-nav [root]="rootView"></ion-nav>'
 })
 export class ContactModal {
@@ -76,7 +76,7 @@ export class ContactModal {
 }
 
 
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar><ion-title>First Page Header</ion-title><ion-nav-items primary><button class="e2eCloseMenu" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
     <ion-content padding>
@@ -146,7 +146,7 @@ export class ModalFirstPage {
 }
 
 
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar>
     <ion-content padding>

ionic/components/nav-bar/nav-bar.ts

@@ -4,7 +4,7 @@ import {Ion} from '../ion';
 import {Icon} from '../icon/icon';
 import {ToolbarBase} from '../toolbar/toolbar';
 import {IonicConfig} from '../../config/config';
-import {IonicView} from '../../config/decorators';
+import {Page} from '../../config/decorators';
 import {IonicApp} from '../app/app';
 import {ViewController} from '../nav/view-controller';
 import {NavController} from '../nav/nav-controller';

ionic/components/nav/nav-controller.ts

@@ -74,7 +74,7 @@ import * as util from 'ionic/util';
  * <h2 id="creating_views">View creation</h2>
  * Views are created when they are added to the navigation stack.  For methods
  * like [push()](#push), the NavController takes any component class that is
- * decorated with [@IonicView](../../../config/IonicView/) as its first
+ * decorated with [@Page](../../../config/Page/) as its first
  * argument.  The NavController then [compiles]() that component, adds it to the
  * DOM in a similar fashion to Angular's [DynamicComponentLoader](https://angular.io/docs/js/latest/api/core/DynamicComponentLoader-interface.html),
  * and animates it into view.
@@ -87,10 +87,10 @@ import * as util from 'ionic/util';
  *
  * <h2 id="Lifecycle">Lifecycle events</h2>
  * Lifecycle events are fired during various stages of navigation.  They can be
- * defined in any `@IonicView` decorated component class.
+ * defined in any `@Page` decorated component class.
  *
  * ```ts
- * @IonicView({
+ * @Page({
  *   template: 'Hello World'
  * })
  * class HelloWorld {

ionic/components/nav/nav-push.ts

@@ -17,7 +17,7 @@ import {NavRegistry} from './nav-registry';
  * Where `pushPage` and `params` are specified in your component:
  * ```ts
  * import {LoginPage} from 'login';
- * @IonicView({
+ * @Page({
  *   template: `<button [nav-push]="pushPage" [nav-params]="params"></button>`
  * })
  * class MyPage {

ionic/components/nav/test/basic/index.ts

@@ -1,9 +1,9 @@
 import {App, NavController} from 'ionic/ionic';
-import {IonicView, IonicConfig, IonicApp} from 'ionic/ionic';
+import {Page, IonicConfig, IonicApp} from 'ionic/ionic';
 import {NavParams, NavController} from 'ionic/ionic';
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title><ion-segment><ion-segment-button>Friends</ion-segment-button><ion-segment-button>Enemies</ion-segment-button></ion-segment></ion-title>' +
@@ -53,7 +53,7 @@ class FirstPage {
 }
 
 
-@IonicView({
+@Page({
   template: `
     <ion-content padding>
       <h1>Second page</h1>
@@ -97,7 +97,7 @@ class SecondPage {
 }
 
 
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar><ion-title>Third Page Header</ion-title></ion-navbar>
     <ion-content padding>

ionic/components/nav/test/routing/index.ts

@@ -1,9 +1,9 @@
 import {RouteConfig, Location} from 'angular2/router';
 
-import {App, IonicView, NavParams, ViewController} from 'ionic/ionic';
+import {App, Page, NavParams, ViewController} from 'ionic/ionic';
 
 
-@IonicView({templateUrl: 'view1.html'})
+@Page({templateUrl: 'view1.html'})
 class View1Cmp {
   constructor(location: Location, viewCtrl: ViewController) {
     this.path = location.path();
@@ -16,7 +16,7 @@ class View1Cmp {
 }
 
 
-@IonicView({templateUrl: 'view2.html'})
+@Page({templateUrl: 'view2.html'})
 class View2Cmp {
   constructor(location: Location, viewCtrl: ViewController) {
     this.path = location.path();
@@ -29,7 +29,7 @@ class View2Cmp {
 }
 
 
-@IonicView({templateUrl: 'view3.html'})
+@Page({templateUrl: 'view3.html'})
 class View3Cmp {
   constructor(params: NavParams, location: Location, viewCtrl: ViewController) {
     this.id = params.get('id');

ionic/components/tabs/tabs.ts

@@ -43,7 +43,7 @@ import * as dom from 'ionic/util/dom';
  * You can select tabs programatically by injecting Tabs into any child
  * component, and using the [select()](#select) method:
  * ```ts
- * @IonicView({
+ * @Page({
  *   template: `<button (click)="goToTabTwo()">Go to Tab2</button>`
  * })
  * class TabOne {

ionic/components/tabs/test/advanced/index.ts

@@ -1,9 +1,9 @@
 import {RouteConfig, Location} from 'angular2/router';
 
-import {App, IonicView, NavController} from 'ionic/ionic';
+import {App, Page, NavController} from 'ionic/ionic';
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Sign In</ion-title>' +
@@ -25,7 +25,7 @@ class SignIn {
 }
 
 
-@IonicView({
+@Page({
   templateUrl: './tabs.html'
 })
 class TabsPage {
@@ -40,7 +40,7 @@ class TabsPage {
 //
 // tab 1
 //
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 1 Page 1</ion-title>' +
@@ -62,7 +62,7 @@ class Tab1Page1 {
 }
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 1 Page 2</ion-title>' +
@@ -85,7 +85,7 @@ class Tab1Page2 {
 }
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 1 Page 3</ion-title>' +
@@ -107,7 +107,7 @@ class Tab1Page3 {
 //
 // tab 2
 //
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 2 Page 1</ion-title>' +
@@ -129,7 +129,7 @@ class Tab2Page1 {
 }
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 2 Page 2</ion-title>' +
@@ -152,7 +152,7 @@ class Tab2Page2 {
 }
 
 
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 2 Page 3</ion-title>' +
@@ -174,7 +174,7 @@ class Tab2Page3 {
 //
 // tab 3
 //
-@IonicView({
+@Page({
   template: '' +
     '<ion-navbar *navbar>' +
       '<ion-title>Tabs 3</ion-title>' +

ionic/components/tabs/test/basic/index.ts

@@ -1,9 +1,9 @@
-  import {App, IonicView, NavController} from 'ionic/ionic';
+  import {App, Page, NavController} from 'ionic/ionic';
 
 //
 // Tab 1
 //
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar>
       <ion-title>Heart</ion-title>
@@ -22,7 +22,7 @@ class Tab1 {
 //
 // Tab 2
 //
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar>
       <ion-title>Star</ion-title>
@@ -41,7 +41,7 @@ class Tab2 {
 //
 // Tab 3
 //
-@IonicView({
+@Page({
   template: `
     <ion-navbar *navbar>
       <ion-title>Stopwatch</ion-title>