javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
references #5311
This commit is contained in:
Brandy Carney
2016-02-03 14:26:21 -05:00
parent f5a20d3dbb
commit 59da895ea0
30 changed files with 90 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demos/blur/index.ts
View File

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

3
demos/buttons/index.ts → demos/button/index.ts
View File

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

64
demos/button/main.html Normal file
View File

@ -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>

103
demos/buttons/main.html
View File

@ -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>

2
demos/checkbox/app.html
View File

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

18
demos/checkbox/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

13
demos/config/index.html
View File

@ -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>

1
demos/hide-when/app.html
View File

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

18
demos/hide-when/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

1
demos/label/app.html
View File

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

18
demos/label/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

5
demos/list/index.ts
View File

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

2
demos/local-storage/app.html
View File

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

12
demos/local-storage/index.ts
View File

@ -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 = {};

4
demos/menu/index.ts
View File

@ -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;

1
demos/platform/app.html
View File

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

15
demos/platform/index.ts
View File

@ -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();
}
}

6
demos/radio/index.ts
View File

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

2
demos/refresher/app.html
View File

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

16
demos/refresher/index.ts
View File

@ -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 {
constructor() {
}
class ApiDemoApp {
doRefresh(refresher) {
console.log('DOREFRESH', refresher)
@ -33,4 +20,3 @@ export class InitialPage {
console.log('DOPULLING', amt);
}
}

6
demos/scroll/index.ts
View File

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

3
demos/segment/index.ts
View File

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

18
demos/show-when/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

2
demos/slides/index.ts
View File

@ -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 = {

1
demos/toggle/app.html
View File

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

18
demos/toggle/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

1
demos/toolbar/app.html
View File

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

18
demos/toolbar/index.ts
View File

@ -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 {
constructor() {
}
}
class ApiDemoApp {}

1
ionic/components/alert/alert.ts
View File

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

2
ionic/components/button/button.ts
View File

@ -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}
*/