docs(demos): fix demos to have same class name and remove files that aren't needed anymore

references #5311

demos/blur/index.ts

@@ -3,8 +3,4 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-
+class ApiDemoApp {}
-class DemoApp {
-  blur() {
-  }
-}

demos/button/index.ts

@@ -3,5 +3,4 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-
+class ApiDemoApp {}
-class DemoApp {}

demos/button/main.html

@@ -0,0 +1,64 @@
+
+<ion-toolbar>
+  <ion-title>Button</ion-title>
+</ion-toolbar>
+
+<ion-content text-center>
+
+  <h4>Colors</h4>
+
+  <button>Default</button>
+
+  <button secondary>Secondary</button>
+
+  <button danger>Danger</button>
+
+  <button light>Light</button>
+
+  <button dark>Dark</button>
+
+  <h4>Shapes</h4>
+
+  <button full>Full Button</button>
+
+  <button block>Block Button</button>
+
+  <button round>Round Button</button>
+
+  <button fab style="position: relative;">FAB</button>
+
+  <h4>Outlines</h4>
+
+  <button secondary full outline>Outline + Full</button>
+
+  <button secondary block outline>Outline + Block</button>
+
+  <button secondary round outline>Outline + Round</button>
+
+  <button secondary fab outline style="position: relative;">FAB</button>
+
+  <h4>Icons</h4>
+
+  <button dark>
+    <ion-icon name="star"></ion-icon>
+    Left Icon
+  </button>
+
+  <button dark>
+    Right Icon
+    <ion-icon name="star"></ion-icon>
+  </button>
+
+  <button dark>
+    <ion-icon name="star"></ion-icon>
+  </button>
+
+  <h4>Sizes</h4>
+
+  <button light large>Large</button>
+
+  <button light>Default</button>
+
+  <button light small>Small</button>
+
+</ion-content>

demos/buttons/main.html

@@ -1,103 +0,0 @@
-
-<ion-toolbar>
-  <ion-title>Buttons</ion-title>
-</ion-toolbar>
-
-<ion-content text-center>
-
-  <h4>Colors</h4>
-
-  <p>
-    <button>Default</button>
-  </p>
-
-  <p>
-    <button secondary>Secondary</button>
-  </p>
-
-  <p>
-    <button danger>Danger</button>
-  </p>
-
-  <p>
-    <button light>Light</button>
-  </p>
-
-  <p>
-    <button dark>Dark</button>
-  </p>
-
-  <h4>Shapes</h4>
-
-  <p>
-    <button full>Full Button</button>
-  </p>
-
-  <p>
-    <button block>Block Button</button>
-  </p>
-
-  <p>
-    <button round>Round Button</button>
-  </p>
-
-    <p>
-    <button fab style="position: relative;">FAB</button>
-  </p>
-
-  <h4>Outlines</h4>
-
-  <p>
-    <button secondary full outline>Outline + Full</button>
-  </p>
-
-  <p>
-    <button secondary block outline>Outline + Block</button>
-  </p>
-
-  <p>
-    <button secondary round outline>Outline + Round</button>
-  </p>
-
-  <p>
-    <button secondary fab outline style="position: relative;">FAB</button>
-  </p>
-
-  <h4>Icons</h4>
-
-  <p>
-    <button dark>
-      <ion-icon name="star"></ion-icon>
-      Left Icon
-    </button>
-  </p>
-
-  <p>
-    <button dark>
-      Right Icon
-      <ion-icon name="star"></ion-icon>
-    </button>
-  </p>
-
-  <p>
-    <button dark>
-      <ion-icon name="star"></ion-icon>
-    </button>
-  </p>
-
-
-  <h4>Sizes</h4>
-
-  <p>
-    <button light large>Large</button>
-  </p>
-
-  <p>
-    <button light>Default</button>
-  </p>
-
-  <p>
-    <button light small>Small</button>
-  </p>
-
-</ion-content>

demos/checkbox/app.html

@@ -1,2 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
-<ion-overlay></ion-overlay>

demos/checkbox/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

demos/config/index.html

@@ -20,19 +20,6 @@
   </ion-app>
 
   <script src="bundle.js"></script>
-  <!-- <script src="../../js/ionic.bundle.js"></script>
-
-  <script>
-    System.config({
-      "paths": {
-        "*": "*.js",
-        "ionic/*": "ionic/*",
-        "angular2/*": "angular2/*",
-        "rx": "rx"
-      }
-    })
-    System.import("index");
-  </script> -->
 
 </body>
 </html>

demos/hide-when/app.html

@@ -1 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

demos/hide-when/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

demos/label/app.html

@@ -1 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

demos/label/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

demos/list/index.ts

@@ -1,9 +1,6 @@
 import {App} from 'ionic/ionic';
 
-
 @App({
   templateUrl: 'main.html'
 })
-class ApiDemoApp {
+class ApiDemoApp {}
-  constructor() { }
-}

demos/local-storage/app.html

@@ -1,2 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
-<ion-overlay></ion-overlay>

demos/local-storage/index.ts

@@ -3,19 +3,9 @@ import {Storage, LocalStorage} from 'ionic/ionic';
 
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {
   constructor() {
     this.local = new Storage(LocalStorage);
     this.myItem = {};

demos/menu/index.ts

@@ -8,12 +8,10 @@ class Page1 {}
 @Page({templateUrl: 'page2.html'})
 class Page2 {}
 
-
 @App({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class ApiDemoApp {
-
   constructor(app: IonicApp) {
     this.app = app;
     this.rootView = Page1;

demos/platform/app.html

@@ -1 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

demos/platform/index.ts

@@ -1,23 +1,12 @@
-import {App, Page, IonicApp, Platform} from 'ionic/ionic';
+import {App, Platform} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {
   constructor(platform: Platform) {
     this.isIos = platform.is('ios');
     this.isAndroid = platform.is('android');
     this.userAgent = platform.userAgent();
   }
 }
-

demos/radio/index.ts

@@ -3,8 +3,4 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-
+class ApiDemoApp {}
-class DemoApp {
-  blur() {
-  }
-}

demos/refresher/app.html

@@ -1,2 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
-<ion-overlay></ion-overlay>

demos/refresher/index.ts

@@ -1,22 +1,9 @@
 import {App, Page, IonicApp} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {
-  constructor() {
-  }
-
   doRefresh(refresher) {
     console.log('DOREFRESH', refresher)
 
@@ -33,4 +20,3 @@ export class InitialPage {
     console.log('DOPULLING', amt);
   }
 }
-

demos/scroll/index.ts

@@ -3,8 +3,4 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-
+class ApiDemoApp {}
-class DemoApp {
-  blur() {
-  }
-}

demos/segment/index.ts

@@ -3,8 +3,7 @@ import {App, Platform} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-
+class ApiDemoApp {
-class DemoApp {
   constructor(platform: Platform) {
     this.platform = platform;
     this.pet = "puppies";

demos/show-when/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

demos/slides/index.ts

@@ -4,7 +4,7 @@ import {Http} from 'angular2/http';
 @App({
   templateUrl: 'main.html',
 })
-class MyApp {
+class ApiDemoApp {
   constructor(private app: IonicApp, http: Http) {
     this.http = http;
     this.extraOptions = {

demos/toggle/app.html

@@ -1 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

demos/toggle/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

demos/toolbar/app.html

@@ -1 +0,0 @@
-<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

demos/toolbar/index.ts

@@ -1,20 +1,6 @@
-import {App, Page, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
 
 @App({
-  templateUrl: 'app.html'
-})
-class ApiDemoApp {
-
-  constructor() {
-    this.rootPage = InitialPage;
-  }
-}
-
-@Page({
   templateUrl: 'main.html'
 })
-export class InitialPage {
+class ApiDemoApp {}
-  constructor() {
-  }
-}
-

ionic/components/alert/alert.ts

@@ -114,6 +114,7 @@ import {ViewController} from '../nav/view-controller';
  * }
  * ```
  *
+ * @demo /docs/v2/demos/alert/ 
  */
 export class Alert extends ViewController {
 

ionic/components/button/button.ts

@@ -24,7 +24,7 @@ import {Toolbar} from '../toolbar/toolbar';
   * @property [color] - Dynamically set which color attribute this button should use.
   * @description
   * Buttons are simple components in Ionic, can consist of text, an icon, or both, and can be enhanced with a wide range of attributes.
-  * @demo /docs/v2/demos/buttons/
+  * @demo /docs/v2/demos/button/
   * @see {@link /docs/v2/components#buttons Button Component Docs}
 
  */