Issue #3314558 by gerzenstl: Responsive options not working (0045c387) · Commits · project / ebt_slick_slider

js/slick-slider.js

+36 −54

Original line number	Diff line number	Diff line
		@@ -205,101 +205,83 @@
		}

		// Responsive settings.
		var responsive = {};
		var responsive = [];

		if (typeof mobileBreakpoint !== 'undefined') {
		if (typeof mobileSlidesToShow !== 'undefined') {
		console.log(responsive[mobileBreakpoint]);
		if (typeof responsive[mobileBreakpoint] === 'undefined') {
		console.log('tums');
		responsive[mobileBreakpoint] = {}
		var mobileBreakpointSettings = {
		breakpoint: mobileBreakpoint,
		settings: {},
		}
		console.log(responsive[mobileBreakpoint]);
		console.log(mobileSlidesToShow);
		responsive[mobileBreakpoint]['slidesToShow'] = Drupal.checkPlain(mobileSlidesToShow);

		if (typeof mobileSlidesToShow !== 'undefined') {
		mobileBreakpointSettings.settings['slidesToShow'] = parseInt(mobileSlidesToShow);
		}

		if (typeof mobileSlidesToScroll !== 'undefined') {
		if (typeof responsive[mobileBreakpoint] === 'undefined') {
		responsive[mobileBreakpoint] = {}
		}
		responsive[mobileBreakpoint]['slidesToScroll'] = Drupal.checkPlain(mobileSlidesToScroll);
		mobileBreakpointSettings.settings['slidesToScroll'] = parseInt(mobileSlidesToScroll);
		}

		if (typeof mobileCenterMode !== 'undefined' && mobileCenterMode != 0) {
		if (typeof responsive[mobileBreakpoint] === 'undefined') {
		responsive[mobileBreakpoint] = {}
		}
		responsive[mobileBreakpoint]['сenterMode'] = Drupal.checkPlain(mobileCenterMode);
		mobileBreakpointSettings.settings['centerMode'] = parseInt(mobileCenterMode);
		}

		if (typeof mobileСenterPadding !== 'undefined') {
		if (responsive[mobileBreakpoint] === 'undefined') {
		responsive[mobileBreakpoint] = {}
		}
		responsive[mobileBreakpoint]['centerPadding'] = Drupal.checkPlain(mobileСenterPadding);
		mobileBreakpointSettings.settings['centerPadding'] = Drupal.checkPlain(mobileСenterPadding);
		}

		responsive.push(mobileBreakpointSettings);
		}

		if (typeof tabletBreakpoint !== 'undefined') {
		if (typeof tabletSlidesToShow !== 'undefined') {
		if (typeof responsive[tabletBreakpoint] === 'undefined') {
		responsive[tabletBreakpoint] = {}
		var tabletBreakpointSettings = {
		breakpoint: tabletBreakpoint,
		settings: {},
		}
		responsive[tabletBreakpoint]['slidesToShow'] = Drupal.checkPlain(tabletSlidesToShow);

		if (typeof tabletSlidesToShow !== 'undefined') {
		tabletBreakpointSettings.settings['slidesToShow'] = parseInt(tabletSlidesToShow);
		}

		if (typeof tabletSlidesToScroll !== 'undefined') {
		if (typeof responsive[tabletBreakpoint] === 'undefined') {
		responsive[tabletBreakpoint] = {}
		}
		responsive[tabletBreakpoint]['slidesToScroll'] = Drupal.checkPlain(tabletSlidesToScroll);
		tabletBreakpointSettings.settings['slidesToScroll'] = parseInt(tabletSlidesToScroll);
		}

		if (typeof tabletCenterMode !== 'undefined' && tabletCenterMode != 0) {
		if (typeof responsive[tabletBreakpoint] === 'undefined') {
		responsive[tabletBreakpoint] = {}
		}
		responsive[tabletBreakpoint]['centerMode'] = Drupal.checkPlain(tabletCenterMode);
		tabletBreakpointSettings.settings['centerMode'] = Drupal.checkPlain(tabletCenterMode);
		}

		if (typeof tabletCenterPadding !== 'undefined') {
		if (typeof responsive[tabletBreakpoint] === 'undefined') {
		responsive[tabletBreakpoint] = {}
		}
		responsive[tabletBreakpoint]['centerPadding'] = Drupal.checkPlain(tabletCenterPadding);
		tabletBreakpointSettings.settings['centerPadding'] = Drupal.checkPlain(tabletCenterPadding);
		}

		responsive.push(tabletBreakpointSettings);
		}

		if (typeof desktopBreakpoint !== 'undefined') {
		if (typeof desktopSlidesToShow !== 'undefined') {
		if (typeof responsive[desktopBreakpoint] === 'undefined') {
		responsive[desktopBreakpoint] = {}
		var desktopBreakpointSettings = {
		breakpoint: desktopBreakpoint,
		settings: {},
		}
		responsive[desktopBreakpoint]['slidesToShow'] = Drupal.checkPlain(desktopSlidesToShow);

		if (typeof desktopSlidesToShow !== 'undefined') {
		desktopBreakpointSettings.settings['slidesToShow'] = parseInt(desktopSlidesToShow);
		}

		if (typeof desktopSlidesToScroll !== 'undefined') {
		if (typeof responsive[desktopBreakpoint] === 'undefined') {
		responsive[desktopBreakpoint] = {}
		}
		responsive[desktopBreakpoint]['slidesToScroll'] = Drupal.checkPlain(desktopSlidesToScroll);
		desktopBreakpointSettings.settings['slidesToScroll'] = parseInt(desktopSlidesToScroll);
		}

		if (typeof desktopCenterMode !== 'undefined' && desktopCenterMode != 0) {
		if (typeof responsive[desktopBreakpoint] === 'undefined') {
		responsive[desktopBreakpoint] = {}
		}
		responsive[desktopBreakpoint]['centerMode'] = Drupal.checkPlain(desktopCenterMode);
		desktopBreakpointSettings.settings['centerMode'] = Drupal.checkPlain(desktopCenterMode);
		}

		if (typeof desktopCenterPadding !== 'undefined') {
		if (typeof responsive[desktopBreakpoint] === 'undefined') {
		responsive[desktopBreakpoint] = {}
		}
		responsive[desktopBreakpoint]['centerPadding'] = Drupal.checkPlain(desktopCenterPadding);
		desktopBreakpointSettings.settings['centerPadding'] = Drupal.checkPlain(desktopCenterPadding);
		}

		responsive.push(desktopBreakpointSettings);
		}

		options['responsive'] = responsive;

		if (drupalBlockSettings.additional.accessibility != undefined) {
		@@ -491,7 +473,7 @@
		if (drupalBlockSettings.additional.zIndex != undefined && drupalBlockSettings.additional.zIndex != '') {
		options['zIndex'] = Drupal.checkPlain(drupalBlockSettings.additional.zIndex);
		}

		console.log(options);
		$blockSlider.slick(options);
		$blockSlider.addClass('slick-slider-added');
		});