You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
|
|
import { ScreenSizeEnum } from '../../../../shared/services/consts-enums-functions';
|
|
|
|
import { sliderAnimation } from '../../../../shared/animation/slider-animation';
|
|
import { CommonService } from '../../../../shared/services/common.service';
|
|
|
|
@Component({
|
|
selector: 'rtl-channel-rebalance-infographics',
|
|
templateUrl: './channel-rebalance-infographics.component.html',
|
|
styleUrls: ['./channel-rebalance-infographics.component.scss'],
|
|
animations: [sliderAnimation]
|
|
})
|
|
export class ChannelRebalanceInfographicsComponent implements OnInit {
|
|
|
|
@Input() animationDirection = 'forward';
|
|
@Input() stepNumber = 1;
|
|
@Output() readonly stepNumberChange = new EventEmitter();
|
|
public screenSize = '';
|
|
public screenSizeEnum = ScreenSizeEnum;
|
|
|
|
constructor(private commonService: CommonService) { }
|
|
|
|
ngOnInit() {
|
|
this.screenSize = this.commonService.getScreenSize();
|
|
}
|
|
|
|
onSwipe(event: any) {
|
|
if (event.direction === 2 && this.stepNumber < 5) {
|
|
this.stepNumber++;
|
|
this.animationDirection = 'forward';
|
|
this.stepNumberChange.emit(this.stepNumber);
|
|
} else if (event.direction === 4 && this.stepNumber > 1) {
|
|
this.stepNumber--;
|
|
this.animationDirection = 'backward';
|
|
this.stepNumberChange.emit(this.stepNumber);
|
|
}
|
|
}
|
|
|
|
}
|