import { Component , OnInit , AfterViewInit } from '@angular/core' ; import { IonPullUpFooterState , DraggedOutputEvent } from 'ionic-pullup' ; @ Component ( { selector : 'app-tab1' , templateUrl : 'tab1.page.html' , styleUrls : [ 'tab1.page.scss' ] } ) export class Tab1Page implements OnInit , AfterViewInit { footerState : IonPullUpFooterState ; toolbarMargin : number ; constructor ( ) { } ngOnInit ( ) { this . footerState = IonPullUpFooterState . Collapsed ; } ngAfterViewInit ( ) { this . toolbarMargin = 100 ; } footerExpanded ( ) { console . log ( 'Footer expanded!' ) ; } footerCollapsed ( ) { console . log ( 'Footer collapsed!' ) ; } toggleFooter ( ) { this . footerState = this . footerState === IonPullUpFooterState . Collapsed ? IonPullUpFooterState . Expanded : IonPullUpFooterState . Collapsed ; } onDrag ( value ) { console . log ( 'Dragged' , value ) ; } }