Last active
April 6, 2018 07:17
-
-
Save mishalrai/738784b668421d6e5b1e334dbc24f316 to your computer and use it in GitHub Desktop.
Detect view
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class slider extends utilities{ | |
constructor() { | |
super(); | |
/* ----------------------------------------------------------- | |
* slider() function should place before | |
* viewChangeEevent Because those function listion event | |
* & viewChangeEvent trigger events( mobileView or desktopView) | |
* ----------------------------------------------------------- */ | |
Query('.andels-slider').length > 0 && this.slider(); | |
this.viewChangeEvent(); | |
} | |
slider() { | |
let sliderInstance = jQuery('.andels-slider'), | |
slickIsLoaded = false; | |
jQuery(document).on('mobileView', ()=> { | |
if (slickIsLoaded) { | |
sliderInstance.slick('unslick'); | |
slickIsLoaded = false; | |
} | |
}); | |
jQuery(document).on('desktopView', ()=> { | |
slickIsLoaded = true; | |
sliderInstance.slick({ | |
slidesToShow: 3, | |
slidesToScroll: 1, | |
dots: false, | |
infinite: true, | |
arrow: true, | |
cssEase: 'linear', | |
adaptiveHeight: true | |
}); | |
}) | |
} | |
} | |
/* Utilities class */ | |
class utilities { | |
viewChangeEvent() { | |
let mobileView, | |
mobileBreakPoint = 767; | |
const isMobile = (resize = false) => { | |
let windowWidth = jQuery(window).width(); | |
if (!resize) { | |
mobileView = windowWidth < mobileBreakPoint ? true : false; | |
} | |
if (windowWidth < mobileBreakPoint && mobileView) { | |
mobileView = false; | |
jQuery(document).trigger('mobileView'); | |
} else if (windowWidth > mobileBreakPoint && !mobileView) { | |
mobileView = true; | |
jQuery(document).trigger('desktopView'); | |
} | |
}; | |
jQuery(document).ready(() => { isMobile(); }); | |
jQuery(window).resize(() => { isMobile(true); }); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment