fix page component

phodal · Feb 8, 2017 · e9e1c6c · e9e1c6c
1 parent fda4f19
commit e9e1c6c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/discover/exam-detail/exam-detail.ts b/src/pages/discover/exam-detail/exam-detail.ts
@@ -1,7 +1,7 @@
 import {Component, ViewChild, ElementRef} from "@angular/core";
 import {PageObject, AnimationReadyEvent} from "../../effect/paging-conponents";
 import {BodyContent} from "./body-content";
-import {NavParams, NavController, GestureController, Animation} from "ionic-angular";
+import {NavParams, NavController, GestureController, Animation, Platform} from "ionic-angular";
 import {QUIZS} from "../../../data/QUIZS";
 import * as _ from "lodash";
 
@@ -22,7 +22,7 @@ export class ExamDetailPage {
  private allQuestions;
  private questionsWithShuffle;
 
- constructor(public params: NavParams, public nav: NavController, public gestureController: GestureController) {
+ constructor(public params: NavParams, public nav: NavController, public gestureController: GestureController, public plt: Platform) {
  this.domain = params.get("domain");
  this.allQuestions = QUIZS[this.domain];
  this.questionsWithShuffle = this.shuffleQuestion(this.allQuestions);
@@ -78,7 +78,7 @@ export class ExamDetailPage {
  private exchangeAnimation(previousIndex, selectedIndex) {
  let component = this.content.nativeElement.querySelectorAll('body-content > ion-nav ng-component');
  let currentComponent = component[this.activeIndex];
- let componentAnimation = new Animation(currentComponent);
+ let componentAnimation = new Animation(this.plt, currentComponent);
 
  if (previousIndex >= selectedIndex) {
  componentAnimation

diff --git a/src/pages/effect/paging-conponents.ts b/src/pages/effect/paging-conponents.ts
@@ -99,7 +99,7 @@ export class PagingComponent {
  let previousDistanceNeededToMove = this.currentAmountShiftedInPx;
  this.currentAmountShiftedInPx = centerPoint - selectedItemCenterPoint;
 
- let animation = new Animation(this.container.nativeElement);
+ let animation = new Animation(this.plt, this.container.nativeElement);
  animation.fromTo("translateX", `${previousDistanceNeededToMove}px`, `${this.currentAmountShiftedInPx}px`);
 
  for (let i = 0; i < pagingCircleWrapperElements.length; i++) {
@@ -111,7 +111,7 @@ export class PagingComponent {
  if (this.ignoreFirst) {
  this.ignoreFirst = false;
  } else {
- let circleAnimation = new Animation(this.zoomCircleRef.nativeElement);
+ let circleAnimation = new Animation(this.plt, this.zoomCircleRef.nativeElement);
  let animationOriginY = pagingCircleWrapperElements[newIndex].nativeElement.offsetTop + SMALL_CIRCLE_DIAMETER / 2;
 
  let circleXOrigin = selectedItemCenterPoint - SMALL_CIRCLE_DIAMETER / 2;
@@ -148,7 +148,7 @@ export class PagingComponent {
  }
 
  buildChildAnimation(selectedIndex:number, currentIndex:number, pagingCircleWrapperRef:ElementRef, originalOffset:number, newOffset:number) {
- let animation = new Animation(pagingCircleWrapperRef.nativeElement);
+ let animation = new Animation(this.plt, pagingCircleWrapperRef.nativeElement);
  let circleElement = <HTMLElement> pagingCircleWrapperRef.nativeElement.children[0];
  let innerCircleElement = circleElement.children[0];
  let circleAnimation = new Animation(this.plt, circleElement);