import { Component , ViewEncapsulation } from '@angular/core' ; import { NavController , reorderArray } from '../../../../../src' ; @ Component ( { templateUrl : 'page-one.html' , encapsulation : ViewEncapsulation . None } ) export class PageOne { songs : any [ ] ; editButton : string = 'Edit' ; editing : boolean = false ; constructor ( public navCtrl ) { this . songs = [ { title : 'Everything Beta' , band : 'Phoria' , album : 'Volition' } , { title : 'Hello' , band : 'Adele' , album : '25' } , { 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' } ] ; } toggleEdit ( ) { this . editing = ! this . editing ; if ( this . editing ) { this . editButton = 'Done' ; } else { this . editButton = 'Edit' ; } } reorderData ( indexes ) { this . songs = reorderArray ( this . songs , indexes ) ; } }