diff --git a/demos/list/app.html b/demos/list/app.html new file mode 100644 index 0000000000..8eb67f058c --- /dev/null +++ b/demos/list/app.html @@ -0,0 +1,24 @@ + + + + Menu + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/demos/list/main.html b/demos/list/basic-list.html similarity index 68% rename from demos/list/main.html rename to demos/list/basic-list.html index ee99360090..ba143f812b 100644 --- a/demos/list/main.html +++ b/demos/list/basic-list.html @@ -1,4 +1,15 @@ -List Headers + + + + + + + + + Basic List + + + @@ -29,15 +40,6 @@ - - - - - - - List Header - - Magic @@ -51,15 +53,6 @@ - - - - - - - List Header with text that is too long to fit inside the list header - - Pizza @@ -87,18 +80,4 @@ - - - - - New List, no header, Item 1 - - - - - New List, no header, Item 2 - - - - diff --git a/demos/list/index.ts b/demos/list/index.ts index 43aed36502..6195778ebd 100644 --- a/demos/list/index.ts +++ b/demos/list/index.ts @@ -1,7 +1,71 @@ -import {App} from 'ionic/ionic'; +import {App, IonicApp, Page, Platform} from 'ionic/ionic'; @App({ - templateUrl: 'main.html' + templateUrl: 'app.html' }) -class E2EApp {} +class ApiDemoApp { + + constructor(app: IonicApp, platform: Platform) { + this.app = app; + this.platform = platform; + this.rootPage = PageOne; + this.pages = [ + { title: 'Basic List', component: PageOne }, + { title: 'Inset List', component: PageTwo }, + { title: 'No-lines List', component: PageThree }, + { title: 'List Headers', component: PageFour }, + { title: 'Sliding Items', component: PageFive }, + + + ]; + + } + + openPage(page) { + this.app.getComponent('leftMenu').close(); + let nav = this.app.getComponent('nav'); + nav.setRoot(page.component); + } + +} + +@Page({ + templateUrl: 'basic-list.html', +}) +export class PageOne{ + constructor() { + } +} + +@Page({ + templateUrl: 'inset-list.html', +}) +export class PageTwo { + constructor() { + } +} + +@Page({ + templateUrl: 'no-lines-list.html', +}) +export class PageThree { + constructor() { + } +} + +@Page({ + templateUrl: 'list-headers.html', +}) +export class PageFour { + constructor() { + } +} + +@Page({ + templateUrl: 'sliding-items.html', +}) +export class PageFive { + constructor() { + } +} diff --git a/demos/list/inset-list.html b/demos/list/inset-list.html new file mode 100644 index 0000000000..0aaf03e24d --- /dev/null +++ b/demos/list/inset-list.html @@ -0,0 +1,83 @@ + + + + + + + + + Inset List + + + + + + + + + + List Header + + + + + Wifi + + + + + Affection + + Very Little + + + + + + Home + + Where the heart is + + + + + + Magic + + + + + Star status + + Super + + + + + + Pizza + + Always + + + + + + Beer + + Yes Plz + + + + + + Wine + + All the time + + + + + + + diff --git a/demos/list/list-headers.html b/demos/list/list-headers.html new file mode 100644 index 0000000000..f0ca3edbd7 --- /dev/null +++ b/demos/list/list-headers.html @@ -0,0 +1,37 @@ + + + + + + + + + List Headers + + + + + + + + Comedy + Airplane! + Caddyshack + Coming To America + + + + Action + Terminator II + The Empire Strikes Back + Blade Runner + + + + Horror + The Evil Dead + Poldergeist + Aliens + + + diff --git a/demos/list/no-lines-list.html b/demos/list/no-lines-list.html new file mode 100644 index 0000000000..734b743271 --- /dev/null +++ b/demos/list/no-lines-list.html @@ -0,0 +1,83 @@ + + + + + + + + + No-lines List + + + + + + + + + + List Header + + + + + Wifi + + + + + Affection + + Very Little + + + + + + Home + + Where the heart is + + + + + + Magic + + + + + Star status + + Super + + + + + + Pizza + + Always + + + + + + Beer + + Yes Plz + + + + + + Wine + + All the time + + + + + + + diff --git a/demos/list/sliding-items.html b/demos/list/sliding-items.html new file mode 100644 index 0000000000..5158570b9a --- /dev/null +++ b/demos/list/sliding-items.html @@ -0,0 +1,59 @@ + + + + + + + + + Sliding Items + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +