diff --git a/demos/item-reorder/avatar-cher.png b/demos/item-reorder/avatar-cher.png deleted file mode 100644 index a06fff3590..0000000000 Binary files a/demos/item-reorder/avatar-cher.png and /dev/null differ diff --git a/demos/item-reorder/avatar-dionne.png b/demos/item-reorder/avatar-dionne.png deleted file mode 100644 index 521e0657b8..0000000000 Binary files a/demos/item-reorder/avatar-dionne.png and /dev/null differ diff --git a/demos/item-reorder/avatar-murray.png b/demos/item-reorder/avatar-murray.png deleted file mode 100644 index a2f2df468a..0000000000 Binary files a/demos/item-reorder/avatar-murray.png and /dev/null differ diff --git a/demos/item-reorder/index.ts b/demos/item-reorder/index.ts index 318f2bbb3e..9626512d1b 100644 --- a/demos/item-reorder/index.ts +++ b/demos/item-reorder/index.ts @@ -7,59 +7,56 @@ import { ionicBootstrap, ItemSliding, NavController, Toast, reorderArray } from encapsulation: ViewEncapsulation.None }) class ApiDemoPage { - chats: any[]; - editButton: string = 'Reorder'; + songs: any[]; + editButton: string = 'Edit'; editing: boolean = false; constructor(private nav: NavController) { - this.chats = [ + this.songs = [ { - img: './avatar-cher.png', - name: 'Cher', - message: 'Ugh. As if.', - time: '9:38 pm' - }, { - img: './avatar-dionne.png', - name: 'Dionne', - message: 'Mr. Hall was way harsh.', - time: '8:59 pm' - }, { - img: './avatar-murray.png', - name: 'Murray', - message: 'Excuse me, "Ms. Dione."', - time: 'Wed' + title: 'Everything Beta', + band: 'Phoria', + album: 'Volition' }, { - img: './avatar-cher.png', - name: 'Cher', - message: 'Ugh. As if.', - time: '9:38 pm' - }, { - img: './avatar-dionne.png', - name: 'Dionne', - message: 'Mr. Hall was way harsh.', - time: '8:59 pm' - }, { - img: './avatar-murray.png', - name: 'Murray', - message: 'Excuse me, "Ms. Dione."', - time: 'Wed' + title: 'Hello', + band: 'Adele', + album: '25' }, { - img: './avatar-cher.png', - name: 'Cher', - message: 'Ugh. As if.', - time: '9:38 pm' - }, { - img: './avatar-dionne.png', - name: 'Dionne', - message: 'Mr. Hall was way harsh.', - time: '8:59 pm' - }, { - img: './avatar-murray.png', - name: 'Murray', - message: 'Excuse me, "Ms. Dione."', - time: 'Wed' + title: 'Bohemian Rhapsody', + band: 'Queen', + album: 'A Night at the Opera' + }, + { + title: 'Don\'t Stop Believin\'', + band: 'Journey', + album: 'Escape' + }, + { + title: 'Smells Like Teen Spirit', + band: 'Nirvana', + album: 'Nevermind' + }, + { + title: 'All You Need Is Love', + band: 'The Beatles', + album: 'Magical Mystery Tour' + }, + { + title: 'Hotel California', + band: 'The Eagles', + album: 'Hotel California' + }, + { + title: 'The Hand That Feeds', + band: 'Nine Inch Nails', + album: 'With Teeth' + }, + { + title: 'Who Are You', + band: 'The Who', + album: 'Who Are You' }]; } @@ -68,12 +65,12 @@ class ApiDemoPage { if (this.editing) { this.editButton = 'Done'; } else { - this.editButton = 'Reorder'; + this.editButton = 'Edit'; } } reorderData(indexes: any) { - this.chats = reorderArray(this.chats, indexes); + this.songs = reorderArray(this.songs, indexes); } } diff --git a/demos/item-reorder/main.html b/demos/item-reorder/main.html index 5f71730195..e96202d0b5 100644 --- a/demos/item-reorder/main.html +++ b/demos/item-reorder/main.html @@ -10,41 +10,19 @@ - + - Chats + Playlist - - - - - -

{{chat.name}}

-

{{chat.message}}

- - {{chat.time}} - + +

{{ song.title }}

+

{{ song.band }} · {{ song.album }}

-
- - diff --git a/src/components/item/item-reorder.ts b/src/components/item/item-reorder.ts index f9530d07ad..6914bc05db 100644 --- a/src/components/item/item-reorder.ts +++ b/src/components/item/item-reorder.ts @@ -17,7 +17,7 @@ export interface ReorderIndexes { * @description * Item reorder adds the ability to change an item's order in a group. * It can be used within an `ion-list` or `ion-item-group` to provide a - * visual drap and drop interface. + * visual drag and drop interface. * * ## Grouping Items *