/**
* 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");
});
} );