/** * Created by Abdul Waheed on 2/12/2016. */ // Function to initiate Slider function runSlider_id( slider_id ) { var $slider_div = slider_id; var descTitles = []; var orderURLs = []; $slider_div.find( "#JS_Data li" ).each( function () { descTitles.push( jQuery( this ).data( "index" ) ); orderURLs.push( jQuery( this ).data( "order" ) ); } ); $slider_div.find( ".ptsc_slider_submit_button.no_multi a" ).attr( "href", orderURLs[0] ); var initialValue = 1, min = 1, max = descTitles.length; $slider_div.find( ".ptsc_packages_list > .ptsc_package_title[data-index='1']" ).addClass( "active" ); if (document.dir === "rtl"){ $slider_div.find( "#ptsc_slider" ).slider( { value: max, min: min, max: max, step: 1, range: "max", animate: true, // create: function (event, ui) { // var handle = $slider_div.find('.ui-slider-handle'); // handle.append('' + ui.value + '') // }, change: function ( event, ui ) { $slider_div.find( ".ptsc_slider_content" ).addClass( "ptsc_hidden" ); $slider_div.find( "#description_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_discount" ).addClass( "ptsc_hidden" ); $slider_div.find( "#discount_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_head_prices" ).addClass( "ptsc_hidden" ); $slider_div.find( "#head_price_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_price_sep" ).hide(); $slider_div.find( "#ptsc_price_" + ((max+1) - ui.value) ).show(); $slider_div.find( ".ptsc_slider_submit_button.no_multi a" ).attr( "href", orderURLs[((max+1) - ui.value) - 1] ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ((max+1) - ui.value) + "']" ).addClass( "active" ); $slider_div.find( ".ptsc_slider_heading span" ).text( $slider_div.find( '.ptsc_package_title li[data-index="' + ((max+1) - ui.value) + '"]' ).data( 'title' ) ); //var handle = $slider_div.find('ui-slider-handle'); }, slide: function ( event, ui ) { $slider_div.find( ".ptsc_slider_content" ).addClass( "ptsc_hidden" ); $slider_div.find( "#description_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_discount" ).addClass( "ptsc_hidden" ); $slider_div.find( "#discount_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_head_prices" ).addClass( "ptsc_hidden" ); $slider_div.find( "#head_price_" + ((max+1) - ui.value) ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_price_sep" ).hide(); $slider_div.find( "#ptsc_price_" + ((max+1) - ui.value) ).show(); $slider_div.find( ".ptsc_slider_submit_button.no_multi a" ).attr( "href", orderURLs[((max+1) - ui.value) - 1] ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ((max+1) - ui.value) + "']" ).addClass( "active" ); $slider_div.find( ".ptsc_slider_heading span" ).text( $slider_div.find( '.ptsc_package_title li[data-index="' + ((max+1) - ui.value) + '"]' ).data( 'title' ) ); } } ); $slider_div.find( ".ptsc_packages_list li" ).on( "click", function () { var sliderValue = jQuery( this ).data( "index" ); $slider_div.find( "#ptsc_slider" ).slider( 'value', ((max+1) - sliderValue) ); } ); } else{ $slider_div.find( "#ptsc_slider" ).slider( { value: initialValue, min: min, max: max, step: 1, range: "min", animate: true, // create: function (event, ui) { // var handle = $slider_div.find('.ui-slider-handle'); // handle.append('' + ui.value + '') // }, change: function ( event, ui ) { $slider_div.find( ".ptsc_slider_content" ).addClass( "ptsc_hidden" ); $slider_div.find( "#description_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_discount" ).addClass( "ptsc_hidden" ); $slider_div.find( "#discount_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_head_prices" ).addClass( "ptsc_hidden" ); $slider_div.find( "#head_price_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_price_sep" ).hide(); $slider_div.find( "#ptsc_price_" + ui.value ).show(); $slider_div.find( ".ptsc_slider_submit_button.no_multi a" ).attr( "href", orderURLs[ui.value - 1] ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ui.value + "']" ).addClass( "active" ); $slider_div.find( ".ptsc_slider_heading span" ).text( $slider_div.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ) ); //var handle = $slider_div.find('ui-slider-handle'); }, slide: function ( event, ui ) { $slider_div.find( ".ptsc_slider_content" ).addClass( "ptsc_hidden" ); $slider_div.find( "#description_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_discount" ).addClass( "ptsc_hidden" ); $slider_div.find( "#discount_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_slider_head_prices" ).addClass( "ptsc_hidden" ); $slider_div.find( "#head_price_" + ui.value ).removeClass( "ptsc_hidden" ); $slider_div.find( ".ptsc_price_sep" ).hide(); $slider_div.find( "#ptsc_price_" + ui.value ).show(); $slider_div.find( ".ptsc_slider_submit_button.no_multi a" ).attr( "href", orderURLs[ui.value - 1] ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_div.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ui.value + "']" ).addClass( "active" ); $slider_div.find( ".ptsc_slider_heading span" ).text( $slider_div.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ) ); } } ); $slider_div.find( ".ptsc_packages_list li" ).on( "click", function () { var sliderValue = jQuery( this ).data( "index" ); $slider_div.find( "#ptsc_slider" ).slider( 'value', sliderValue ); } ); } for ( var i = 2; i < max + 1; i ++ ) { var positionStep = 100 / (max - 1); var positionLeft = (i - 1) * positionStep; $slider_div.find( ".ptsc_packages_list li:nth-child(" + i + ")" ).css( { "left": positionLeft + "%" } ); $slider_div.find( ".ptsc_slider_pipe:nth-child(" + i + ")" ).css( { "left": positionLeft + "%" } ); } } function slider_tables( slider_id ){ var $slider_container = slider_id; var billingTitles = []; $slider_container.find( "#JS_Data li" ).each( function () { billingTitles.push( jQuery( this ).data( "index" ) ); } ); var initialValue = 1, min = 1, max = billingTitles.length; $slider_container.find( ".ptsc_packages_list > .ptsc_package_title[data-index='1']" ).addClass( "active" ); $slider_container.find( "#ptsc_slider" ).slider({ value: initialValue, min: min, max: max, step: 1, range: "min", animate: true, change: function (event, ui) { $slider_container.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_container.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ui.value + "']" ).addClass( "active" ); $slider_container.find( ".ptsc_slider_heading span" ).text( $slider_container.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ) ); var duration = $slider_container.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ); $slider_container.find('.ptsc_price_table > .holder').hide(); $slider_container.find('.ptsc_price_table > .holder.' + duration).show(); $slider_container.find('.ptsc_discounts_container > .ptsc_holder').hide(); $slider_container.find('.ptsc_discounts_container > .ptsc_holder.' + duration).show(); $slider_container.find('.ptsc_button > .ptsc_holder').hide(); $slider_container.find('.ptsc_button > .ptsc_holder.' + duration).show(); }, slide: function (event, ui){ $slider_container.find( ".ptsc_packages_list > .ptsc_package_title" ).removeClass( "active" ); $slider_container.find( ".ptsc_packages_list > .ptsc_package_title[data-index='" + ui.value + "']" ).addClass( "active" ); $slider_container.find( ".ptsc_slider_heading span" ).text( $slider_container.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ) ); var duration = $slider_container.find( '.ptsc_package_title li[data-index="' + ui.value + '"]' ).data( 'title' ); $slider_container.find('.ptsc_price_table > .holder').hide(); $slider_container.find('.ptsc_price_table > .holder.' + duration).show(); $slider_container.find('.ptsc_discounts_container > .ptsc_holder').hide(); $slider_container.find('.ptsc_discounts_container > .ptsc_holder.' + duration).show(); $slider_container.find('.ptsc_button > .ptsc_holder').hide(); $slider_container.find('.ptsc_button > .ptsc_holder.' + duration).show(); } }); $slider_container.find( ".ptsc_packages_list li" ).on( "click", function () { var sliderValue = jQuery( this ).data( "index" ); $slider_container.find( "#ptsc_slider" ).slider( 'value', sliderValue ); } ); for ( var i = 2; i < max + 1; i ++ ) { var positionStep = 100 / (max - 1); var positionLeft = (i - 1) * positionStep; $slider_container.find( ".ptsc_packages_list li:nth-child(" + i + ")" ).css( { "left": positionLeft + "%" } ); $slider_container.find( ".ptsc_slider_pipe:nth-child(" + i + ")" ).css( { "left": positionLeft + "%" } ); } } // Function to toggle between prices of different durations like, monthly/yearly function toggleComparisonPriceSlider_id( $slider ) { var $slider_div = $slider; $slider_div.find( '.ptsc_price_toggle input[type="radio"]' ).on( 'change', function () { var duration = jQuery( this ).data( 'duration' ); //var orderUrl = jQuery( this ).data( 'orderurl' ); $slider_div.find( '.ptsc_price > .ptsc_holder' ).hide(); $slider_div.find( '.ptsc_price > .ptsc_holder.' + duration ).show(); $slider_div.find( '.ptsc_button > .ptsc_holder' ).hide(); $slider_div.find( '.ptsc_button > .ptsc_holder.' + duration ).show(); $slider_div.find( '.ptsc_discounts_container > .ptsc_holder' ).hide(); $slider_div.find( '.ptsc_discounts_container > .ptsc_holder.' + duration ).show(); jQuery( this ).toggleClass( 'active' ); } ); } // Function to toggle between prices of different durations like, monthly/yearly function toggleComparisonPrice( table_id ) { var $table = table_id; $table.find( '.ptsc_price_toggle input[type="radio"]' ).on( 'change', function () { var duration = jQuery( this ).data( 'duration' ); //var orderUrl = jQuery( this ).data( 'orderurl' ); $table.find( '.ptsc_price > .ptsc_holder' ).hide(); $table.find( '.ptsc_price > .ptsc_holder.' + duration ).show(); $table.find( '.ptsc_discounts_container > .ptsc_holder' ).hide(); $table.find( '.ptsc_discounts_container > .ptsc_holder.' + duration ).show(); $table.find( '.ptsc_button > .ptsc_holder' ).hide(); $table.find( '.ptsc_button > .ptsc_holder.' + duration ).show(); //$table.find('.ptsc_submit.whmpress_order_button').attr('href', orderUrl); //$table.find('.ptsc_submit-button').attr('href', orderUrl); jQuery( this ).toggleClass( 'active' ); } ); } function toggleTableGroupPrice( group ) { var $group = group; $group.find( '.ptsc_price_toggle input[type="radio"]' ).on( 'change', function () { var duration = jQuery( this ).data( 'duration' ); //var orderUrl = jQuery( this ).data( 'orderurl' ); $group.find( '.ptsc_price_table > .holder' ).hide(); $group.find( '.ptsc_price_table > .holder.' + duration ).show(); $group.find( '.ptsc_discounts_container > .ptsc_holder' ).hide(); $group.find( '.ptsc_discounts_container > .ptsc_holder.' + duration ).show(); $group.find( '.ptsc_button > .ptsc_holder' ).hide(); $group.find( '.ptsc_button > .ptsc_holder.' + duration ).show(); jQuery( this ).toggleClass( 'active' ); } ); } function dropdownToggleTableGroupPrice( group ) { var $group = group; $group.find( '.ptsc_price_toggle select' ).on( 'change', function () { var duration = jQuery('select').find(':selected').data('duration'); $group.find( '.ptsc_price_table > .holder' ).hide(); $group.find( '.ptsc_price_table > .holder.' + duration ).show(); $group.find( '.ptsc_discounts_container > .ptsc_holder' ).hide(); $group.find( '.ptsc_discounts_container > .ptsc_holder.' + duration ).show(); $group.find( '.ptsc_button > .ptsc_holder' ).hide(); $group.find( '.ptsc_button > .ptsc_holder.' + duration ).show(); jQuery( this ).toggleClass( 'active' ); } ); } // Function to run Carousel on pricing table groups. function runCarousel( group ) { var $group = group; function hasDots() { return $group.hasClass( 'ptsc_have_dots' ); } var showLarge = ($group.data( 'show-1200' )) ? $group.data( 'show-1200' ) : 4; var showMedium = ($group.data( 'show-1024' )) ? $group.data( 'show-1024' ) : 3; var showSmall = ($group.data( 'show-768' )) ? $group.data( 'show-768' ) : 2; var showMobile = ($group.data( 'show-600' )) ? $group.data( 'show-600' ) : 1; var numTables = $group.find('.ptsc_table_group_col').length; if (numTables <= showLarge) { console.log("Large"); showLarge = numTables; } if (numTables <= showMedium) { console.log("medium"); showMedium = numTables; } if (numTables <= showSmall) { console.log("small"); showSmall = numTables; } if (numTables <= showMobile) { console.log("mobile"); showMobile = numTables; } jQuery( document ).ready( function () { //console.log(numTables); $group.find( '.ptsc_group_carousel' ).slick({ slidesToShow: 3, slidesToScroll: 1, dots: hasDots(), prevArrow: '', nextArrow: '', infinite: true, speed: 300, responsive: [ { breakpoint: 1024, settings: { slidesToShow: showMedium, slidesToScroll: 3 } }, { breakpoint: 768, settings: { slidesToShow: showSmall, slidesToScroll: 2 } }, { breakpoint: 600, settings: { slidesToShow: showMobile, slidesToScroll: 1 } } ] } ); var slickContainer = $group.find( '.slick-slider' ); var slickDots = $group.find( 'ul.slick-dots' ); slickContainer.prepend( slickDots ); } ); } // Function to initiate tooltip jQuery( document ).on( 'ready', function () { jQuery( '.ptsc_discounts_container' ).each( function () { var height = jQuery( this ).outerHeight( true ); jQuery( this ).css( 'min-height', height ); } ); function toggleHideMobile() { jQuery( '[data-ptsc-hide-mobile]' ).each( function () { var hideWidth = jQuery( this ).data( 'ptsc-hide-mobile' ); if ( jQuery( window ).width() < hideWidth ) { jQuery( this ).hide(); } else { jQuery( this ).show(); } } ); } toggleHideMobile(); jQuery( window ).on( 'resize', function () { toggleHideMobile(); } ); jQuery(".ptsc_collapse").click(function(){ console.log("Collapse clicked"); }); } );