From 24d823ab5fbe9f104e90c67e9ba339678775e074 Mon Sep 17 00:00:00 2001 From: Drew Rygh Date: Thu, 12 Nov 2015 14:20:36 -0600 Subject: [PATCH 1/2] docs(demos): add search demo --- demos/component-docs/helpers.ts | 1 + demos/component-docs/inputs/inputs.ts | 1 + demos/component-docs/inputs/search/pages.ts | 69 +++++++++++++++++++ .../inputs/search/template.html | 14 ++++ 4 files changed, 85 insertions(+) create mode 100644 demos/component-docs/inputs/search/pages.ts create mode 100644 demos/component-docs/inputs/search/template.html diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts index 481af01336..ef53b5e8fb 100644 --- a/demos/component-docs/helpers.ts +++ b/demos/component-docs/helpers.ts @@ -97,6 +97,7 @@ export function getPageFor(hash) { 'segment': inputs.SegmentPage, 'select': inputs.SelectPage, 'switch': inputs.SwitchPage, + 'search': inputs.SearchPage, 'inputs': labels.BasicPage, 'fixed-inline-labels': labels.FixedInlinePage, diff --git a/demos/component-docs/inputs/inputs.ts b/demos/component-docs/inputs/inputs.ts index ee270aa390..e8c13a52a9 100644 --- a/demos/component-docs/inputs/inputs.ts +++ b/demos/component-docs/inputs/inputs.ts @@ -1,6 +1,7 @@ export * from './checkbox/pages'; export * from './radio/pages'; export * from './range/pages'; +export * from './search/pages'; export * from './segment/pages'; export * from './select/pages'; export * from './switch/pages'; diff --git a/demos/component-docs/inputs/search/pages.ts b/demos/component-docs/inputs/search/pages.ts new file mode 100644 index 0000000000..bb654cdcce --- /dev/null +++ b/demos/component-docs/inputs/search/pages.ts @@ -0,0 +1,69 @@ +import {Page} from 'ionic/ionic'; +import {forwardRef} from 'angular2/angular2'; +import {AndroidAttribute} from '../../helpers'; + +@Page({ + templateUrl: 'inputs/search/template.html', + directives: [forwardRef(() => AndroidAttribute)] +}) +export class SearchPage{ + constructor() { + this.searchQuery = ''; + this.items = [ + 'Amsterdam', + 'Bogota', + 'Buenos Aires', + 'Cairo', + 'Dhaka', + 'Edinburgh', + 'Geneva', + 'Genoa', + 'Glasglow', + 'Hanoi', + 'Hong Kong', + 'Islamabad', + 'Istanbul', + 'Jakarta', + 'Kiel', + 'Kyoto', + 'Le Havre', + 'Lebanon', + 'Lhasa', + 'Lima', + 'London', + 'Los Angeles', + 'Madrid', + 'Manila', + 'New York', + 'Olympia', + 'Oslo', + 'Panama City', + 'Peking', + 'Philadelphia', + 'San Francisco', + 'Seoul', + 'Taipeh', + 'Tel Aviv', + 'Tokio', + 'Uelzen', + 'Washington' + ]; + } + + getItems() { + var q = this.searchQuery; + if(q.trim() == '') { + return this.items; + } + return this.items.filter((v) => { + if(v.toLowerCase().indexOf(q.toLowerCase()) >= 0) { + return true; + } + return false; + }) + } + + + + +} diff --git a/demos/component-docs/inputs/search/template.html b/demos/component-docs/inputs/search/template.html new file mode 100644 index 0000000000..bfb6aebbe5 --- /dev/null +++ b/demos/component-docs/inputs/search/template.html @@ -0,0 +1,14 @@ + + + Search + + + + + + + + {{item}} + + + From 1dd2079809088d20e2f96e0089300cbfff06c1f8 Mon Sep 17 00:00:00 2001 From: Drew Rygh Date: Thu, 12 Nov 2015 14:32:38 -0600 Subject: [PATCH 2/2] docs(demos): always use arrow functions Closes #459 --- demos/component-docs/action-sheets/basic/pages.ts | 4 ++-- demos/component-docs/tabs/basic/pages.ts | 8 ++++---- demos/component-docs/tabs/icon-text/pages.ts | 10 +++++----- demos/component-docs/tabs/icon/pages.ts | 10 +++++----- 4 files changed, 16 insertions(+), 16 deletions(-) diff --git a/demos/component-docs/action-sheets/basic/pages.ts b/demos/component-docs/action-sheets/basic/pages.ts index be890cd7e5..894a4a42c6 100644 --- a/demos/component-docs/action-sheets/basic/pages.ts +++ b/demos/component-docs/action-sheets/basic/pages.ts @@ -49,13 +49,13 @@ export class BasicPage { destructiveText: 'Delete', titleText: 'Albums', cancelText: 'Cancel', - cancel: function() { + cancel: () => { console.log('Canceled'); }, destructiveButtonClicked: () => { console.log('Destructive clicked'); }, - buttonClicked: function(index) { + buttonClicked: (index) => { console.log('Button clicked', index); if (index == 1) { return false; } return true; diff --git a/demos/component-docs/tabs/basic/pages.ts b/demos/component-docs/tabs/basic/pages.ts index 1a8577c7d2..1154657ec0 100644 --- a/demos/component-docs/tabs/basic/pages.ts +++ b/demos/component-docs/tabs/basic/pages.ts @@ -13,7 +13,7 @@ import * as helpers from '../../helpers'; '', directives: [forwardRef(() => helpers.AndroidAttribute)], }) -class TabTextCtrl { +class TabTextPage { constructor() { } } @@ -28,8 +28,8 @@ class TabTextCtrl { }) export class BasicPage { constructor() { - this.tabOne = TabTextCtrl; - this.tabTwo = TabTextCtrl; - this.tabThree = TabTextCtrl; + this.tabOne = TabTextPage; + this.tabTwo = TabTextPage; + this.tabThree = TabTextPage; } } diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts index a490ef6e1c..1d19314bb8 100644 --- a/demos/component-docs/tabs/icon-text/pages.ts +++ b/demos/component-docs/tabs/icon-text/pages.ts @@ -13,7 +13,7 @@ import * as helpers from '../../helpers'; '', directives: [forwardRef(() => helpers.AndroidAttribute)], }) -class TabIconTextCtrl { +class TabIconTextPage { constructor() { } } @@ -29,9 +29,9 @@ class TabIconTextCtrl { }) export class IconTextPage { constructor() { - this.tabOne = TabIconTextCtrl; - this.tabTwo = TabIconTextCtrl; - this.tabThree = TabIconTextCtrl; - this.tabFour = TabIconTextCtrl; + this.tabOne = TabIconTextPage; + this.tabTwo = TabIconTextPage; + this.tabThree = TabIconTextPage; + this.tabFour = TabIconTextPage; } } diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts index 19f689abd6..9aa4aa0f53 100644 --- a/demos/component-docs/tabs/icon/pages.ts +++ b/demos/component-docs/tabs/icon/pages.ts @@ -13,7 +13,7 @@ import * as helpers from '../../helpers'; '', directives: [forwardRef(() => helpers.AndroidAttribute)], }) -class TabIconCtrl { +class TabIconPage { constructor() { } } @@ -29,9 +29,9 @@ class TabIconCtrl { }) export class IconPage { constructor() { - this.tabOne = TabIconCtrl; - this.tabTwo = TabIconCtrl; - this.tabThree = TabIconCtrl; - this.tabFour = TabIconCtrl; + this.tabOne = TabIconPage; + this.tabTwo = TabIconPage; + this.tabThree = TabIconPage; + this.tabFour = TabIconPage; } }