diff --git a/demos/component-docs/action-sheets/action-sheets.ts b/demos/component-docs/action-sheets/action-sheets.ts
new file mode 100644
index 0000000000..ebdd570b29
--- /dev/null
+++ b/demos/component-docs/action-sheets/action-sheets.ts
@@ -0,0 +1 @@
+export * from './basic/pages';
diff --git a/demos/component-docs/actionSheet/actionSheet.html b/demos/component-docs/action-sheets/basic/basic.html
similarity index 100%
rename from demos/component-docs/actionSheet/actionSheet.html
rename to demos/component-docs/action-sheets/basic/basic.html
diff --git a/demos/component-docs/actionSheet/actionSheet.ts b/demos/component-docs/action-sheets/basic/pages.ts
similarity index 93%
rename from demos/component-docs/actionSheet/actionSheet.ts
rename to demos/component-docs/action-sheets/basic/pages.ts
index 885be0972e..be890cd7e5 100644
--- a/demos/component-docs/actionSheet/actionSheet.ts
+++ b/demos/component-docs/action-sheets/basic/pages.ts
@@ -1,13 +1,13 @@
import {Platform, Page, ActionSheet} from 'ionic/ionic';
import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
+import {AndroidAttribute} from '../../helpers';
@Page({
- templateUrl: 'actionSheet/actionSheet.html',
+ templateUrl: 'action-sheets/basic/basic.html',
directives: [forwardRef(() => AndroidAttribute)]
})
-export class ActionSheetPage {
+export class BasicPage {
constructor(actionSheet: ActionSheet, platform: Platform) {
this.actionSheet = actionSheet;
diff --git a/demos/component-docs/buttons/buttons.html b/demos/component-docs/buttons/basic/basic.html
similarity index 100%
rename from demos/component-docs/buttons/buttons.html
rename to demos/component-docs/buttons/basic/basic.html
diff --git a/demos/component-docs/buttons/basic/pages.ts b/demos/component-docs/buttons/basic/pages.ts
new file mode 100644
index 0000000000..dd668f91ed
--- /dev/null
+++ b/demos/component-docs/buttons/basic/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/basic/basic.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/block.html b/demos/component-docs/buttons/block/block.html
similarity index 100%
rename from demos/component-docs/buttons/block.html
rename to demos/component-docs/buttons/block/block.html
diff --git a/demos/component-docs/buttons/block/pages.ts b/demos/component-docs/buttons/block/pages.ts
new file mode 100644
index 0000000000..5cfebde02e
--- /dev/null
+++ b/demos/component-docs/buttons/block/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/block.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BlockPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/buttons.ts b/demos/component-docs/buttons/buttons.ts
index d10bea7ecb..e6f2aae6d2 100644
--- a/demos/component-docs/buttons/buttons.ts
+++ b/demos/component-docs/buttons/buttons.ts
@@ -1,103 +1,10 @@
-import {Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
-
-@Page({
- templateUrl: 'buttons/buttons.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/block.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class BlockButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/clear.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ClearButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/full.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class FullButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/outline.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class OutlineButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/round.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class RoundButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/fab.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class FabPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/sizes.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ButtonSizesPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/icons.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class IconButtonsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'buttons/components.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ButtonsInComponentsPage {
- constructor() {
-
- }
-}
+export * from './basic/pages';
+export * from './block/pages';
+export * from './clear/pages';
+export * from './components/pages';
+export * from './fab/pages';
+export * from './full/pages';
+export * from './icons/pages';
+export * from './outline/pages';
+export * from './round/pages';
+export * from './sizes/pages';
diff --git a/demos/component-docs/buttons/clear.html b/demos/component-docs/buttons/clear/clear.html
similarity index 100%
rename from demos/component-docs/buttons/clear.html
rename to demos/component-docs/buttons/clear/clear.html
diff --git a/demos/component-docs/buttons/clear/pages.ts b/demos/component-docs/buttons/clear/pages.ts
new file mode 100644
index 0000000000..2622ddbf26
--- /dev/null
+++ b/demos/component-docs/buttons/clear/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/clear.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ClearPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/components.html b/demos/component-docs/buttons/components/components.html
similarity index 100%
rename from demos/component-docs/buttons/components.html
rename to demos/component-docs/buttons/components/components.html
diff --git a/demos/component-docs/buttons/components/pages.ts b/demos/component-docs/buttons/components/pages.ts
new file mode 100644
index 0000000000..4fd151ef1a
--- /dev/null
+++ b/demos/component-docs/buttons/components/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/components.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ComponentsPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/fab.html b/demos/component-docs/buttons/fab/fab.html
similarity index 100%
rename from demos/component-docs/buttons/fab.html
rename to demos/component-docs/buttons/fab/fab.html
diff --git a/demos/component-docs/buttons/fab/pages.ts b/demos/component-docs/buttons/fab/pages.ts
new file mode 100644
index 0000000000..93c01d1804
--- /dev/null
+++ b/demos/component-docs/buttons/fab/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/fab.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class FabPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/full.html b/demos/component-docs/buttons/full/full.html
similarity index 100%
rename from demos/component-docs/buttons/full.html
rename to demos/component-docs/buttons/full/full.html
diff --git a/demos/component-docs/buttons/full/pages.ts b/demos/component-docs/buttons/full/pages.ts
new file mode 100644
index 0000000000..aadf415638
--- /dev/null
+++ b/demos/component-docs/buttons/full/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/full.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class FullPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/icons.html b/demos/component-docs/buttons/icons/icons.html
similarity index 100%
rename from demos/component-docs/buttons/icons.html
rename to demos/component-docs/buttons/icons/icons.html
diff --git a/demos/component-docs/buttons/icons/pages.ts b/demos/component-docs/buttons/icons/pages.ts
new file mode 100644
index 0000000000..f2f247e34c
--- /dev/null
+++ b/demos/component-docs/buttons/icons/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/icons.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class IconsPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/outline.html b/demos/component-docs/buttons/outline/outline.html
similarity index 100%
rename from demos/component-docs/buttons/outline.html
rename to demos/component-docs/buttons/outline/outline.html
diff --git a/demos/component-docs/buttons/outline/pages.ts b/demos/component-docs/buttons/outline/pages.ts
new file mode 100644
index 0000000000..5f74737ab6
--- /dev/null
+++ b/demos/component-docs/buttons/outline/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/outline.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class OutlinePage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/round/pages.ts b/demos/component-docs/buttons/round/pages.ts
new file mode 100644
index 0000000000..fad823f814
--- /dev/null
+++ b/demos/component-docs/buttons/round/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/round.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class RoundPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/round.html b/demos/component-docs/buttons/round/round.html
similarity index 100%
rename from demos/component-docs/buttons/round.html
rename to demos/component-docs/buttons/round/round.html
diff --git a/demos/component-docs/buttons/sizes/pages.ts b/demos/component-docs/buttons/sizes/pages.ts
new file mode 100644
index 0000000000..a60e3decea
--- /dev/null
+++ b/demos/component-docs/buttons/sizes/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'buttons/sizes.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class SizesPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/sizes.html b/demos/component-docs/buttons/sizes/sizes.html
similarity index 100%
rename from demos/component-docs/buttons/sizes.html
rename to demos/component-docs/buttons/sizes/sizes.html
diff --git a/demos/component-docs/cards/advanced-map/pages.ts b/demos/component-docs/cards/advanced-map/pages.ts
new file mode 100644
index 0000000000..ba0ec22225
--- /dev/null
+++ b/demos/component-docs/cards/advanced-map/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/advanced-map/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class AdvancedMapPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/cards/cards-advanced-map.html b/demos/component-docs/cards/advanced-map/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-advanced-map.html
rename to demos/component-docs/cards/advanced-map/template.html
diff --git a/demos/component-docs/cards/advanced-social/pages.ts b/demos/component-docs/cards/advanced-social/pages.ts
new file mode 100644
index 0000000000..df80216266
--- /dev/null
+++ b/demos/component-docs/cards/advanced-social/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/advanced-social/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class AdvancedSocialPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards-advanced-social.html b/demos/component-docs/cards/advanced-social/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-advanced-social.html
rename to demos/component-docs/cards/advanced-social/template.html
diff --git a/demos/component-docs/cards/advanced-weather/pages.ts b/demos/component-docs/cards/advanced-weather/pages.ts
new file mode 100644
index 0000000000..98626d6a40
--- /dev/null
+++ b/demos/component-docs/cards/advanced-weather/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/advanced-weather/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class AdvancedWeatherPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/cards/cards-advanced-weather.html b/demos/component-docs/cards/advanced-weather/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-advanced-weather.html
rename to demos/component-docs/cards/advanced-weather/template.html
diff --git a/demos/component-docs/cards/cards-background/pages.ts b/demos/component-docs/cards/background/pages.ts
similarity index 82%
rename from demos/component-docs/cards/cards-background/pages.ts
rename to demos/component-docs/cards/background/pages.ts
index 63d8189aba..8dd1490460 100644
--- a/demos/component-docs/cards/cards-background/pages.ts
+++ b/demos/component-docs/cards/background/pages.ts
@@ -3,7 +3,7 @@ import {forwardRef} from 'angular2/angular2';
import {AndroidAttribute} from '../../helpers';
@Page({
- templateUrl: 'cards/cards-background/main.html',
+ templateUrl: 'cards/background/template.html',
directives: [forwardRef(() => AndroidAttribute)]
})
export class BackgroundPage {
diff --git a/demos/component-docs/cards/cards-background.html b/demos/component-docs/cards/background/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-background.html
rename to demos/component-docs/cards/background/template.html
diff --git a/demos/component-docs/cards/basic/pages.ts b/demos/component-docs/cards/basic/pages.ts
new file mode 100644
index 0000000000..c6bc2ad674
--- /dev/null
+++ b/demos/component-docs/cards/basic/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/basic/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards-basic.html b/demos/component-docs/cards/basic/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-basic.html
rename to demos/component-docs/cards/basic/template.html
diff --git a/demos/component-docs/cards/cards-background/main.html b/demos/component-docs/cards/cards-background/main.html
deleted file mode 100644
index 91f0e4e9f4..0000000000
--- a/demos/component-docs/cards/cards-background/main.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
- Background Images
-
-
-
-
-
-
-
diff --git a/demos/component-docs/cards/cards.ts b/demos/component-docs/cards/cards.ts
index 758e3ee1ec..caa9106d5d 100644
--- a/demos/component-docs/cards/cards.ts
+++ b/demos/component-docs/cards/cards.ts
@@ -1,76 +1,8 @@
-import {Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
-
-export * from './cards-background/pages';
-
-@Page({
- templateUrl: 'cards/cards-basic.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class BasicPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'cards/cards-header.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class HeaderPage {
- constructor() {
-
- }
-}
-
-
-@Page({
- templateUrl: 'cards/cards-list.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ListPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'cards/cards-image.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ImagePage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'cards/cards-advanced-social.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class AdvancedSocialPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'cards/cards-advanced-map.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class AdvancedMapPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'cards/cards-advanced-weather.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class AdvancedWeatherPage {
- constructor() {
-
- }
-}
+export * from './advanced-map/pages';
+export * from './advanced-social/pages';
+export * from './advanced-weather/pages';
+export * from './background/pages';
+export * from './basic/pages';
+export * from './header/pages';
+export * from './image/pages';
+export * from './list/pages';
diff --git a/demos/component-docs/cards/header/pages.ts b/demos/component-docs/cards/header/pages.ts
new file mode 100644
index 0000000000..da2232a532
--- /dev/null
+++ b/demos/component-docs/cards/header/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/header/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class HeaderPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards-header.html b/demos/component-docs/cards/header/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-header.html
rename to demos/component-docs/cards/header/template.html
diff --git a/demos/component-docs/cards/image/pages.ts b/demos/component-docs/cards/image/pages.ts
new file mode 100644
index 0000000000..c0321971d5
--- /dev/null
+++ b/demos/component-docs/cards/image/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/image/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ImagePage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards-image.html b/demos/component-docs/cards/image/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-image.html
rename to demos/component-docs/cards/image/template.html
diff --git a/demos/component-docs/cards/list/pages.ts b/demos/component-docs/cards/list/pages.ts
new file mode 100644
index 0000000000..af241f55f2
--- /dev/null
+++ b/demos/component-docs/cards/list/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'cards/list/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ListPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/cards/cards-list.html b/demos/component-docs/cards/list/template.html
similarity index 100%
rename from demos/component-docs/cards/cards-list.html
rename to demos/component-docs/cards/list/template.html
diff --git a/demos/component-docs/forms/forms.ts b/demos/component-docs/forms/forms.ts
deleted file mode 100644
index 7df7efcd3a..0000000000
--- a/demos/component-docs/forms/forms.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import {FORM_DIRECTIVES, FormBuilder, forwardRef, Validators, Control, ControlGroup} from 'angular2/angular2';
-import {Page} from 'ionic/ionic';
-import {AndroidAttribute} from '../helpers';
-
-
-
-@Page({
- templateUrl: 'forms/forms.html',
- providers: [FormBuilder],
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class FormsPage {
-
- constructor() {
- this.form = new ControlGroup({
- firstName: new Control("", Validators.required),
- lastName: new Control("", Validators.required)
- });
- }
-
- processForm(event) {
- // TODO: display input in a popup
- console.log(event);
- }
-
-
-}
-
-@Page({
- templateUrl: 'forms/fixed-inline.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class FixedInlinePage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'forms/floating.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class FloatingPage {
- constructor() {
-
- }
-}
-
-
-@Page({
- templateUrl: 'forms/inline.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class InlinePage {
- constructor() {
-
- }
-}
-
-
-@Page({
- templateUrl: 'forms/inset.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class InsetPage {
- constructor() {
-
- }
-}
-
-
-@Page({
- templateUrl: 'forms/placeholder.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class PlaceholderPage {
- constructor() {
-
- }
-}
-
-
-@Page({
- templateUrl: 'forms/stacked.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class StackedPage {
- constructor() {
-
- }
-}
diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index 36f4ffd672..385f210164 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -1,56 +1,19 @@
import {Directive, ElementRef, Renderer} from 'angular2/angular2';
import {Platform, Navbar} from 'ionic/ionic';
-
-import {ActionSheetPage} from './actionSheet/actionSheet';
-
-import {ButtonsPage,
- BlockButtonsPage,
- ClearButtonsPage,
- FullButtonsPage,
- OutlineButtonsPage,
- RoundButtonsPage,
- FabPage,
- ButtonSizesPage,
- IconButtonsPage,
- ButtonsInComponentsPage} from './buttons/buttons';
-
+import * as actionSheets from './action-sheets/action-sheets';
+import * as buttons from './buttons/buttons';
import * as cards from './cards/cards';
-
-import {FormsPage,
- FixedInlinePage,
- FloatingPage,
- InlinePage,
- InsetPage,
- PlaceholderPage,
- StackedPage} from './forms/forms';
-
-import {IconsPage} from './icons/icons';
-
-import {CheckboxPage,
- RadioPage,
- RangePage,
- SelectPage,
- SwitchPage} from './inputs/inputs';
-
-import {BasicListsPage,
- AvatarListsPage,
- IconListsPage,
- BasicDividersPage,
- BasicInsetListsPage,
- ListHeadersPage,
- MultilineListsPage,
- ThumbnailListsPage} from './lists/lists';
-
-import {MenusPage} from './menus/menus';
-import {ModalsPage} from './modals/modals';
-import {NavigationPage} from './navigation/navigation';
-import {PopupsPage} from './popups/popups';
-import {SlidesPage} from './slides/slides';
-
-import {TabsPage} from './tabs/tabs';
-import {TabsIconPage} from './tabs/tabs-icon';
-import {TabsIconTextPage} from './tabs/tabs-icon-text';
+import * as labels from './labels/labels';
+import * as icons from './icons/icons';
+import * as inputs from './inputs/inputs';
+import * as lists from './lists/lists';
+import * as menus from './menus/menus';
+import * as modals from './modals/modals';
+import * as navigation from './navigation/navigation';
+import * as popups from './popups/popups';
+import * as slides from './slides/slides';
+import * as tabs from './tabs/tabs';
@Directive({
@@ -105,17 +68,18 @@ export function hasScrollbar() {
export function getPageFor(hash) {
return {
- 'action-sheets': ActionSheetPage,
- 'buttons': ButtonsPage,
- 'block-buttons': BlockButtonsPage,
- 'clear-buttons': ClearButtonsPage,
- 'full-buttons': FullButtonsPage,
- 'outline-buttons': OutlineButtonsPage,
- 'round-buttons': RoundButtonsPage,
- 'floating-action-buttons': FabPage,
- 'buttons-in-components': ButtonsInComponentsPage,
- 'button-sizes': ButtonSizesPage,
- 'icon-buttons': IconButtonsPage,
+ 'action-sheets': actionSheets.BasicPage,
+
+ 'buttons': buttons.BasicPage,
+ 'block-buttons': buttons.BlockPage,
+ 'clear-buttons': buttons.ClearPage,
+ 'full-buttons': buttons.FullPage,
+ 'outline-buttons': buttons.OutlinePage,
+ 'round-buttons': buttons.RoundPage,
+ 'floating-action-buttons': buttons.FabPage,
+ 'buttons-in-components': buttons.ComponentsPage,
+ 'button-sizes': buttons.SizesPage,
+ 'icon-buttons': buttons.IconsPage,
'cards': cards.BasicPage,
'card-header': cards.HeaderPage,
@@ -127,40 +91,40 @@ export function getPageFor(hash) {
'card-advanced-social': cards.AdvancedSocialPage,
'card-advanced-weather': cards.AdvancedWeatherPage,
- 'checkbox': CheckboxPage,
- 'radio': RadioPage,
- 'range': RangePage,
- 'select': SelectPage,
- 'switch': SwitchPage,
+ 'checkbox': inputs.CheckboxPage,
+ 'radio': inputs.RadioPage,
+ 'range': inputs.RangePage,
+ 'select': inputs.SelectPage,
+ 'switch': inputs.SwitchPage,
- 'inputs': FormsPage,
- 'fixed-inline-labels': FixedInlinePage,
- 'floating-labels': FloatingPage,
- 'inline-labels': InlinePage,
- 'inset-labels': InsetPage,
- 'placeholder-labels': PlaceholderPage,
- 'stacked-labels': StackedPage,
+ 'inputs': labels.BasicPage,
+ 'fixed-inline-labels': labels.FixedInlinePage,
+ 'floating-labels': labels.FloatingPage,
+ 'inline-labels': labels.InlinePage,
+ 'inset-labels': labels.InsetPage,
+ 'placeholder-labels': labels.PlaceholderPage,
+ 'stacked-labels': labels.StackedPage,
- 'icons': IconsPage,
+ 'icons': icons.BasicPage,
- 'lists': BasicListsPage,
- 'avatar-list': AvatarListsPage,
- 'icon-list': IconListsPage,
- 'list-dividers': BasicDividersPage,
- 'inset-list': BasicInsetListsPage,
- 'list-headers': ListHeadersPage,
- 'multiline-list': MultilineListsPage,
- 'thumbnail-list': ThumbnailListsPage,
+ 'lists': lists.BasicPage,
+ 'avatar-list': lists.AvatarPage,
+ 'icon-list': lists.IconPage,
+ 'list-dividers': lists.LinesPage,
+ 'inset-list': lists.InsetPage,
+ 'list-headers': lists.HeadersPage,
+ 'multiline-list': lists.MultilinePage,
+ 'thumbnail-list': lists.ThumbnailPage,
- 'menus': MenusPage,
- 'modals': ModalsPage,
- 'navigation': NavigationPage,
- 'popups': PopupsPage,
- 'slides': SlidesPage,
+ 'menus': menus.BasicPage,
+ 'modals': modals.BasicPage,
+ 'navigation': navigation.BasicPage,
+ 'popups': popups.BasicPage,
+ 'slides': slides.BasicPage,
- 'tabs': TabsPage,
- 'tabs-icon': TabsIconPage,
- 'tabs-icon-text': TabsIconTextPage,
+ 'tabs': tabs.BasicPage,
+ 'tabs-icon': tabs.IconPage,
+ 'tabs-icon-text': tabs.IconTextPage,
}[hash]
}
diff --git a/demos/component-docs/icons/basic/pages.ts b/demos/component-docs/icons/basic/pages.ts
new file mode 100644
index 0000000000..d980059046
--- /dev/null
+++ b/demos/component-docs/icons/basic/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'icons/basic/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/icons/icons.html b/demos/component-docs/icons/basic/template.html
similarity index 100%
rename from demos/component-docs/icons/icons.html
rename to demos/component-docs/icons/basic/template.html
diff --git a/demos/component-docs/icons/icons.ts b/demos/component-docs/icons/icons.ts
index f7cc33ee76..ebdd570b29 100644
--- a/demos/component-docs/icons/icons.ts
+++ b/demos/component-docs/icons/icons.ts
@@ -1,13 +1 @@
-import {Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
-
-@Page({
- templateUrl: 'icons/icons.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class IconsPage {
- constructor() {
-
- }
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/index.ts b/demos/component-docs/index.ts
index 38b558645e..2af4f048f8 100644
--- a/demos/component-docs/index.ts
+++ b/demos/component-docs/index.ts
@@ -1,7 +1,7 @@
import {App, IonicApp, Platform, ActionSheet} from 'ionic/ionic';
import {Page, Config, Events} from 'ionic/ionic';
import {PageOne, PageTwo, PageThree} from './menus/menus';
-import {ActionSheetPage} from './actionSheet/actionSheet';
+import * as actionSheets from './action-sheets/action-sheets';
import * as helpers from './helpers';
@@ -14,7 +14,6 @@ class DemoApp {
androidAttribute: any;
constructor(app: IonicApp, platform: Platform) {
- debugger;
this.app = app;
this.platform = platform;
this.androidAttribute = helpers.AndroidAttribute;
@@ -33,7 +32,7 @@ class DemoApp {
if (data.hash) {
this.nextPage = helpers.getPageFor(data.hash.replace('#', ''));
} else {
- this.nextPage = ActionSheetPage;
+ this.nextPage = actionSheets.BasicPage;
}
let nav = this.app.getComponent('nav');
nav.setRoot(this.nextPage);
diff --git a/demos/component-docs/inputs/checkbox/pages.ts b/demos/component-docs/inputs/checkbox/pages.ts
new file mode 100644
index 0000000000..3d71a40f6c
--- /dev/null
+++ b/demos/component-docs/inputs/checkbox/pages.ts
@@ -0,0 +1,12 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'inputs/checkbox/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class CheckboxPage{
+ constructor() {
+ }
+}
diff --git a/demos/component-docs/inputs/checkbox.html b/demos/component-docs/inputs/checkbox/template.html
similarity index 100%
rename from demos/component-docs/inputs/checkbox.html
rename to demos/component-docs/inputs/checkbox/template.html
diff --git a/demos/component-docs/inputs/inputs.ts b/demos/component-docs/inputs/inputs.ts
index 1d4878434f..b9c4e27fdf 100644
--- a/demos/component-docs/inputs/inputs.ts
+++ b/demos/component-docs/inputs/inputs.ts
@@ -1,48 +1,5 @@
-import {App, IonicApp, Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
-
-@Page({
- templateUrl: 'inputs/checkbox.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class CheckboxPage{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'inputs/radio.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class RadioPage{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'inputs/range.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class RangePage{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'inputs/select.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class SelectPage{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'inputs/switch.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class SwitchPage{
- constructor() {
- }
-}
+export * from './checkbox/pages';
+export * from './radio/pages';
+export * from './range/pages';
+export * from './select/pages';
+export * from './switch/pages';
diff --git a/demos/component-docs/inputs/radio/pages.ts b/demos/component-docs/inputs/radio/pages.ts
new file mode 100644
index 0000000000..25db75ccd8
--- /dev/null
+++ b/demos/component-docs/inputs/radio/pages.ts
@@ -0,0 +1,12 @@
+import {App, IonicApp, Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import * as helpers from '../../helpers';
+
+@Page({
+ templateUrl: 'inputs/radio/template.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class RadioPage {
+ constructor() {
+ }
+}
diff --git a/demos/component-docs/inputs/radio.html b/demos/component-docs/inputs/radio/template.html
similarity index 100%
rename from demos/component-docs/inputs/radio.html
rename to demos/component-docs/inputs/radio/template.html
diff --git a/demos/component-docs/inputs/range/pages.ts b/demos/component-docs/inputs/range/pages.ts
new file mode 100644
index 0000000000..63c6c0b1b2
--- /dev/null
+++ b/demos/component-docs/inputs/range/pages.ts
@@ -0,0 +1,12 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'inputs/range/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class RangePage{
+ constructor() {
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/inputs/range.html b/demos/component-docs/inputs/range/template.html
similarity index 100%
rename from demos/component-docs/inputs/range.html
rename to demos/component-docs/inputs/range/template.html
diff --git a/demos/component-docs/inputs/select/pages.ts b/demos/component-docs/inputs/select/pages.ts
new file mode 100644
index 0000000000..f79141dda1
--- /dev/null
+++ b/demos/component-docs/inputs/select/pages.ts
@@ -0,0 +1,12 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'inputs/select/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class SelectPage{
+ constructor() {
+ }
+}
diff --git a/demos/component-docs/inputs/select.html b/demos/component-docs/inputs/select/template.html
similarity index 100%
rename from demos/component-docs/inputs/select.html
rename to demos/component-docs/inputs/select/template.html
diff --git a/demos/component-docs/inputs/switch/pages.ts b/demos/component-docs/inputs/switch/pages.ts
new file mode 100644
index 0000000000..4c0de6acf3
--- /dev/null
+++ b/demos/component-docs/inputs/switch/pages.ts
@@ -0,0 +1,12 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'inputs/switch/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class SwitchPage{
+ constructor() {
+ }
+}
diff --git a/demos/component-docs/inputs/switch.html b/demos/component-docs/inputs/switch/template.html
similarity index 100%
rename from demos/component-docs/inputs/switch.html
rename to demos/component-docs/inputs/switch/template.html
diff --git a/demos/component-docs/labels/basic/pages.ts b/demos/component-docs/labels/basic/pages.ts
new file mode 100644
index 0000000000..48922ed770
--- /dev/null
+++ b/demos/component-docs/labels/basic/pages.ts
@@ -0,0 +1,24 @@
+import {FORM_DIRECTIVES, FormBuilder, forwardRef, Validators, Control, ControlGroup} from 'angular2/angular2';
+import {Page} from 'ionic/ionic';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/basic/template.html',
+ providers: [FormBuilder],
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+
+ constructor() {
+ this.form = new ControlGroup({
+ firstName: new Control("", Validators.required),
+ lastName: new Control("", Validators.required)
+ });
+ }
+
+ processForm(event) {
+ // TODO: display input in a popup
+ console.log(event);
+ }
+
+}
diff --git a/demos/component-docs/forms/forms.html b/demos/component-docs/labels/basic/template.html
similarity index 100%
rename from demos/component-docs/forms/forms.html
rename to demos/component-docs/labels/basic/template.html
diff --git a/demos/component-docs/labels/fixed-inline/pages.ts b/demos/component-docs/labels/fixed-inline/pages.ts
new file mode 100644
index 0000000000..ac63ebc809
--- /dev/null
+++ b/demos/component-docs/labels/fixed-inline/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/fixed-inline/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class FixedInlinePage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/forms/fixed-inline.html b/demos/component-docs/labels/fixed-inline/template.html
similarity index 100%
rename from demos/component-docs/forms/fixed-inline.html
rename to demos/component-docs/labels/fixed-inline/template.html
diff --git a/demos/component-docs/labels/floating/pages.ts b/demos/component-docs/labels/floating/pages.ts
new file mode 100644
index 0000000000..1b3dde0214
--- /dev/null
+++ b/demos/component-docs/labels/floating/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/floating/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class FloatingPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/forms/floating.html b/demos/component-docs/labels/floating/template.html
similarity index 100%
rename from demos/component-docs/forms/floating.html
rename to demos/component-docs/labels/floating/template.html
diff --git a/demos/component-docs/labels/inline/pages.ts b/demos/component-docs/labels/inline/pages.ts
new file mode 100644
index 0000000000..9662648399
--- /dev/null
+++ b/demos/component-docs/labels/inline/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/inline/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class InlinePage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/forms/inline.html b/demos/component-docs/labels/inline/template.html
similarity index 100%
rename from demos/component-docs/forms/inline.html
rename to demos/component-docs/labels/inline/template.html
diff --git a/demos/component-docs/labels/inset/pages.ts b/demos/component-docs/labels/inset/pages.ts
new file mode 100644
index 0000000000..38d1970d2a
--- /dev/null
+++ b/demos/component-docs/labels/inset/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/inset/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class InsetPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/forms/inset.html b/demos/component-docs/labels/inset/template.html
similarity index 100%
rename from demos/component-docs/forms/inset.html
rename to demos/component-docs/labels/inset/template.html
diff --git a/demos/component-docs/labels/labels.ts b/demos/component-docs/labels/labels.ts
new file mode 100644
index 0000000000..f5c659c2a4
--- /dev/null
+++ b/demos/component-docs/labels/labels.ts
@@ -0,0 +1,7 @@
+export * from './basic/pages';
+export * from './fixed-inline/pages';
+export * from './floating/pages';
+export * from './inline/pages';
+export * from './inset/pages';
+export * from './placeholder/pages';
+export * from './stacked/pages';
diff --git a/demos/component-docs/labels/placeholder/pages.ts b/demos/component-docs/labels/placeholder/pages.ts
new file mode 100644
index 0000000000..a9c06d31c5
--- /dev/null
+++ b/demos/component-docs/labels/placeholder/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/placeholder/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class PlaceholderPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/forms/placeholder.html b/demos/component-docs/labels/placeholder/template.html
similarity index 100%
rename from demos/component-docs/forms/placeholder.html
rename to demos/component-docs/labels/placeholder/template.html
diff --git a/demos/component-docs/labels/stacked/pages.ts b/demos/component-docs/labels/stacked/pages.ts
new file mode 100644
index 0000000000..e3653e9ef7
--- /dev/null
+++ b/demos/component-docs/labels/stacked/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'labels/stacked/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class StackedPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/forms/stacked.html b/demos/component-docs/labels/stacked/template.html
similarity index 100%
rename from demos/component-docs/forms/stacked.html
rename to demos/component-docs/labels/stacked/template.html
diff --git a/demos/component-docs/lists/avatar/pages.ts b/demos/component-docs/lists/avatar/pages.ts
new file mode 100644
index 0000000000..093143d0ac
--- /dev/null
+++ b/demos/component-docs/lists/avatar/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/avatar/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class AvatarPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/lists/avatar-lists.html b/demos/component-docs/lists/avatar/template.html
similarity index 100%
rename from demos/component-docs/lists/avatar-lists.html
rename to demos/component-docs/lists/avatar/template.html
diff --git a/demos/component-docs/lists/basic/pages.ts b/demos/component-docs/lists/basic/pages.ts
new file mode 100644
index 0000000000..95d94e8b27
--- /dev/null
+++ b/demos/component-docs/lists/basic/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/basic/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/lists/basic-lists.html b/demos/component-docs/lists/basic/template.html
similarity index 100%
rename from demos/component-docs/lists/basic-lists.html
rename to demos/component-docs/lists/basic/template.html
diff --git a/demos/component-docs/lists/headers/pages.ts b/demos/component-docs/lists/headers/pages.ts
new file mode 100644
index 0000000000..ca0cff5836
--- /dev/null
+++ b/demos/component-docs/lists/headers/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/headers/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class HeadersPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/lists/list-headers.html b/demos/component-docs/lists/headers/template.html
similarity index 100%
rename from demos/component-docs/lists/list-headers.html
rename to demos/component-docs/lists/headers/template.html
diff --git a/demos/component-docs/lists/icon/pages.ts b/demos/component-docs/lists/icon/pages.ts
new file mode 100644
index 0000000000..fc8b793387
--- /dev/null
+++ b/demos/component-docs/lists/icon/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/icon/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class IconPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/lists/icon-lists.html b/demos/component-docs/lists/icon/template.html
similarity index 100%
rename from demos/component-docs/lists/icon-lists.html
rename to demos/component-docs/lists/icon/template.html
diff --git a/demos/component-docs/lists/inset/pages.ts b/demos/component-docs/lists/inset/pages.ts
new file mode 100644
index 0000000000..1fe37e593d
--- /dev/null
+++ b/demos/component-docs/lists/inset/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/inset/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class InsetPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/lists/inset-lists.html b/demos/component-docs/lists/inset/template.html
similarity index 100%
rename from demos/component-docs/lists/inset-lists.html
rename to demos/component-docs/lists/inset/template.html
diff --git a/demos/component-docs/lists/lines/pages.ts b/demos/component-docs/lists/lines/pages.ts
new file mode 100644
index 0000000000..18f88178c5
--- /dev/null
+++ b/demos/component-docs/lists/lines/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/lines/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class LinesPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/lists/dividers.html b/demos/component-docs/lists/lines/template.html
similarity index 100%
rename from demos/component-docs/lists/dividers.html
rename to demos/component-docs/lists/lines/template.html
diff --git a/demos/component-docs/lists/lists.ts b/demos/component-docs/lists/lists.ts
index 2355607fc3..d511fd2df4 100644
--- a/demos/component-docs/lists/lists.ts
+++ b/demos/component-docs/lists/lists.ts
@@ -1,84 +1,8 @@
-import {Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
-
-
-@Page({
- templateUrl: 'lists/basic-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class BasicListsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/dividers.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class BasicDividersPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/inset-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class BasicInsetListsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/list-headers.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ListHeadersPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/icon-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class IconListsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/avatar-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class AvatarListsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/multiline-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class MultilineListsPage {
- constructor() {
-
- }
-}
-
-@Page({
- templateUrl: 'lists/thumbnail-lists.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class ThumbnailListsPage {
- constructor() {
-
- }
-}
+export * from './avatar/pages';
+export * from './basic/pages';
+export * from './headers/pages';
+export * from './icon/pages';
+export * from './inset/pages';
+export * from './lines/pages';
+export * from './multiline/pages';
+export * from './thumbnail/pages';
diff --git a/demos/component-docs/lists/multiline/pages.ts b/demos/component-docs/lists/multiline/pages.ts
new file mode 100644
index 0000000000..391900f886
--- /dev/null
+++ b/demos/component-docs/lists/multiline/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/multiline/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class MultilinePage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/lists/multiline-lists.html b/demos/component-docs/lists/multiline/template.html
similarity index 100%
rename from demos/component-docs/lists/multiline-lists.html
rename to demos/component-docs/lists/multiline/template.html
diff --git a/demos/component-docs/lists/thumbnail/pages.ts b/demos/component-docs/lists/thumbnail/pages.ts
new file mode 100644
index 0000000000..395d67af97
--- /dev/null
+++ b/demos/component-docs/lists/thumbnail/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'lists/thumbnail/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ThumbnailPage {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/demos/component-docs/lists/thumbnail-lists.html b/demos/component-docs/lists/thumbnail/template.html
similarity index 100%
rename from demos/component-docs/lists/thumbnail-lists.html
rename to demos/component-docs/lists/thumbnail/template.html
diff --git a/demos/component-docs/menus/menu-events.html b/demos/component-docs/menus/basic/menu-events.html
similarity index 100%
rename from demos/component-docs/menus/menu-events.html
rename to demos/component-docs/menus/basic/menu-events.html
diff --git a/demos/component-docs/menus/menu-friends.html b/demos/component-docs/menus/basic/menu-friends.html
similarity index 100%
rename from demos/component-docs/menus/menu-friends.html
rename to demos/component-docs/menus/basic/menu-friends.html
diff --git a/demos/component-docs/menus/menu-home.html b/demos/component-docs/menus/basic/menu-home.html
similarity index 100%
rename from demos/component-docs/menus/menu-home.html
rename to demos/component-docs/menus/basic/menu-home.html
diff --git a/demos/component-docs/menus/menu-places.html b/demos/component-docs/menus/basic/menu-places.html
similarity index 100%
rename from demos/component-docs/menus/menu-places.html
rename to demos/component-docs/menus/basic/menu-places.html
diff --git a/demos/component-docs/menus/basic/pages.ts b/demos/component-docs/menus/basic/pages.ts
new file mode 100644
index 0000000000..9aafc69e09
--- /dev/null
+++ b/demos/component-docs/menus/basic/pages.ts
@@ -0,0 +1,35 @@
+import {App, IonicApp, Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import * as helpers from '../../helpers';
+
+@Page({
+ templateUrl: 'menus/basic/menu-home.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class BasicPage{
+ constructor() {
+ }
+}
+
+@Page({
+ templateUrl: 'menus/basic/menu-home.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class PageOne{
+ constructor() {
+ }
+}
+
+@Page({
+ templateUrl: 'menus/basic/menu-friends.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class PageTwo{
+}
+
+@Page({
+ templateUrl: 'menus/basic/menu-events.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class PageThree{
+}
diff --git a/demos/component-docs/menus/menus.ts b/demos/component-docs/menus/menus.ts
index c2a243317e..ebdd570b29 100644
--- a/demos/component-docs/menus/menus.ts
+++ b/demos/component-docs/menus/menus.ts
@@ -1,35 +1 @@
-import {App, IonicApp, Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
-
-@Page({
- templateUrl: 'menus/menu-home.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class MenusPage{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'menus/menu-home.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class PageOne{
- constructor() {
- }
-}
-
-@Page({
- templateUrl: 'menus/menu-friends.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class PageTwo{
-}
-
-@Page({
- templateUrl: 'menus/menu-events.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class PageThree{
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/modals/modals-content.html b/demos/component-docs/modals/basic/modals-content.html
similarity index 100%
rename from demos/component-docs/modals/modals-content.html
rename to demos/component-docs/modals/basic/modals-content.html
diff --git a/demos/component-docs/modals/basic/pages.ts b/demos/component-docs/modals/basic/pages.ts
new file mode 100644
index 0000000000..16476689d9
--- /dev/null
+++ b/demos/component-docs/modals/basic/pages.ts
@@ -0,0 +1,63 @@
+import {App, IonicApp, Animation, Modal, NavController, Page, Events} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import * as helpers from '../../helpers';
+
+
+@Page({
+ templateUrl: 'modals/basic/template.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+class ModalsFirstPage {
+
+ constructor(
+ nav: NavController,
+ modal: Modal,
+ events: Events
+ ) {
+ this.nav = nav;
+ this.modal = modal;
+ }
+
+ openModal() {
+ this.modal.open(ModalsContentPage);
+ }
+
+}
+
+@Page({
+ templateUrl: 'modals/basic/modals-content.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+
+})
+class ModalsContentPage {
+
+ constructor(
+ modal: Modal,
+ events: Events
+ ) {
+ this.modal = modal;
+ }
+
+ closeModal() {
+ let modal = this.modal.get();
+ if (modal) {
+ modal.close();
+ }
+ }
+}
+
+@Page({
+ template: ''
+})
+export class BasicPage {
+ constructor(modal: Modal) {
+ this.rootView = ModalsFirstPage;
+ this.modal = modal;
+ }
+ onPageWillLeave() {
+ let modal = this.modal.get();
+ if (modal) {
+ modal.close();
+ }
+ }
+}
diff --git a/demos/component-docs/modals/modals.html b/demos/component-docs/modals/basic/template.html
similarity index 100%
rename from demos/component-docs/modals/modals.html
rename to demos/component-docs/modals/basic/template.html
diff --git a/demos/component-docs/modals/modals.ts b/demos/component-docs/modals/modals.ts
index a77ef2ac4a..ebdd570b29 100644
--- a/demos/component-docs/modals/modals.ts
+++ b/demos/component-docs/modals/modals.ts
@@ -1,63 +1 @@
-import {App, IonicApp, Animation, Modal, NavController, Page, Events} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
-
-
-@Page({
- templateUrl: 'modals/modals.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-class ModalsFirstPage {
-
- constructor(
- nav: NavController,
- modal: Modal,
- events: Events
- ) {
- this.nav = nav;
- this.modal = modal;
- }
-
- openModal() {
- this.modal.open(ModalsContentPage);
- }
-
-}
-
-@Page({
- templateUrl: 'modals/modals-content.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-
-})
-class ModalsContentPage {
-
- constructor(
- modal: Modal,
- events: Events
- ) {
- this.modal = modal;
- }
-
- closeModal() {
- let modal = this.modal.get();
- if (modal) {
- modal.close();
- }
- }
-}
-
-@Page({
- template: ''
-})
-export class ModalsPage {
- constructor(modal: Modal) {
- this.rootView = ModalsFirstPage;
- this.modal = modal;
- }
- onPageWillLeave() {
- let modal = this.modal.get();
- if (modal) {
- modal.close();
- }
- }
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/navigation/navigation-details.html b/demos/component-docs/navigation/basic/navigation-details.html
similarity index 100%
rename from demos/component-docs/navigation/navigation-details.html
rename to demos/component-docs/navigation/basic/navigation-details.html
diff --git a/demos/component-docs/navigation/navigation.html b/demos/component-docs/navigation/basic/navigation.html
similarity index 100%
rename from demos/component-docs/navigation/navigation.html
rename to demos/component-docs/navigation/basic/navigation.html
diff --git a/demos/component-docs/navigation/basic/pages.ts b/demos/component-docs/navigation/basic/pages.ts
new file mode 100644
index 0000000000..7311c98765
--- /dev/null
+++ b/demos/component-docs/navigation/basic/pages.ts
@@ -0,0 +1,45 @@
+import {NavController, NavParams} from 'ionic/ionic';
+import {Page, Events} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import * as helpers from '../../helpers';
+
+@Page({
+ templateUrl: 'navigation/basic/navigation-details.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+class NavigationDetailsPage {
+ constructor(nav: NavController, params: NavParams, events: Events) {
+ this.nav = nav;
+ this.selection = { title: params.data.name };
+ var navData = {
+ 'Angular': "A powerful Javascript framework for building single page apps. Angular is open source, and maintained by Google.",
+ 'CSS3': "The latest version of cascading stylesheets - the styling language of the web!",
+ 'HTML5': "The latest version of the web's markup language.",
+ 'Sass': "Syntactically Awesome Stylesheets - a mature, stable, and powerful professional grade CSS extension."
+ };
+ var navIcons = {
+ 'Angular': 'ion-social-angular',
+ 'CSS3': 'ion-social-css3',
+ 'HTML5': 'ion-social-html5',
+ 'Sass': 'ion-social-sass'
+ };
+ this.selection['content'] = navData[this.selection.title];
+ this.selection['icon'] = navIcons[this.selection.title];
+ }
+}
+
+@Page({
+ templateUrl: 'navigation/basic/navigation.html',
+ directives: [forwardRef(() => helpers.AndroidAttribute)]
+})
+export class BasicPage {
+
+ constructor(nav: NavController) {
+ this.nav = nav;
+ }
+
+ openNavDetailsPage(item) {
+ this.nav.push(NavigationDetailsPage, { name: item });
+ }
+
+}
diff --git a/demos/component-docs/navigation/navigation.ts b/demos/component-docs/navigation/navigation.ts
index 98d937eebc..ebdd570b29 100644
--- a/demos/component-docs/navigation/navigation.ts
+++ b/demos/component-docs/navigation/navigation.ts
@@ -1,45 +1 @@
-import {NavController, NavParams} from 'ionic/ionic';
-import {Page, Events} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
-
-@Page({
- templateUrl: 'navigation/navigation-details.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-class NavigationDetailsPage {
- constructor(nav: NavController, params: NavParams, events: Events) {
- this.nav = nav;
- this.selection = { title: params.data.name };
- var navData = {
- 'Angular': "A powerful Javascript framework for building single page apps. Angular is open source, and maintained by Google.",
- 'CSS3': "The latest version of cascading stylesheets - the styling language of the web!",
- 'HTML5': "The latest version of the web's markup language.",
- 'Sass': "Syntactically Awesome Stylesheets - a mature, stable, and powerful professional grade CSS extension."
- };
- var navIcons = {
- 'Angular': 'ion-social-angular',
- 'CSS3': 'ion-social-css3',
- 'HTML5': 'ion-social-html5',
- 'Sass': 'ion-social-sass'
- };
- this.selection['content'] = navData[this.selection.title];
- this.selection['icon'] = navIcons[this.selection.title];
- }
-}
-
-@Page({
- templateUrl: 'navigation/navigation.html',
- directives: [forwardRef(() => helpers.AndroidAttribute)]
-})
-export class NavigationPage {
-
- constructor(nav: NavController) {
- this.nav = nav;
- }
-
- openNavDetailsPage(item) {
- this.nav.push(NavigationDetailsPage, { name: item });
- }
-
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/popups/basic/pages.ts b/demos/component-docs/popups/basic/pages.ts
new file mode 100644
index 0000000000..39a21ee4a3
--- /dev/null
+++ b/demos/component-docs/popups/basic/pages.ts
@@ -0,0 +1,50 @@
+import {Page, Popup} from 'ionic/ionic';
+import {AndroidAttribute} from '../../helpers';
+import {forwardRef} from 'angular2/angular2';
+
+
+@Page({
+ templateUrl: 'popups/basic/template.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+
+ constructor(popup: Popup) {
+ this.popup = popup;
+ }
+
+ doAlert() {
+ this.popup.alert({
+ title: "New Friend!",
+ template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
+ cssClass: 'my-alert'
+ });
+ }
+
+ doPrompt() {
+ this.popup.prompt({
+ title: "New Album",
+ template: "Enter a name for this new album you're so keen on adding",
+ inputPlaceholder: "Title",
+ okText: "Save"
+ });
+ }
+
+ doConfirm() {
+ this.popup.confirm({
+ title: "Use this lightsaber?",
+ template: "Do you agree to use this lightsaber to do good across the intergalactic galaxy?",
+ cancelText: "Disagree",
+ okText: "Agree"
+ });
+ }
+
+ onPageWillLeave() {
+ let popup = this.popup.get();
+ // only try to close if there is an active popup
+ if (popup) {
+ popup.close();
+ }
+ }
+
+}
diff --git a/demos/component-docs/popups/popups.html b/demos/component-docs/popups/basic/template.html
similarity index 100%
rename from demos/component-docs/popups/popups.html
rename to demos/component-docs/popups/basic/template.html
diff --git a/demos/component-docs/popups/popups.ts b/demos/component-docs/popups/popups.ts
index 1ac072fc75..ebdd570b29 100644
--- a/demos/component-docs/popups/popups.ts
+++ b/demos/component-docs/popups/popups.ts
@@ -1,50 +1 @@
-import {Page, Popup} from 'ionic/ionic';
-import {AndroidAttribute} from '../helpers';
-import {forwardRef} from 'angular2/angular2';
-
-
-@Page({
- templateUrl: 'popups/popups.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class PopupsPage {
-
- constructor(popup: Popup) {
- this.popup = popup;
- }
-
- doAlert() {
- this.popup.alert({
- title: "New Friend!",
- template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
- cssClass: 'my-alert'
- });
- }
-
- doPrompt() {
- this.popup.prompt({
- title: "New Album",
- template: "Enter a name for this new album you're so keen on adding",
- inputPlaceholder: "Title",
- okText: "Save"
- });
- }
-
- doConfirm() {
- this.popup.confirm({
- title: "Use this lightsaber?",
- template: "Do you agree to use this lightsaber to do good across the intergalactic galaxy?",
- cancelText: "Disagree",
- okText: "Agree"
- });
- }
-
- onPageWillLeave() {
- let popup = this.popup.get();
- // only try to close if there is an active popup
- if (popup) {
- popup.close();
- }
- }
-
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/slides/basic/pages.ts b/demos/component-docs/slides/basic/pages.ts
new file mode 100644
index 0000000000..a4a3bfb775
--- /dev/null
+++ b/demos/component-docs/slides/basic/pages.ts
@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+ templateUrl: 'slides/basic/slides.html',
+ directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+ constructor() {
+
+ }
+}
diff --git a/demos/component-docs/slides/slides.html b/demos/component-docs/slides/basic/template.html
similarity index 100%
rename from demos/component-docs/slides/slides.html
rename to demos/component-docs/slides/basic/template.html
diff --git a/demos/component-docs/slides/slides.ts b/demos/component-docs/slides/slides.ts
index 8d83c79553..ebdd570b29 100644
--- a/demos/component-docs/slides/slides.ts
+++ b/demos/component-docs/slides/slides.ts
@@ -1,13 +1 @@
-import {Page} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
-
-@Page({
- templateUrl: 'slides/slides.html',
- directives: [forwardRef(() => AndroidAttribute)]
-})
-export class SlidesPage {
- constructor() {
-
- }
-}
+export * from './basic/pages';
diff --git a/demos/component-docs/tabs/basic/pages.ts b/demos/component-docs/tabs/basic/pages.ts
new file mode 100644
index 0000000000..790ee99003
--- /dev/null
+++ b/demos/component-docs/tabs/basic/pages.ts
@@ -0,0 +1,38 @@
+import {NavController, NavParams} from 'ionic/ionic';
+import {Page, ViewController} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import * as helpers from '../../helpers';
+
+
+@Page({
+ template: '' +
+ '' +
+ 'Tabs' +
+ '' +
+ '' +
+ '',
+ directives: [forwardRef(() => helpers.AndroidAttribute)],
+})
+class TabTextCtrl {
+ constructor(nav: NavController, view: ViewController) {
+ this.nav = nav;
+ this.view = view;
+ }
+}
+
+@Page({
+ template:
+ '' +
+ '' +
+ '' +
+ '' +
+ '',
+})
+export class BasicPage {
+ constructor(nav: NavController, params: NavParams) {
+ this.nav = nav;
+ this.tabOne = TabTextCtrl;
+ this.tabTwo = TabTextCtrl;
+ this.tabThree = TabTextCtrl;
+ }
+}
diff --git a/demos/component-docs/tabs/tabs-icon-text.ts b/demos/component-docs/tabs/icon-text/pages.ts
similarity index 94%
rename from demos/component-docs/tabs/tabs-icon-text.ts
rename to demos/component-docs/tabs/icon-text/pages.ts
index ba2a6feeb4..3a307dff63 100644
--- a/demos/component-docs/tabs/tabs-icon-text.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -1,7 +1,7 @@
import {NavController, NavParams} from 'ionic/ionic';
import {Page, ViewController} from 'ionic/ionic';
import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
+import * as helpers from '../../helpers';
@Page({
@@ -29,7 +29,7 @@ class TabIconTextCtrl {
'' +
'',
})
-export class TabsIconTextPage {
+export class IconTextPage {
constructor(nav: NavController, params: NavParams) {
this.nav = nav;
this.tabOne = TabIconTextCtrl;
diff --git a/demos/component-docs/tabs/tabs-icon.ts b/demos/component-docs/tabs/icon/pages.ts
similarity index 93%
rename from demos/component-docs/tabs/tabs-icon.ts
rename to demos/component-docs/tabs/icon/pages.ts
index 24c242563b..3fe603e782 100644
--- a/demos/component-docs/tabs/tabs-icon.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -1,7 +1,7 @@
import {NavController, NavParams} from 'ionic/ionic';
import {Page, ViewController} from 'ionic/ionic';
import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
+import * as helpers from '../../helpers';
@Page({
@@ -29,7 +29,7 @@ class TabIconCtrl {
'' +
'',
})
-export class TabsIconPage {
+export class IconPage {
constructor(nav: NavController, params: NavParams) {
this.nav = nav;
this.tabOne = TabIconCtrl;
diff --git a/demos/component-docs/tabs/tabs.ts b/demos/component-docs/tabs/tabs.ts
index cf7bdb4761..5b3fc3bfcd 100644
--- a/demos/component-docs/tabs/tabs.ts
+++ b/demos/component-docs/tabs/tabs.ts
@@ -1,38 +1,3 @@
-import {NavController, NavParams} from 'ionic/ionic';
-import {Page, ViewController} from 'ionic/ionic';
-import {forwardRef} from 'angular2/angular2';
-import * as helpers from '../helpers';
-
-
-@Page({
- template: '' +
- '' +
- 'Tabs' +
- '' +
- '' +
- '',
- directives: [forwardRef(() => helpers.AndroidAttribute)],
-})
-class TabTextCtrl {
- constructor(nav: NavController, view: ViewController) {
- this.nav = nav;
- this.view = view;
- }
-}
-
-@Page({
- template:
- '' +
- '' +
- '' +
- '' +
- '',
-})
-export class TabsPage {
- constructor(nav: NavController, params: NavParams) {
- this.nav = nav;
- this.tabOne = TabTextCtrl;
- this.tabTwo = TabTextCtrl;
- this.tabThree = TabTextCtrl;
- }
-}
+export * from './basic/pages';
+export * from './icon/pages';
+export * from './icon-text/pages';