/** * This legacy file is bundled by public_src/frontend.js. */ /* eslint-disable */ var WPViews = WPViews || {}; var wpv_stop_rollover = {}; window.wpvPaginationAjaxLoaded = {}; window.wpvPaginationAnimationFinished = {}; window.wpvPaginationQueue = {}; // ------------------------------------ // Clone // ------------------------------------ // Textarea and select clone() bug workaround | Spencer Tipping // Licensed under the terms of the MIT source code license // Motivation. // jQuery's clone() method works in most cases, but it fails to copy the value of textareas and select elements. This patch replaces jQuery's clone() method with a wrapper that fills in the // values after the fact. // An interesting error case submitted by Piotr Przybyl: If two <select> options had the same value, the clone() method would select the wrong one in the cloned box. The fix, suggested by Piotr // and implemented here, is to use the selectedIndex property on the <select> box itself rather than relying on jQuery's value-based val(). ;( function() { jQuery.fn.wpv_clone = function() { var result = jQuery.fn.clone.apply( this, arguments ), my_textareas = this.find( 'textarea' ).add( this.filter( 'textarea' ) ), result_textareas = result.find( 'textarea' ).add( result.filter( 'textarea' ) ), my_selects = this.find( 'select' ).add( this.filter( 'select' ) ), result_selects = result.find( 'select' ).add( result.filter( 'select' ) ); for ( var i = 0, l = my_textareas.length; i < l; ++i ) { jQuery( result_textareas[i] ).val( jQuery( my_textareas[i] ).val() ); } for ( var i = 0, l = my_selects.length; i < l; ++i ) { for ( var j = 0, m = my_selects[i].options.length; j < m; ++j ) { if ( my_selects[i].options[j].selected === true ) { result_selects[i].options[j].selected = true; } else { result_selects[i].options[j].selected = false; } } } return result; }; })(); WPViews.ViewFrontendUtils = function( $ ) { // ------------------------------------ // Constants and variables // ------------------------------------ var self = this; self.datepicker_style_id = 'js-toolset-datepicker-style'; self.is_datepicker_style_loaded = false; // ------------------------------------ // Methods // ------------------------------------ self.just_return = function() { return; }; /** * extract_url_query_parameters * * Extracts parameters from a query string, managing arrays, and returns an array of pairs key => value * * @param string query_string * * @return array * * @note ##URLARRAYVALHACK## is a hacky constant * * @uses decodeURIComponent * * @since 1.9 */ self.extract_url_query_parameters = function( query_string ) { var query_string_pairs = {}; if ( query_string == "" ) { return query_string_pairs; } var query_string_split = query_string.split( '&' ), query_string_split_length = query_string_split.length; for ( var i = 0; i < query_string_split_length; ++i ) { var qs_part = query_string_split[i].split( '=' ); if ( qs_part.length != 2 ) { continue; }; var thiz_key = qs_part[0], thiz_val = decodeURIComponent( qs_part[1].replace( /\+/g, " " ) ); // Adjust thiz_key to work with POSTed arrays thiz_key = thiz_key.replace( /(\[)\d?(\])/, "" ); thiz_key = thiz_key.replace( "[]", "" );// Just in case thiz_key = thiz_key.replace( /(%5B)\d?(%5D)/, "" ); thiz_key = thiz_key.replace( "%5B%5D", "" );// Just in case thiz_key = thiz_key.replace( /(%255B)\d?(%255D)/, "" ); thiz_key = thiz_key.replace( "%255B%255D", "" );// Just in case if ( query_string_pairs.hasOwnProperty( thiz_key ) ) { if ( query_string_pairs[thiz_key] != thiz_val ) { // @hack alert!! We can not avoid using this :-( query_string_pairs[thiz_key] += '##URLARRAYVALHACK##' + thiz_val; } else { query_string_pairs[thiz_key] = thiz_val; } } else { query_string_pairs[thiz_key] = thiz_val; } } return query_string_pairs; }; /** * get_extra_url_query_parameters * * Gets the current URL query parameters, but only those that do not belong to the current form already. * * @note Arrays are returned on a single key with values on a single string, separated by the ##URLARRAYVALHACK## placeholder. We might review that later * @note Since 2.2, force include URL parameters that belong to form controls when the form does not use dependency nor AJAX results. * As the form should be posted with page reload in this case, and we are not performing a dependency call, URL parameters win over optios in the form * and have been not recorded yet in the AJAX method manager. * * @return array * * @uses self.extract_url_query_parameters * * @since 2.1 */ self.get_extra_url_query_parameters_by_form = function( form ) { var query_string = self.extract_url_query_parameters( window.location.search.substr( 1 ) ), data = {}, force_from_form = ! ( form.hasClass( 'js-wpv-dps-enabled' ) || form.hasClass( 'js-wpv-ajax-results-enabled' ) || form.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ); for ( var prop in query_string ) { var $matchExisting = form.find( '[name="' + prop + '"], [name="' + prop + '\\[\\]"]' ); if ( query_string.hasOwnProperty( prop ) && ! data.hasOwnProperty( prop ) && ( force_from_form || $matchExisting.length === 0 || $matchExisting .filter( '.js-wpv-extra-url-param' ) .length > 0 ) ) { data[ prop ] = query_string[ prop ]; } } return data; }; /** * set_extra_url_query_parameters * * Forces the current URL query parameters in a form, but only those that do not belong to the form already. * * @uses self.extract_url_query_parameters * * @since 2.1 */ self.set_extra_url_query_parameters_by_form = function( form ) { var extra = self.get_extra_url_query_parameters_by_form( form ); $.each( extra, function( key, value ) { if ( form.find( '[name="' + key + '"], [name="' + key + '\\[\\]"]' ).length === 0 ) { // @hack alert!! WE can not avoid this :-( var pieces = value.split( '##URLARRAYVALHACK##' ), pieces_length = pieces.length; if ( pieces_length < 2 ) { $( '<input>' ).attr({ type: 'hidden', name: key, value: value, class: 'js-wpv-extra-url-param' }) .appendTo( form ); } else { for ( var iter = 0; iter < pieces_length; iter++ ) { $( '<input>' ).attr({ type: 'hidden', name: key + "[]", value: pieces[iter], class: 'js-wpv-extra-url-param' }) .appendTo( form ); } } } }); }; /** * Dynamically load the Toolset datepicker style, only when needed. * * @note we should do the same with mediaelement and wp-mediaelement * @note the handle for this used to be wptoolset-field-datepicker * * @since 2.3.0 */ self.maybe_load_datepicker_style = function() { if ( ! self.is_datepicker_style_loaded ) { if ( document.getElementById( self.datepicker_style_id ) ) { self.is_datepicker_style_loaded = true; } else { var head = document.getElementsByTagName( 'head' )[0], link = document.createElement( 'link' ); link.id = self.datepicker_style_id; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = wpv_pagination_local.datepicker_style_url; link.media = 'all'; head.appendChild( link ); self.is_datepicker_style_loaded = true; } } }; /** * Destroy all initialized datepickers in the page, before doing changes and initializing them again. * * @since 2.3.0 * @deprecated 3.6 Use close_and_destroy_datepickers instead. */ self.destroy_frontend_datepicker = function() { $( ".js-wpv-frontend-datepicker.js-wpv-frontend-datepicker-inited" ) .removeClass( 'js-wpv-frontend-datepicker-inited' ) .datepicker( "destroy" ); }; /** * Add a datepicker to a selector but only if it has not been added before. * * Fired on document.ready, after AJAX pagination and after AJAX parametric search events. * * @since 1.9 */ self.render_frontend_datepicker = function() { $( '.js-wpv-frontend-datepicker:not(.js-wpv-frontend-datepicker-inited)' ).each( function() { self.maybe_load_datepicker_style(); var thiz = $( this ); thiz .addClass( 'js-wpv-frontend-datepicker-inited' ) .datepicker({ onSelect: function( dateText, inst ) { var url_param = thiz.data( 'param' ), data = 'date=' + dateText, form = thiz.closest( 'form' ); data += '&date-format=' + $( '.js-wpv-date-param-' + url_param + '-format' ).val(); data += '&action=wpv_format_date'; $.post( wpv_pagination_local.front_ajaxurl, data, function( response ) { response = JSON.parse( response ); form.find('.js-wpv-date-param-' + url_param ).html( response['display'] ); form.find('.js-wpv-date-front-end-clear-' + url_param ).show(); form.find('.js-wpv-date-param-' + url_param + '-value' ).val( response['timestamp'] ).trigger( 'change' ); }); }, dateFormat: 'ddmmyy', minDate: wpv_pagination_local.datepicker_min_date, maxDate: wpv_pagination_local.datepicker_max_date, showOn: "button", buttonImage: wpv_pagination_local.calendar_image, buttonText: wpv_pagination_local.calendar_text, buttonImageOnly: true, changeMonth: true, changeYear: true, yearRange: wpv_pagination_local.datepicker_min_year + ':' + wpv_pagination_local.datepicker_max_year, }); }); }; /** * Close all opened datepickers, usually before swapping a search for by its updated version. * * Ideally, we should be destroying the datepicker. * However, this bug https://bugs.jqueryui.com/ticket/14578 * states that multiple datepickers plus hover events can lead to console errors on destoy: * this is why we limit the reach to just hide them. */ self.close_and_destroy_datepickers = function() { $( '.js-wpv-frontend-datepicker-inited' ).each( function() { $( '.js-wpv-frontend-datepicker.js-wpv-frontend-datepicker-inited' ) .removeClass( 'js-wpv-frontend-datepicker-inited' ) .datepicker( 'hide' ); //.datepicker( 'destroy' ); }); }; self.adjustPrice = function( number, format, thousandSeparator ) { var base = parseInt( Math.abs( number || 0 ), 10 ) + "", mod = base.length > 3 ? base.length % 3 : 0, value = ( mod ? base.substr( 0, mod ) + thousandSeparator : "" ) + base.substr( mod ).replace( /(\d{3})(?=\d)/g, "$1" + thousandSeparator ); return format.replace( '%v', value ); } self.adjustPriceFilterAmount = function( $priceWrapper, min, max ) { var currencyData = $priceWrapper.data( 'currency' ), $priceAmount = $priceWrapper.find( '.js-wpv-range-slider-amount' ); $priceAmount.find( 'span.js-wpv-range-slider-amount-label-from' ).html( self.adjustPrice( min, currencyData.format, currencyData.thousand_separator ) ); $priceAmount.find( 'span.js-wpv-range-slider-amount-label-to' ).html( self.adjustPrice( max, currencyData.format, currencyData.thousand_separator ) ); }; self.renderPriceFilter = function() { $( '.js-wpv-range-slider:not(.js-wpv-frontend-slider-range-inited)' ).each( function() { var $priceSlider = $( this ), $priceWrapper = $priceSlider.closest( '.js-wpv-range-slider-wrapper' ), $priceInputMinPrice = $priceWrapper.find( '.js-wpv-range-slider-amount-min' ), $priceInputMaxPrice = $priceWrapper.find( '.js-wpv-range-slider-amount-max' ), $priceAmount = $priceWrapper.find( '.js-wpv-range-slider-amount' ), min_price = $priceInputMinPrice.data( 'min' ), max_price = $priceInputMaxPrice.data( 'max' ), step = $priceAmount.data( 'step' ) || 1, current_min_price = $priceInputMinPrice.val(), current_max_price = $priceInputMaxPrice.val(); $priceSlider.find( 'input.js-wpv-range-slider-amount-min, input.js-wpv-range-slider-amount-max' ).hide(); $priceWrapper.find( '.js-wpv-range-slider, .js-wpv-range-slider-amount-label' ).show(); min_price = parseInt( Math.abs( min_price || 0 ), 10 ); max_price = parseInt( Math.abs( max_price || 0 ), 10 ); current_min_price = parseInt( Math.abs( current_min_price || 0 ), 10 ); current_max_price = parseInt( Math.abs( current_max_price || 0 ), 10 ); $priceSlider .addClass( 'js-wpv-frontend-slider-range-inited' ) .slider({ range: true, animate: true, min: min_price, max: max_price, step: parseInt( Math.abs( step || 10 ), 10 ), values: [ current_min_price, current_max_price ], create: function() { $priceInputMinPrice.val( current_min_price ); $priceInputMaxPrice.val( current_max_price ); self.adjustPriceFilterAmount( $priceWrapper, current_min_price, current_max_price ); $( document.body ).trigger( 'wpv_range_slider_create', [ current_min_price, current_max_price ] ); }, slide: function( event, ui ) { self.adjustPriceFilterAmount( $priceWrapper, ui.values[0], ui.values[1] ); $( document.body ).trigger( 'wpv_range_slider_slide', [ ui.values[0], ui.values[1] ] ); }, change: _.debounce( function( event, ui ) { $priceInputMinPrice.val( ui.values[0] ); $priceInputMaxPrice.val( ui.values[1] ); $( document.body ).trigger( 'wpv_range_slider_change', [ ui.values[0], ui.values[1] ] ); $priceInputMinPrice.trigger( 'change' ); }, 700 ) }); }); } /** * clone_form * * Clones a form using the fixed clone() method that covers select and textarea elements * * @param object fil * @param array targets * * @since 1.9 */ self.clone_form = function( fil, targets ) { var cloned = fil.wpv_clone(); targets.each( function() { $( this ).replaceWith( cloned ); }); }; /** * render_frontend_media_shortcodes * * Render the WordPress media players for items inside a container. * * @param object container * * @since 1.9 */ self.render_frontend_media_shortcodes = function( container ) { // Audio shortcodes container.find( '.wp-audio-shortcode.mejs-container' ).each( function() { var $oldStructure = $( this ), $audioTag = $oldStructure.find( 'audio.wp-audio-shortcode' ); $oldStructure.replaceWith( $audioTag ); }); container.find( '.wp-audio-shortcode' ).each( function() { var thiz = $( this ); thiz.mediaelementplayer(); }); // Video shortcodes container.find( '.wp-video-shortcode.mejs-container' ).each( function() { var $oldStructure = $( this ), $videoTag = $oldStructure.find( 'video.wp-video-shortcode[id$=_from_mejs]' ); $oldStructure.replaceWith( $videoTag ); }); container.find( '.wp-video-shortcode' ).each( function() { var thiz = $( this ); thiz.mediaelementplayer(); }); // Playlists // Note that existing playlists will not work properlyon // on existing content after the infinite scrolling pagination effect: // we can not restart them container.find( '.wp-playlist' ).each( function() { var thiz = $( this ); return new WPPlaylistView({ el: this }); }); }; /** * get_form_element_type * * Get a form element type, be it text, radio, checkbox, textarea or select * * @param selector A jQuery selector object * * @return string 'text'|'radio'|'checkbox'|'textarea'|'select'|empty if selector is empty * * @since 2.2 */ self.get_form_element_type = function( selector ) { if ( selector.length > 0 ) { return selector[0].tagName == "INPUT" ? selector[0].type.toLowerCase() : selector[0].tagName.toLowerCase(); } else { return ''; } } self.get_hidden_item_width = function( item ) { var item_clone = item .clone() .css({ 'display': 'block', 'visibility': 'visible', 'position': 'absolute', 'z-index': '-99999', 'left': '99999999px', 'top': '0px', 'white-space': 'nowrap' }) .appendTo( 'body' ), width = item_clone.outerWidth(); item_clone.remove(); return width; }; // ------------------------------------ // Get updated results // ------------------------------------ /** * get_updated_query_results * * Shared method for paginating Views and WordPress Archives, and also for parametric search on both. * Returns a promise so you can operate on the response at will. * * Note that it applis the current form regardless it being submitted or not. * @todo we might want to avoid adding that data when the form contains unsubmitted changes. * * @param view_number The object hash * @param page The page that we want to get * @param form The form to track changes against * @param expect 'form'|'full'|'both' Whether to return the full View, just the form, or both * * @since 2.1 */ self.get_updated_query_results = function( view_number, page, form, expect ) { var data = {}, sort = {}, environment = {}, search = {}, extra = {}. attributes = {}, lang = wpv_pagination_local.wpmlLang, parametric_data = form.data( 'parametric' ); sort = WPViews.view_sorting.get_sort_data( view_number, form ); if ( parametric_data['environment'].current_post_id > 0 ) { environment['wpv_aux_current_post_id'] = parametric_data['environment'].current_post_id; } if ( parametric_data['environment'].parent_post_id > 0 ) { environment['wpv_aux_parent_post_id'] = parametric_data['environment'].parent_post_id; } if ( parametric_data['environment'].parent_term_id > 0 ) { environment['wpv_aux_parent_term_id'] = parametric_data['environment'].parent_term_id; } if ( parametric_data['environment'].parent_user_id > 0 ) { environment['wpv_aux_parent_user_id'] = parametric_data['environment'].parent_user_id; } environment['archive'] = parametric_data['environment'].archive; if ( form.find( '.js-wpv-post-relationship-update' ).length ) { search['dps_pr'] = form.find( '.js-wpv-post-relationship-update' ).serializeArray(); } if ( form.hasClass( 'js-wpv-dps-enabled' ) || form.hasClass( 'js-wpv-ajax-results-enabled' ) || form.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ) { search['dps_general'] = form.find( '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed' ).serializeArray(); } attributes = parametric_data['attributes']; extra = self.get_extra_url_query_parameters_by_form( form, true ); data = { 'view_number': view_number, page: page, sort: sort, attributes: attributes, environment: environment, search: search, extra: extra, expect: expect }; if ( lang ) { data['lang'] = lang; } switch ( parametric_data.query ) { case 'archive': data['action'] = 'wpv_get_archive_query_results'; data['loop'] = parametric_data.loop; break; default: data['action'] = 'wpv_get_view_query_results'; data['id'] = parametric_data.id; if ( form.attr( 'data-targetid' ) ) { data['target_id'] = form.data( 'targetid' ); } else if ( $( '.js-wpv-form-only.js-wpv-filter-form-' + view_number ).length > 0 ) { data['target_id'] = $( '.js-wpv-form-only.js-wpv-filter-form-' + view_number ).data( 'targetid' ); } data['wpv_view_widget_id'] = parametric_data['widget_id']; break; } return $.ajax({ type: "POST", dataType: "json", url: wpv_pagination_local.front_ajaxurl, data: data }).done( function( response ) { // If any of the loaded pages contains a playlist shortcode, // append the required templates in case they are not there yet. if ( response.success && _.has( response.data, 'playlist_templates' ) && $( '#tmpl-wp-playlist-current-item' ).length === 0 ) { $( 'body' ).append( response.data.playlist_templates ); } }); }; /** * Add, update or remove query string argument. * * @param key {string} Argument name * @param value {string} Argument value. Not supplying a value will remove the parameter, supplying one will * add/update the argument. * @param url {string} The URL. If no URL is supplied, it will be grabbed from window.location * @return string The updated URL. * @link http://stackoverflow.com/a/11654596/3191395 * * @since 2.3 */ self.updateUrlQuery = function(key, value, url) { if(!url) { url = window.location.href; } var re = new RegExp("([?&])" + key + "=.*?(&|#|$)(.*)", "gi"); var hash; if (re.test(url)) { if (typeof value !== 'undefined' && value !== null) { return url.replace(re, '$1' + key + "=" + value + '$2$3'); } else { hash = url.split('#'); url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, ''); if(typeof hash[1] !== 'undefined' && hash[1] !== null) { url += '#' + hash[1]; } return url; } } else { if (typeof value !== 'undefined' && value !== null) { var separator = url.indexOf('?') !== -1 ? '&' : '?'; hash = url.split('#'); url = hash[0] + separator + key + '=' + value; if (typeof hash[1] !== 'undefined' && hash[1] !== null) { url += '#' + hash[1]; } return url; } else { return url; } } }; // ------------------------------------ // Events // ------------------------------------ /** * Window resize event * * Make Views layouts responsive * * @since 1.9 * @since 1.11 added debounce */ $( window ).on( 'resize', _.debounce( function() { $( '.js-wpv-layout-responsive' ).each( function() { $( this ).css( 'width', '' ); }) .promise() .done( function() { $( document ).trigger( 'js_event_wpv_layout_responsive_resize_completed' ); }); }, wpv_pagination_local.resize_debounce_tolerance )); // ------------------------------------ // Init // ------------------------------------ self.init = function() { self.render_frontend_datepicker(); self.renderPriceFilter(); }; self.init(); }; WPViews.ViewSorting = function( $ ) { var self = this; /** * Get the sort data for a given View. * * @note If the current orderby option does not have an orderby_as option and does not match the stored option, * we remove (we empty) that value so it gets sorted as a native, string value. * * @since 2.3.0 */ self.get_sort_data = function( view_number, form ) { var sort = {}, parametric_data = form.data( 'parametric' ); sort['wpv_orderby'] = parametric_data['sort']['orderby']; sort['wpv_order'] = parametric_data['sort']['order']; sort['wpv_sort_orderby'] = parametric_data['sort']['orderby']; sort['wpv_sort_order'] = parametric_data['sort']['order']; sort['wpv_sort_orderby_as'] = parametric_data['sort']['orderby_as']; sort['wpv_sort_orderby_second'] = parametric_data['sort']['orderby_second']; sort['wpv_sort_order_second'] = parametric_data['sort']['order_second']; if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) { var orderby_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) ); switch ( orderby_type ) { case 'select': sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val(); if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ) ) { sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ); } else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) { sort['wpv_sort_orderby_as'] = ''; } break; case 'radio': sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby:checked' ).val(); if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ) ) { sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ); } else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) { sort['wpv_sort_orderby_as'] = ''; } break; case 'text': case 'hidden': sort['wpv_sort_orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val(); if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ) ) { sort['wpv_sort_orderby_as'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ); } else if ( sort['wpv_sort_orderby'] != parametric_data['sort']['orderby'] ) { sort['wpv_sort_orderby_as'] = ''; } break; } } if ( form.find( '.js-wpv-sort-control-order' ).length > 0 ) { var order_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-order' ) ); switch ( order_type ) { case 'select': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-order' ).val(); break; case 'radio': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-order:checked' ).val(); break; case 'text': case 'hidden': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-order' ).val(); break; } } if ( '' === sort['wpv_sort_order'] && form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) { var order_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) ); switch ( order_type ) { case 'select': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' ); break; case 'radio': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' ); break; case 'text': case 'hidden': sort['wpv_sort_order'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' ); break; } } return sort; } /** * Sync the sorting controls used inside and outside of the View form. * * @since 2.3.0 * @since 2.3.1 Split into set_sort_data_inside_form and set_sort_data_outside_form. */ self.set_sort_data = function( form, sort ) { self.set_sort_data_inside_form( form, sort ) .set_sort_data_outside_form( form, sort ); self.set_product_filter_by_price_fields(form, sort); return self; }; /** * Sync the sorting controls used inside and outside of the View form for the case of paginating while the View is * already sorted. * * @since 2.5.2 */ self.set_sort_data_for_pagination = function ( form ) { var sort = {}, parametric_data = form.data( 'parametric' );; if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) { var orderby_type = WPViews.view_frontend_utils.get_form_element_type( form.find( '.js-wpv-sort-control-orderby' ) ); switch ( orderby_type ) { case 'select': sort['orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val(); if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ) ) { sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'orderbyas' ); } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) { sort['orderby_as'] = ''; } if ( form.find( '.js-wpv-sort-control-order option:selected' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-order option:selected' ).val(); } else if ( form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-orderby option:selected' ).data( 'forceorder' ); } break; case 'radio': sort['orderby'] = form.find( '.js-wpv-sort-control-orderby:checked' ).val(); if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ) ) { sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'orderbyas' ); } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) { sort['orderby_as'] = ''; } if ( form.find( '.js-wpv-sort-control-order:checked' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-order:checked' ).val(); } else if ( form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-orderby:checked' ).data( 'forceorder' ); } break; case 'text': case 'hidden': sort['orderby'] = form.find( '.js-wpv-sort-control-orderby' ).val(); if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ) ) { sort['orderby_as'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'orderbyas' ); } else if ( sort['orderby'] != parametric_data['sort']['orderby'] ) { sort['orderby_as'] = ''; } if ( form.find( '.js-wpv-sort-control-order' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-order' ).val(); } else if ( form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' ) ) { sort['order'] = form.find( '.js-wpv-sort-control-orderby' ).data( 'forceorder' ); } break; } } self.set_sort_data( form, sort ); }; /** * Set the sort data for orderby controls as select dropdowns. * * @since 2.3.1 */ self.set_sort_data_orderby_select = function( orderby_control, sort ) { if ( orderby_control.find( 'option[value="' + sort['orderby'] + '"]' ).length == 0 ) { orderby_control.append( $('<option>', { value: sort['orderby'], text: sort['orderby'] })); } orderby_control.val( sort['orderby'] ); if ( _.has( sort, 'orderby_as' ) ) { orderby_control.find( 'option:selected' ) .data( 'orderbyas', sort['orderby_as'] ) .attr( 'data-orderbyas', sort['orderby_as'] ); } return self; }; /** * Set the sort data for orderby controls as text or hidden inputs. * * @since 2.3.1 */ self.set_sort_data_orderby_text = function( orderby_control, sort ) { orderby_control.val( sort['orderby'] ); if ( _.has( sort, 'orderby_as' ) ) { orderby_control .data( 'orderbyas', sort['orderby_as'] ) .attr( 'data-orderbyas', sort['orderby_as'] ); } return self; }; /** * Set the sort data for orderby controls as radio inputs. * * @note Create a radio input if it does not exist one for the right orderby value. * * @since 2.3.1 */ self.set_sort_data_orderby_radio = function( orderby_control, sort, form ) { if ( orderby_control.filter( '[value="' + sort['orderby'] + '"]' ).length == 0 ) { form.append( $('<input>', { type: 'radio', "class": 'js-wpv-sort-control-orderby', name: 'wpv_sort_orderby', value: sort['orderby'] })); } form.find( '.js-wpv-sort-control-orderby[value="' + sort['orderby'] + '"]' ).prop( 'checked', true ); if ( _.has( sort, 'orderby_as' ) ) { form.find( '.js-wpv-sort-control-orderby:checked' ) .data( 'orderbyas', sort['orderby_as'] ) .attr( 'data-orderbyas', sort['orderby_as'] ); } return self; }; /** * Set the sort data for orderby controls as radio inputs. * * @note Uncheck all radio inputs if it does not exist one for the right orderby value. * * @since 2.3.1 */ self.maybe_set_sort_data_orderby_radio = function( orderby_control, sort ) { if ( orderby_control.filter( '[value="' + sort['orderby'] + '"]' ).length == 0 ) { orderby_control.prop( 'checked', false ); } else { orderby_control.filter( '[value="' + sort['orderby'] + '"]' ).prop( 'checked', true ); if ( _.has( sort, 'orderby_as' ) ) { orderby_control.filter( ':checked' ) .data( 'orderbyas', sort['orderby_as'] ) .attr( 'data-orderbyas', sort['orderby_as'] ); } } return self; }; /** * Set the sort data for orderby controls as lists. * * @since 2.3.1 */ self.set_sort_data_orderby_list = function( orderby_control, sort ) { var orderby_control_to_set = orderby_control.find( '.js-wpv-sort-list-orderby[data-orderby="' + sort['orderby'] + '"]' ); if ( orderby_control_to_set.length == 0 ) { } else { if ( ! orderby_control_to_set.closest( '.js-wpv-sort-list-item' ).hasClass( 'wpv-sort-list-current' ) ) { orderby_control .find( 'span.wpv-sort-list-current' ) .removeClass( 'wpv-sort-list-current' ); orderby_control .find( '.js-wpv-sort-list-item' ) .css( {'display':'none'} ); orderby_control_to_set .closest( '.js-wpv-sort-list-item' ) .addClass( 'wpv-sort-list-current' ) .css( {'display': 'block'} ); orderby_control .find( '.js-wpv-sort-list' ) .prepend( orderby_control_to_set.closest( '.js-wpv-sort-list-item' ) ); } } return self; }; /** * Set the sort data for order controls as select dropdowns. * * @since 2.3.1 */ self.set_sort_data_order_select = function( order_control, sort ) { if ( order_control.find( 'option[value="' + sort['order'] + '"]' ).length == 0 ) { order_control.append( $('<option>', { value: sort['order'], text: sort['order'] })); } order_control.val( sort['order'] ); if ( _.has( sort, 'orderby' ) && typeof order_control.data('labels') !== 'undefined' ) { // We are setting the order in a command that also sets the orderby, so we need to modify the order labels var order_labels = order_control.data( 'labels' ), order_labels_to_push = {}, orderby_to_check = sort.orderby.toLowerCase(); if ( _.has( order_labels, orderby_to_check ) ) { order_labels_to_push = order_labels[ orderby_to_check ]; } else if ( _.has( order_labels, 'default' ) ) { order_labels_to_push = order_labels[ 'default' ]; } if ( _.has( order_labels_to_push, 'asc' ) ) { order_control.find( 'option[value="asc"]' ).html( order_labels_to_push.asc ); } if ( _.has( order_labels_to_push, 'desc' ) ) { order_control.find( 'option[value="desc"]' ).html( order_labels_to_push.desc ); } } return self; }; /** * Set the sort data for order controls as text or hidden inputs. * * @since 2.3.1 */ self.set_sort_data_order_text = function( order_control, sort ) { order_control.val( sort['order'] ); return self; }; /** * Set the sort data for order controls as radio inputs. * * @note Create a radio input if it does not exist one for the right order value. * * @since 2.3.1 */ self.set_sort_data_order_radio = function( order_control, sort, form ) { if ( order_control.filter( '[value="' + sort['order'] + '"]' ).length == 0 ) { form.append( $('<input>', { type: 'radio', "class": 'js-wpv-sort-control-order', name: 'wpv_sort_order', value: sort['order'] })); } form.find( '.js-wpv-sort-control-order[value="' + sort['order'] + '"]' ).prop( 'checked', true ); if ( _.has( sort, 'orderby' ) && typeof order_control.data('labels') !== 'undefined' ) { // We are setting the order in a command that also sets the orderby, so we need to modify the order labels var order_labels = order_control.data( 'labels' ), order_labels_to_push = {}, orderby_to_check = sort.orderby.toLowerCase(), label_to_update = null, input_to_keep = null; if ( _.has( order_labels, orderby_to_check ) ) { order_labels_to_push = order_labels[ orderby_to_check ]; } else if ( _.has( order_labels, 'default' ) ) { order_labels_to_push = order_labels[ 'default' ]; } if ( _.has( order_labels_to_push, 'asc' ) ) { label_to_update = order_control.filter( '[value="asc"]' ).closest( 'label' ); input_to_keep = order_control.filter( '[value="asc"]' ).detach(); label_to_update .html( order_labels_to_push.asc ) .prepend( input_to_keep ); } if ( _.has( order_labels_to_push, 'desc' ) ) { label_to_update = order_control.filter( '[value="desc"]' ).closest( 'label' ); input_to_keep = order_control.filter( '[value="desc"]' ).detach(); label_to_update .html( order_labels_to_push.desc ) .prepend( input_to_keep ); } } return self; }; /** * Set the sort data for order controls as radio inputs. * * @note Uncheck all radio inputs if it does not exist one for the right order value. * * @since 2.3.1 */ self.maybe_set_sort_data_order_radio = function( order_control, sort ) { if ( order_control.filter( '[value="' + sort['order'] + '"]' ).length == 0 ) { order_control.prop( 'checked', true ); } else { order_control.filter( '[value="' + sort['order'] + '"]' ).prop( 'checked', true ); } return self; }; /** * Set the sort data for order controls as lists. * * @since 2.3.1 */ self.set_sort_data_order_list = function( order_control, sort ) { var order_control_to_set = order_control.find( '.js-wpv-sort-list-order[data-order="' + sort['order'] + '"]' ); if ( order_control_to_set.length == 0 ) { } else { if ( ! order_control_to_set.closest( '.js-wpv-sort-list-item' ).hasClass( 'wpv-sort-list-current' ) ) { order_control .find( 'span.wpv-sort-list-current' ) .removeClass( 'wpv-sort-list-current' ); order_control .find( '.js-wpv-sort-list-item' ) .css( {'display':'none'} ); order_control_to_set .closest( '.js-wpv-sort-list-item' ) .addClass( 'wpv-sort-list-current' ) .css( {'display': 'block'} ); order_control .find( '.js-wpv-sort-list' ) .prepend( order_control_to_set.closest( '.js-wpv-sort-list-item' ) ); } } if ( _.has( sort, 'orderby' ) && typeof order_control.data('labels') !== 'undefined' ) { // We are setting the order in a command that also sets the orderby, so we need to modify the order labels var order_labels = order_control.data( 'labels' ), order_labels_to_push = {}, orderby_to_check = sort.orderby.toLowerCase(), width_update_needed = false; if ( _.has( order_labels, orderby_to_check ) ) { order_labels_to_push = order_labels[ orderby_to_check ]; } else if ( _.has( order_labels, 'default' ) ) { order_labels_to_push = order_labels[ 'default' ]; } if ( _.has( order_labels_to_push, 'asc' ) ) { order_control.find( '.js-wpv-sort-list-order[data-order="asc"] span' ).html( order_labels_to_push.asc ); width_update_needed = true; } if ( _.has( order_labels_to_push, 'desc' ) ) { order_control.find( '.js-wpv-sort-list-order[data-order="desc"] span' ).html( order_labels_to_push.desc ); width_update_needed = true; } if ( width_update_needed ) { self.adjust_sort_list_width( order_control ); } } return self; }; self.set_product_filter_by_price_fields = function (form, sort) { if ( _.has( sort, 'orderby' ) ) { if ( form.find( '.js-wpv-sort-control-product-orderby' ).length > 0 ) { var orderby_control = form.find( '.js-wpv-sort-control-product-orderby' ), orderby_type = WPViews.view_frontend_utils.get_form_element_type( orderby_control ); switch ( orderby_type ) { case 'select': self.set_sort_data_orderby_select( orderby_control, sort ); break; case 'text': case 'hidden': self.set_sort_data_orderby_text( orderby_control, sort ); break; case 'radio': self.set_sort_data_orderby_radio( orderby_control, sort, form ); break; } } else { var orderby_attributes = { type: 'hidden', "class": 'js-wpv-sort-control-product-orderby', name: 'wpv_orderby', value: sort['orderby'] }; $( '<input>' ) .attr( orderby_attributes ) .appendTo( form ); } } if ( _.has( sort, 'order' ) ) { if ( form.find( '.js-wpv-sort-control-product-order' ).length > 0 ) { var order_control = form.find( '.js-wpv-sort-control-product-order' ), order_type = WPViews.view_frontend_utils.get_form_element_type( order_control ); switch ( order_type ) { case 'select': self.set_sort_data_order_select( order_control, sort ); break; case 'text': case 'hidden': self.set_sort_data_order_text( order_control, sort ); break; case 'radio': self.set_sort_data_order_radio( order_control, sort, form ); break; } } else { $( '<input>' ) .attr({ type: 'hidden', "class": 'js-wpv-sort-control-product-order', name: 'wpv_order', value: sort['order'] }) .appendTo( form ); } } } /** * Sync the sorting controls used inside of the View form. * * @since 2.3.1 * * @note Setting "orderby_as" demands that "orderby" is also set. */ self.set_sort_data_inside_form = function( form, sort ) { if ( _.has( sort, 'orderby' ) ) { if ( form.find( '.js-wpv-sort-control-orderby' ).length > 0 ) { var orderby_control = form.find( '.js-wpv-sort-control-orderby' ), orderby_type = WPViews.view_frontend_utils.get_form_element_type( orderby_control ); switch ( orderby_type ) { case 'select': self.set_sort_data_orderby_select( orderby_control, sort ); break; case 'text': case 'hidden': self.set_sort_data_orderby_text( orderby_control, sort ); break; case 'radio': self.set_sort_data_orderby_radio( orderby_control, sort, form ); break; } } else { var orderby_attributes = { type: 'hidden', "class": 'js-wpv-sort-control-orderby', name: 'wpv_sort_orderby', value: sort['orderby'] }; if ( _.has( sort, 'orderby_as' ) ) { orderby_attributes['data-orderbyas'] = sort['orderby_as']; } if ( _.has( sort, 'forceorder' ) ) { orderby_attributes['data-forceorder'] = sort['forceorder']; } $( '<input>' ) .attr( orderby_attributes ) .appendTo( form ); } // We set this as a hidden input for forms that submit with page refresh. if ( _.has( sort, 'orderby_as' ) ) { if ( form.find( '.js-wpv-sort-control-orderby-as' ).length > 0 ) { form.find( '.js-wpv-sort-control-orderby-as' ).remove(); } $( '<input>' ) .attr({ type: 'hidden', "class": 'js-wpv-sort-control-orderby-as', name: 'wpv_sort_orderby_as', value: sort['orderby_as'] }) .appendTo( form ); } if ( form.find( '.js-wpv-sort-list-orderby-dropdown' ).length > 0 ) { var orderby_list_control = form.find( '.js-wpv-sort-list-orderby-dropdown' ); self.set_sort_data_orderby_list( orderby_list_control, sort ); } } if ( _.has( sort, 'order' ) ) { if ( form.find( '.js-wpv-sort-control-order' ).length > 0 ) { var order_control = form.find( '.js-wpv-sort-control-order' ), order_type = WPViews.view_frontend_utils.get_form_element_type( order_control ); switch ( order_type ) { case 'select': self.set_sort_data_order_select( order_control, sort ); break; case 'text': case 'hidden': self.set_sort_data_order_text( order_control, sort ); break; case 'radio': self.set_sort_data_order_radio( order_control, sort, form ); break; } } else { $( '<input>' ) .attr({ type: 'hidden', "class": 'js-wpv-sort-control-order', name: 'wpv_sort_order', value: sort['order'] }) .appendTo( form ); } if ( form.find( '.js-wpv-sort-list-order-dropdown' ).length > 0 ) { var order_list_control = form.find( '.js-wpv-sort-list-order-dropdown' ); self.set_sort_data_order_list( order_list_control, sort ); } } return self; } /** * Sync the sorting controls used outside of the View form. * * @since 2.3.1 * * @note Setting "orderby_as" demands that "orderby" is also set. */ self.set_sort_data_outside_form = function( form, sort ) { var view_number = form.data( 'viewnumber' ); if ( _.has( sort, 'orderby' ) ) { var extra_orderby = $( '.js-wpv-sort-control-orderby[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-control-orderby)' ), extra_orderby_list = $( '.js-wpv-sort-list-orderby-dropdown[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-list-orderby-dropdown)' ); if ( extra_orderby.length > 0 ) { var orderby_type = WPViews.view_frontend_utils.get_form_element_type( extra_orderby ); switch ( orderby_type ) { case 'select': self.set_sort_data_orderby_select( extra_orderby, sort ); break; case 'text': case 'hidden': self.set_sort_data_orderby_text( extra_orderby, sort ); break; case 'radio': self.maybe_set_sort_data_orderby_radio( extra_orderby, sort ); break; } } if ( extra_orderby_list.length > 0 ) { self.set_sort_data_orderby_list( extra_orderby_list, sort ); } } if ( _.has( sort, 'order' ) ) { var extra_order = $( '.js-wpv-sort-control-order[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-control-order)' ), extra_order_list = $( '.js-wpv-sort-list-order-dropdown[data-viewnumber="' + view_number + '"]:not(.js-wpv-filter-form .js-wpv-sort-list-order-dropdown)' ); if ( extra_order.length > 0 ) { var order_type = WPViews.view_frontend_utils.get_form_element_type( extra_order ); switch ( order_type ) { case 'select': self.set_sort_data_order_select( extra_order, sort ); break; case 'text': case 'hidden': self.set_sort_data_order_text( extra_order, sort ); break; case 'radio': self.maybe_set_sort_data_order_radio( extra_order, sort ); break; } } if ( extra_order_list.length > 0 ) { self.set_sort_data_order_list( extra_order_list, sort ); } } return self; }; // ------------------------------------ // Sorting links - not implemented yet // ------------------------------------ $( document ).on( 'click', '.js-wpv-sort-trigger', function( e ) { e.preventDefault(); var thiz = $( this ), view_number = thiz.data( 'viewnumber' ), form = $( '.js-wpv-filter-form-' + view_number ), sort = { 'orderby': ( typeof thiz.data( 'orderby' ) != 'undefined' ) ? thiz.data( 'orderby' ) : '', 'order': ( typeof thiz.data( 'order' ) != 'undefined' ) ? thiz.data( 'order' ) : '', 'orderby_as': ( typeof thiz.data( 'orderbyas' ) != 'undefined' ) ? thiz.data( 'orderbyas' ) : '', }, form_each; form.each( function() { form_each = $( this ); self.set_sort_data( form_each, sort ); WPViews.view_frontend_utils.set_extra_url_query_parameters_by_form( form_each ); }); if ( thiz.hasClass( 'js-wpv-column-header-click' ) || ( ! form.hasClass( 'js-wpv-ajax-results-enabled' ) && ! form.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ) ) { // Backwards compatibility: table sorting does reload the page for sorting // Also, submit the form for a page reload when the form is not set to load results using AJAX form.submit(); } else { // Elsewhere, trigger a parametric search change, and make sure AJAX is used where due var data_for_events = { view_unique_id: view_number, form: form, force_results_update: form.hasClass( 'js-wpv-ajax-results-submit-enabled' ) }; data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); } }); // ------------------------------------ // Sorting controls // ------------------------------------ $( document ).on( 'change', 'select.js-wpv-sort-control-orderby', function() { var thiz = $( this ), thiz_selected = thiz.find( ':selected' ), sort = {}, view_number = thiz.data( 'viewnumber' ), form = $( '.js-wpv-filter-form-' + view_number ), data_for_events = { view_unique_id: view_number, form: form }; sort[ 'orderby' ] = thiz.val(); if ( thiz_selected.data( 'orderbyas' ) !== undefined ) { sort[ 'orderby_as' ] = thiz_selected.data( 'orderbyas' ); } if ( thiz_selected.data( 'forceorder' ) !== undefined && thiz_selected.data( 'forceorder' ) !== '' ) { sort[ 'order' ] = thiz_selected.data( 'forceorder' ); } self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; if ( thiz.hasClass( 'js-wpv-sort-control-force-apply-reload' ) ) { form.submit(); return; } data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); if ( thiz.hasClass( 'js-wpv-sort-control-force-apply-ajax' ) ) { data_for_events.update_results = true; } $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'change', 'input.js-wpv-sort-control-orderby', function() { var thiz = $( this ), sort = {}, view_number = thiz.data( 'viewnumber' ), sort_control = $( '.js-wpv-sort-control-orderby[data-viewnumber="' + view_number + '"]:checked' ), form = $( '.js-wpv-filter-form-' + view_number ), data_for_events = { view_unique_id: view_number, form: form }; sort[ 'orderby' ] = sort_control.val(); if ( sort_control.data( 'orderbyas' ) !== undefined ) { sort[ 'orderby_as' ] = sort_control.data( 'orderbyas' ); } if ( sort_control.data( 'forceorder' ) !== undefined && sort_control.data( 'forceorder' ) !== '' ) { sort[ 'order' ] = sort_control.data( 'forceorder' ); } self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'click', '.js-wpv-sort-list-orderby', function( e ) { e.preventDefault(); var orderby_link = $( this ), orderby = orderby_link.data( 'orderby' ), orderby_as = orderby_link.data( 'orderbyas' ), orderby_order = orderby_link.data( 'forceorder' ), orderby_list = orderby_link.closest( '.wpv-sort-list' ), orderby_list_item = orderby_link.closest( 'span.js-wpv-sort-list-item' ), view_number = orderby_link.data( 'viewnumber' ), form = $( '.js-wpv-filter-form-' + view_number ), sort = { 'orderby': orderby, 'orderby_as': orderby_as }, data_for_events = { view_unique_id: view_number, form: form }; if ( orderby_list_item.hasClass( 'wpv-sort-list-current' ) ) { return; } orderby_list .find( 'span.wpv-sort-list-current' ) .removeClass( 'wpv-sort-list-current' ); orderby_list .find( '.js-wpv-sort-list-item' ) .css( {'display':'none'} ); orderby_list_item .addClass( 'wpv-sort-list-current' ) .css( {'display': 'block'} ); orderby_list.prepend( orderby_list_item ); if ( orderby_order !== '' ) { sort[ 'order' ] = orderby_order; } self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; if ( orderby_link.hasClass( 'js-wpv-sort-control-force-apply-reload' ) ) { form.submit(); return; } data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); if ( orderby_link.hasClass( 'js-wpv-sort-control-force-apply-ajax' ) ) { data_for_events.update_results = true; } $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'change', 'select.js-wpv-sort-control-order', function() { var thiz = $( this ), sort = {}, view_number = thiz.data( 'viewnumber' ), form = $( '.js-wpv-filter-form-' + view_number ), data_for_events = { view_unique_id: view_number, form: form }; sort[ 'order' ] = thiz.val(); self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; if ( thiz.hasClass( 'js-wpv-sort-control-force-apply-reload' ) ) { form.submit(); return; } data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); if ( thiz.hasClass( 'js-wpv-sort-control-force-apply-ajax' ) ) { data_for_events.update_results = true; } $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'change', 'input.js-wpv-sort-control-order', function() { var thiz = $( this ), sort = {}, view_number = thiz.data( 'viewnumber' ), sort_control = $( '.js-wpv-sort-control-order[data-viewnumber="' + view_number + '"]:checked' ), form = $( '.js-wpv-filter-form-' + view_number ), data_for_events = { view_unique_id: view_number, form: form }; sort[ 'order' ] = sort_control.val(); self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'click', '.js-wpv-sort-list-order', function( e ) { e.preventDefault(); var order_link = $( this ), order = order_link.data( 'order' ), order_list = order_link.closest( '.wpv-sort-list' ), order_list_item = order_link.closest( 'span.js-wpv-sort-list-item' ), view_number = order_link.data( 'viewnumber' ), form = $( '.js-wpv-filter-form-' + view_number ), sort = { 'order': order }, data_for_events = { view_unique_id: view_number, form: form }; if ( order_list_item.hasClass( 'wpv-sort-list-current' ) ) { return; } order_list .find( 'span.wpv-sort-list-current' ) .removeClass( 'wpv-sort-list-current' ); order_list .find( '.js-wpv-sort-list-item' ) .css( {'display':'none'} ); order_list_item .addClass( 'wpv-sort-list-current' ) .css( {'display': 'block'} ); order_list.prepend( order_list_item ); self.set_sort_data( form, sort ); wpv_stop_rollover[ view_number ] = true; if ( order_link.hasClass( 'js-wpv-sort-control-force-apply-reload' ) ) { form.submit(); return; } data_for_events = WPViews.view_parametric_search.extend_wpv_parametric_search_triggered_data( data_for_events ); if ( order_link.hasClass( 'js-wpv-sort-control-force-apply-ajax' ) ) { data_for_events.update_results = true; } $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'mouseenter', '.js-wpv-sort-list-dropdown', function() { var orderby_list = $( this ); orderby_list .find( '.js-wpv-sort-list-item' ) .css( {'display': 'block'} ); }); $( document ).on( 'mouseleave', '.js-wpv-sort-list-dropdown', function() { var orderby_list = $( this ); orderby_list .find( '.js-wpv-sort-list-item:not(.wpv-sort-list-current)' ) .css( {'display': 'none'} ); }); // @todo calculate inital width and height of the container and also maybe re-calculate height on selection self.init_sort_list_width = function( selector ) { /* selector .find( '.js-wpv-sort-list-dropdown' ) .each( function() { var sort_list = $( this ), sort_list_width = 0, sort_list_items = sort_list.find( '.js-wpv-sort-list-item' ), sort_list_anchors = sort_list.find( '.wpv-sort-list-anchor' ); sort_list_anchors.each( function() { var item_width = WPViews.view_frontend_utils.get_hidden_item_width( $( this ) ); if ( item_width > sort_list_width ) { sort_list_width = item_width; } }); sort_list.css( { 'width': sort_list_width + 'em' } ); sort_list_items.css( { 'width': sort_list_width + 'em' } ); }); */ }; /** * Adjust the sort list width to span at least its length in "em" units. * * @note When the length is less than 10 units, add an extra one for the toggle icon. * * @since 2.3.1 */ self.adjust_sort_list_width = function( selector ) { var sort_list = selector, sort_list_width = 0, sort_list_items = sort_list.find( '.js-wpv-sort-list-item' ), sort_list_anchors = sort_list.find( '.wpv-sort-list-anchor span' ); sort_list_anchors.each( function() { var item_width = $( this ).text().length; if ( item_width > sort_list_width ) { sort_list_width = item_width; } }); sort_list_width = ( sort_list_width < 10 ) ? sort_list_width + 1 : sort_list_width; sort_list.css( { 'width': sort_list_width + 'em' } ); sort_list_items.css( { 'width': sort_list_width + 'em' } ); }; /** * Initialize sorting data for special cass: * - When the sorting controls are of type 'list'. * - When the sorting controls are of type 'dropdown' or 'radio', but are located outside of their related form. * In those cases, there are no real sorting control elements inside the form, so we need to manually add them. * * @param selector The DOM object where this should be run, helps to narrow down on AJAX related operations. * * @since 2.3.0 * * @todo Check whether we need to initialize the order coming from "forceorder" attributes in orderby controlos. */ self.maybe_init_sort_data = function( selector ) { // Init sort data for sort list controls, as they do not add proper form input elements selector.find( '.js-wpv-sort-list-dropdown' ).each( function() { var sorting_list = $( this ), sorting_list_type = sorting_list.hasClass( 'wpv-sort-list-orderby-dropdown' ) ? 'orderby' : 'order'; switch ( sorting_list_type ) { case 'orderby': var sorting_current = sorting_list.find( '.wpv-sort-list-current .js-wpv-sort-list-orderby' ), sorting_viewnumber = sorting_current.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { orderby: sorting_current.data( 'orderby' ), orderby_as: sorting_current.data( 'orderbyas' ), forceorder: sorting_current.data( 'forceorder' ) }; self.set_sort_data( sorting_form, sorting_data ); break; case 'order': var sorting_current = sorting_list.find( '.wpv-sort-list-current .js-wpv-sort-list-order' ), sorting_viewnumber = sorting_current.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { order: sorting_current.data( 'order' ), }; self.set_sort_data( sorting_form, sorting_data ); break; } }); // Init sort data for dropdowns or radios that are rendered outside their proper form selector.find( 'select.js-wpv-sort-control-orderby' ).each( function() { var sorting_control = $( this ); if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) { var sorting_viewnumber = sorting_control.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { orderby: sorting_control.val() }; if ( sorting_control.find( ':selected' ).data( 'orderbyas' ) !== undefined ) { sorting_data[ 'orderby_as' ] = sorting_control.find( ':selected' ).data( 'orderbyas' ); } self.set_sort_data( sorting_form, sorting_data ); } }); selector.find( 'select.js-wpv-sort-control-order' ).each( function() { var sorting_control = $( this ); if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) { var sorting_viewnumber = sorting_control.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { order: sorting_control.val() }; self.set_sort_data( sorting_form, sorting_data ); } }); selector.find( 'input.js-wpv-sort-control-orderby:checked' ).each( function() { var sorting_control = $( this ); if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) { var sorting_viewnumber = sorting_control.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { orderby: sorting_control.val() }; if ( sorting_control.data( 'orderbyas' ) !== undefined ) { sorting_data[ 'orderby_as' ] = sorting_control.data( 'orderbyas' ); } self.set_sort_data( sorting_form, sorting_data ); } }); selector.find( 'input.js-wpv-sort-control-order:checked' ).each( function() { var sorting_control = $( this ); if ( sorting_control.closest( '.js-wpv-filter-form' ).length == 0 ) { var sorting_viewnumber = sorting_control.data( 'viewnumber' ), sorting_form = $( '.js-wpv-filter-form-' + sorting_viewnumber ), sorting_data = { order: sorting_control.val() }; self.set_sort_data( sorting_form, sorting_data ); } }); }; $( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) { //self.init_sort_list_width( data.layout ); self.maybe_init_sort_data( data.layout ); if ( data.filter ) { self.maybe_init_sort_data( data.filter ); } }); $( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) { //self.init_sort_list_width( data.view_changed_form ); self.maybe_init_sort_data( data.view_changed_form ); }); $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) { //self.init_sort_list_width( data.layout ); self.maybe_init_sort_data( data.layout ); }); // ------------------------------------ // Init // ------------------------------------ self.init = function() { //self.init_sort_list_width( $( 'body' ) ); self.maybe_init_sort_data( $( 'body' ) ); }; self.init(); }; WPViews.ViewPagination = function( $ ) { // ------------------------------------ // Constants and variables // ------------------------------------ var self = this; self.rollover_running = []; self.rollover_stopped = []; self.rollover_paused = []; self.init_rollover_timing_fired = false; self.pagination_queue = {}; self.pagination_effects = {}; self.pagination_effects_conditions = {}; self.pagination_effects_spinner = {}; self.paged_views = {}; self.paged_views_initial_page = {}; self.last_paginated_view = []; self.paginated_history_reach = 0; self.add_paginated_history = true; self.pagination_effect_state_push = [ 'fade', 'slidev', 'slideh' ]; self.pagination_effect_state_replace = []; self.pagination_effect_state_keep = [ 'infinite' ]; self.init_scrolling_event_fired = false; self.slide_data_defaults = { view_number: '', page: 0, max_pages: 0, speed: 500, next: true, effect: 'fade', response: null, wpvPaginatorFilter: null, wpvPaginatorLayout: null, responseFilter: null, responseView: null, callback_next_func: WPViews.view_frontend_utils.just_return }; self.pagination_doing_ajax = []; // ------------------------------------ // Methods // ------------------------------------ /** * add_view_parameters * * Add several information to the data used to get pagination pages. * For example, add column sorting data, parametric search data and parent View data. * * @since 1.9 * @since 2.1 Deprecated */ self.add_view_parameters = function( data, page, view_number ) { var this_form = $( 'form.js-wpv-filter-form-' + view_number ), this_prelements = this_form.find( '.js-wpv-post-relationship-update' ), this_form_environment = this_form.data( 'environment' ); data['action'] = 'wpv_get_page'; data['page'] = page; data['view_number'] = view_number; data['wpv_sort_orderby'] = ( typeof this_form.data( 'orderby' ) != 'undefined' ) ? this_form.data( 'orderby' ) : ''; data['wpv_sort_order'] = ( typeof this_form.data( 'order' ) != 'undefined' ) ? this_form.data( 'order' ) : ''; data['wpv_sort_orderby_as'] = ( typeof this_form.data( 'orderbyas' ) != 'undefined' ) ? this_form.data( 'orderbyas' ) : ''; data['wpv_sort_orderby_second'] = ( typeof this_form.data( 'orderbysecond' ) != 'undefined' ) ? this_form.data( 'orderbysecond' ) : ''; data['wpv_sort_order_second'] = ( typeof this_form.data( 'ordersecond' ) != 'undefined' ) ? this_form.data( 'ordersecond' ) : ''; data['wpv_view_widget_id'] = this_form.data( 'viewwidgetid' ); data['view_hash'] = this_form.data( 'viewhash' ); data['dps_pr'] = {}; data['dps_general'] = {}; if ( this_form_environment.current_post_id > 0 ) { data['wpv_aux_current_post_id'] = this_form_environment.current_post_id; } if ( this_form_environment.parent_post_id > 0 ) { data['wpv_aux_parent_post_id'] = this_form_environment.parent_post_id; } if ( this_form_environment.parent_term_id > 0 ) { data['wpv_aux_parent_term_id'] = this_form_environment.parent_term_id; } if ( this_form_environment.parent_user_id > 0 ) { data['wpv_aux_parent_user_id'] = this_form_environment.parent_user_id; } if ( this_prelements.length ) { data['dps_pr'] = this_prelements.serializeArray(); } if ( this_form.hasClass( 'js-wpv-dps-enabled' ) || this_form.hasClass( 'js-wpv-ajax-results-enabled' ) ) { data['dps_general'] = this_form.find( '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed' ).serializeArray(); } return data; }; /** * pagination_preload_pages * * Preload pages to a reach. * * @param object preload_data * * @since 1.9 */ self.pagination_preload_pages = function( preload_data ) { var page = parseInt( preload_data.page, 10 ), max_pages = parseInt( preload_data.max_pages, 10 ), max_reach = parseInt( preload_data.max_reach, 10 ); if ( max_reach > max_pages ) { max_reach = max_pages; } if ( preload_data.preload_pages == 'enabled' ) { var reach = 1; while ( reach < max_reach ) { self.pagination_preload_next_page( preload_data.view_number, page, max_pages, reach ); self.pagination_preload_previous_page( preload_data.view_number, page, max_pages, reach ); reach++; } } if ( preload_data.cache_pages == 'enabled' ) { self.pagination_cache_current_page( preload_data.view_number, page ); } }; /** * pagination_cache_current_page * * Cache current page. * * @param string view_number * @param int page * * @since 1.9 */ self.pagination_cache_current_page = function( view_number, page ) { window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || []; var current_page_permalink, content; if ( ! window.wpvCachedPages[view_number].hasOwnProperty( page ) ) { WPViews.view_frontend_utils.get_updated_query_results( view_number, page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' ) .done( function( response ) { if ( response.success ) { window.wpvCachedPages[view_number][page] = response.data.full; content = $( response.data.full ).find( 'img' ); content.each( function() { window.wpvCachedImages.push( this.src ); }); } }); } }; /** * pagination_preload_next_page * * Load the next page, or the next one counting "reach" pages. * * @param string view_number * @param int page * @param int max_pages * @param int reach * * @since 1.9 */ self.pagination_preload_next_page = function( view_number, page, max_pages, reach ) { window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || []; var next_page = page + reach, content, current_page_permalink; if ( ! window.wpvCachedPages[view_number].hasOwnProperty( next_page ) ) { if ( ( next_page - 1 ) < max_pages ) { WPViews.view_frontend_utils.get_updated_query_results( view_number, next_page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' ) .done( function( response ) { if ( response.success ) { window.wpvCachedPages[view_number][next_page] = response.data.full; content = $( response.data.full ).find( 'img' ); content.each( function() { window.wpvCachedImages.push( this.src ); }); } }); } } }; /** * pagination_preload_previous_page * * Load the previous page, or the previous one counting "reach" pages. * * @param string view_number * @param int page * @param int max_pages * @param int reach * * @since 1.9 */ self.pagination_preload_previous_page = function(view_number, page, max_pages, reach) { window.wpvCachedPages[ view_number ] = window.wpvCachedPages[ view_number ] || []; var previous_page = page - reach, current_page_permalink, content; if ( ! window.wpvCachedPages[view_number].hasOwnProperty( previous_page ) ) { // LOAD PREVIOUS if ( ( previous_page + 1 ) > 1 ) { WPViews.view_frontend_utils.get_updated_query_results( view_number, previous_page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' ) .done( function( response ) { if ( response.success ) { window.wpvCachedPages[view_number][previous_page] = response.data.full; content = $( response.data.full ).find( 'img' ); content.each( function() { window.wpvCachedImages.push( this.src ); }); } }); } else if ( (previous_page + 1 ) === 1 ) { // LOAD LAST PAGE IF ON FIRST PAGE WPViews.view_frontend_utils.get_updated_query_results( view_number, max_pages, $( 'form.js-wpv-filter-form-' + view_number ), 'full' ) .done( function( response ) { if ( response.success ) { window.wpvCachedPages[view_number][max_pages] = response.data.full; window.wpvCachedPages[view_number][0] = response.data.full; content = $( response.data.full ).find( 'img' ); content.each( function() { window.wpvCachedImages.push( this.src ); }); } }); } } }; /** * trigger_pagination * * Manage the View pagination after a control has been inited * * @param string view_number * @param int page * * @since 1.9 */ self.trigger_pagination = function( view_number, page ) { if ( ! window.wpvPaginationAnimationFinished.hasOwnProperty( view_number ) ) { window.wpvPaginationAnimationFinished[ view_number ] = false; } else if ( window.wpvPaginationAnimationFinished[ view_number ] !== true ) { if ( ! window.wpvPaginationQueue.hasOwnProperty( view_number ) ) { window.wpvPaginationQueue[view_number] = []; } window.wpvPaginationQueue[ view_number ].push( arguments ); return; } window.wpvPaginationAnimationFinished[ view_number ] = false; var data = {}, wpvPaginatorLayout = $( '#wpv-view-layout-' + view_number ), wpvPaginatorFilter = $( 'form[name="wpv-filter-' + view_number + '"]' ), speed = 500, next = true, paged_view_data = self.get_paged_view( view_number ), max_reach = parseInt( paged_view_data.preload_reach ) + 1, callback_next_func = WPViews.view_frontend_utils.just_return, data_for_get_page, img; // Not using AJAX pagination // For WPAs we just need to adjust the form target and we are done :-) if ( paged_view_data.type == 'disabled' || paged_view_data.type == 'paged' ) { switch ( paged_view_data.query ) { case 'archive': current_page_permalink = paged_view_data[ 'base_permalink' ].replace( 'WPV_PAGE_NUM', page ); window.location.replace( current_page_permalink ); break; default: WPViews.view_frontend_utils.set_extra_url_query_parameters_by_form( wpvPaginatorFilter ); // Adjust the wpv_paged hidden input to the page that we want to show if ( $( 'input[name="wpv_paged"]' ).length > 0 ) { $( 'input[name="wpv_paged"]' ).attr( 'value', page ); } else { $( '<input>') .attr({ type: 'hidden', name: 'wpv_paged', value: page }) .appendTo( wpvPaginatorFilter ); } wpvPaginatorFilter[0].submit(); break; } return; } // Using AJAX pagination if ( paged_view_data.effect in self.pagination_effects_conditions ) { if ( ! self.pagination_effects_conditions[ paged_view_data.effect ]( paged_view_data, page ) ) { window.wpvPaginationAnimationFinished[ view_number ] = true; return; } } window.wpvPaginationAjaxLoaded[view_number] = false; window.wpvCachedPages[ view_number ] = window.wpvCachedPages[view_number] || []; if ( this.historyP.hasOwnProperty( view_number ) ) { next = ( this.historyP[ view_number ] < page ) ? true : false; } if ( paged_view_data.callback_next !== '' ) { callback_next_func = window[ paged_view_data.callback_next ]; if ( typeof callback_next_func !== "function" ) { callback_next_func = WPViews.view_frontend_utils.just_return; } } data_for_get_page = { view_number: view_number, page: page, max_pages: parseInt( paged_view_data.max_pages, 10 ), speed: parseFloat( paged_view_data.duration ), next: next, effect: paged_view_data.effect, wpvPaginatorFilter: wpvPaginatorFilter, wpvPaginatorLayout: wpvPaginatorLayout, responseView: null, callback_next_func: callback_next_func }; if ( window.wpvCachedPages[ view_number ].hasOwnProperty( page ) ) { data_for_get_page.response = window.wpvCachedPages[ view_number ][ page ]; self.prepare_slide( data_for_get_page ); } else { // Set loading class if ( paged_view_data.spinner !== 'disabled' ) { if ( paged_view_data.effect in self.pagination_effects_spinner ) { self.pagination_effects_spinner[ paged_view_data.effect ]( view_number, wpvPaginatorLayout ); } else { self.pagination_effects_spinner[ 'fade' ]( view_number, wpvPaginatorLayout ); } } WPViews.view_frontend_utils.get_updated_query_results( view_number, page, $( 'form.js-wpv-filter-form-' + view_number ), 'full' ) .done( function( response ) { if ( response.success ) { data_for_get_page.response = response.data.full; self.prepare_slide( data_for_get_page ); } }); } self.pagination_preload_pages({ view_number: view_number, cache_pages: paged_view_data.cache_pages, preload_pages: paged_view_data.preload_pages, page: page, max_reach: max_reach, max_pages: paged_view_data.max_pages }); this.historyP[ view_number ] = page; return; }; /** * prepare_slide * * Wrap the old layout into a div.wpv_slide_remove and change its ID to ~-response * Preload images on the new page if needed * Fire self.pagination_slide * * @param object data * * @since 1.9 */ self.prepare_slide = function( data ) { var slide_data = $.extend( {}, self.slide_data_defaults, data ), width = slide_data.wpvPaginatorLayout.width(), outer_width = slide_data.wpvPaginatorLayout.outerWidth(), height = slide_data.wpvPaginatorLayout.height(), outer_height = slide_data.wpvPaginatorLayout.outerHeight(), responseObj = $( '<div></div>' ).append( slide_data.response ), preloadedImages, images; slide_data.responseView = responseObj.find( '.js-wpv-view-layout-' + slide_data.view_number ); slide_data.responseFilterSelector = responseObj.find( 'form.js-wpv-filter-form-' + slide_data.view_number ); slide_data.responseFilter = responseObj.find( 'form.js-wpv-filter-form-' + slide_data.view_number ).html(); slide_data.pagination_page_permalink = slide_data.responseView.data( 'permalink' ); // Wrap old layout in a div.wpv_slide_remove nd change its ID to ~-response slide_data.wpvPaginatorLayout .attr( 'id', 'wpv-view-layout-' + slide_data.view_number + '-response' ) .wrap( '<div class="wpv_slide_remove" style="width:' + outer_width + 'px;height:' + outer_height + 'px;overflow:hidden;" />' ) .css( 'width', width ); // Add an ID attribute to the upcoming new layout, and hide it slide_data.responseView .attr( 'id', 'wpv-view-layout-' + slide_data.view_number ) .css( { 'visibility': 'hidden', 'width': width } ); // Preload images if needed if ( slide_data.wpvPaginatorLayout.hasClass( 'js-wpv-layout-preload-images' ) ) { preloadedImages = []; images = slide_data.responseView.find( 'img' ); if ( images.length < 1 ) { self.pagination_slide( slide_data ); } else { images.one( 'load', function() { preloadedImages.push( $( this ).attr( 'src' ) ); if ( preloadedImages.length === images.length ) { self.pagination_slide( slide_data ); } }).each( function() { $( this ).trigger( "load" ); }); } // Fix inner nested Views with AJAX pagination: the inner View, when preloading images, was rendered with visibility:hidden by default slide_data.responseView .find( '.js-wpv-layout-preload-images' ) .css( 'visibility', 'visible' ); } else { self.pagination_slide( slide_data ); } }; /** * pagination_slide * * Routes to the right pagination effect callback * * @param object data * * @since 1.9 */ self.pagination_slide = function( data ) { var slide_data = $.extend( {}, self.slide_data_defaults, data ); switch ( slide_data.effect ) { case 'slideleft': slide_data.next = true; slide_data.effect = 'slideh'; break; case 'slideright': case 'sliderightforward': slide_data.next = false; slide_data.effect = 'slideh'; break; case 'slidedown': case 'slidedownforward': slide_data.next = false; slide_data.effect = 'slidev'; break; case 'slideup': slide_data.next = true; slide_data.effect = 'slidev'; break; } if ( ! slide_data.effect in self.pagination_effects ) { slide_data.effect = 'fade'; } self.pagination_effects[ slide_data.effect ]( slide_data ); }; /** * pagination_queue_trigger * * Manage multiple and fast pagination requests. * * @param int view_number * @param boolean next * @param object wpvPaginatorFilter * * @todo why do we pass next and wpvPaginatorFilter here? * * @since 1.9 */ self.pagination_queue_trigger = function( view_number, next, wpvPaginatorFilter ) { var args, page, max_pages; if ( window.wpvPaginationQueue.hasOwnProperty( view_number ) && window.wpvPaginationQueue[view_number].length > 0 ) { // when double clicking,we have set window.wpvPaginationQueue[view_number][1] and maybe we could tweak it to change the page number. Maybe checkin historyP window.wpvPaginationQueue[view_number].sort(); args = window.wpvPaginationQueue[view_number][0]; window.wpvPaginationQueue[view_number].splice(0, 1); page = args[1]; max_pages = args[4]; if ( page > max_pages ) { page = 1; } else if ( page < 1 ) { page = max_pages; } self.trigger_pagination( view_number, page ); } }; // ------------------------------------ // Events for Views pagination // ------------------------------------ /** * Manage pagination triggered from prev/next or first/last links * * @since 1.9 * @since 2.4.1 Added support for first/last pagination links */ $( document ).on( 'click', '.js-wpv-pagination-next-link, .js-wpv-pagination-previous-link, .js-wpv-pagination-first-link, .js-wpv-pagination-last-link', function( e ) { e.preventDefault(); var thiz = $( this ), view_number = thiz.data( 'viewnumber' ), page = thiz.data( 'page' ), form = $( '.js-wpv-filter-form-' + view_number ); WPViews.view_sorting.set_sort_data_for_pagination( form ); wpv_stop_rollover[ view_number ] = true; self.trigger_pagination( view_number, page ); }); /** * Manage pagination triggered by a change in the page selector dropdown * * @since 1.9 */ $( document ).on( 'change', '.js-wpv-page-selector', function( e ) { e.preventDefault(); var thiz = $( this ), view_number = thiz.data( 'viewnumber' ), page = thiz.val(); wpv_stop_rollover[ view_number ] = true self.trigger_pagination( view_number, page ); }); /** * Manage pagination triggered by a click on a pagination link. * * @since 1.9 * * @note Safari on iOS might need to also listen to the touchstart event. Investigate this! */ $( document ).on( 'click', '.js-wpv-pagination-link', function( e ) { e.preventDefault(); var thiz = $( this ), data_collected = {}; data_collected.view_number = thiz.data( 'viewnumber'); data_collected.page = thiz.data( 'page' ); var i; // TODO this can be improved: we should not need a loop here at all // @todo review this, data_collected.max_pages is UNDEFINED for ( i = 1; i <= data_collected.max_pages; i++ ) { if ( i === data_collected.page ) { $( '.js-wpv-page-link-' + data_collected.view_number + '-' + i ).addClass( 'wpv_page_current' ); } else { $( '.js-wpv-page-link-' + data_collected.view_number + '-' + i ).removeClass( 'wpv_page_current' ); } } wpv_stop_rollover[ data_collected.view_number ] = true self.trigger_pagination( data_collected.view_number, data_collected.page ); }); /* $( document ).on( 'click', '.js-wpv-pagination-pause-rollover', function( e ) { e.preventDefault(); var view_num = $( this ).data( 'viewnumber' ); wpv_stop_rollover[view_num] = true; }); $( document ).on( 'click', '.js-wpv-pagination-resume-rollover', function( e ) { e.preventDefault(); var view_num = $( this ).data( 'viewnumber' ); delete wpv_stop_rollover[view_num]; }); */ // ------------------------------------ // Events for WordPress Archives pagination // ------------------------------------ /** * Manage pagination triggered from prev/next and first/last links, and numeric links, including their own prev/next ones * * @since 2.1 * @since 2.4.1 Added support for first/last links. */ $( document ).on( 'click', '.js-wpv-archive-pagination-link, .js-wpv-archive-pagination-next-link, .js-wpv-archive-pagination-prev-link, .js-wpv-archive-pagination-links-next-link, .js-wpv-archive-pagination-links-prev-link, .js-wpv-archive-pagination-links-first-link, .js-wpv-archive-pagination-links-last-link', function( e ) { e.preventDefault(); var thiz = $( this ), view_number = thiz.data( 'viewnumber' ), page = thiz.data( 'page' ); wpv_stop_rollover[ view_number ] = true; self.trigger_pagination( view_number, page ); }); // ------------------------------------ // Custom events // ------------------------------------ /** * js_event_wpv_pagination_completed * * Event fired after a pagination transition has been completed * * @param data * - view_unique_id * - effect * - speed * - layout * * @since 1.9 */ $( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) { WPViews.view_frontend_utils.render_frontend_media_shortcodes( data.layout ); WPViews.view_frontend_utils.render_frontend_datepicker(); WPViews.view_frontend_utils.renderPriceFilter(); // Init pagination for any inner View that might be included inside the new page self.init_paged_views( data.layout ); self.init_preload_images( data.layout ); self.init_preload_pages( data.layout ); self.init_pagination_button_state(); }); $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) { // Init the pagination settings for this View results being updated self.init_paged_view( data.view_unique_id ); // Init pagination for any inner View that might be included inside the new page self.init_paged_views( data.layout ); self.init_preload_images( data.layout ); self.init_preload_pages( data.layout ); }); // ------------------------------------ // Init // ------------------------------------ /** * Buffer for effects having to replace old with new pages, to avoid new pages height calculated as zero due to a race condition. */ self.REPLACE_BUFFER_MILISECONDS = 20; /** * init_effects * * Define the default pagination effects, can be extended by third parties. * Each callback gets the following parameters: * @param object slide_data * * @since 1.11 */ self.init_effects = function() { self.pagination_effects = { infinite: function( slide_data ) { if ( slide_data.page != ( self.get_paged_view( slide_data.view_number ).page + 1 ) ) { // This should never happen! See self.pagination_effects_conditions $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() { $( this ).remove(); }); slide_data.wpvPaginatorLayout .animate( { opacity: 1 }, 300 ) .unwrap()// If it got here, it has a -response suffix in the ID and is wrapped in an auxiliar div .attr( 'id', 'wpv-view-layout-' + slide_data.view_number ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; } else { // content.match(/(W?)\/); var data_for_events = {}, data_for_history = {}; data_for_events.view_unique_id = slide_data.view_number; data_for_events.effect = 'infinite'; data_for_events.speed = slide_data.speed; data_for_history.view_number = slide_data.view_number; data_for_history.page = slide_data.page; data_for_history.effect = 'infinite'; data_for_history.pagination_page_permalink = slide_data.pagination_page_permalink; if ( slide_data.wpvPaginatorLayout.find( '.js-wpv-loop' ).length > 0 && slide_data.responseView.find( '.js-wpv-loop' ).length > 0 ) { slide_data.responseView .find( '.js-wpv-loop' ) .children() .addClass( 'wpv-loop-item-blink' ) .css( { 'opacity': '0.3' } ); slide_data.responseView .find( '.js-wpv-loop' ) .prepend( slide_data.wpvPaginatorLayout .find( '.js-wpv-loop' ) .html() ); slide_data.wpvPaginatorLayout.html( slide_data.responseView.html() ); slide_data.wpvPaginatorLayout .find( '.wpv-loop-item-blink' ) .removeClass( 'wpv-loop-item-blink' ) .animate( { opacity: 1 }, slide_data.speed ); } else { var oldHTML = slide_data.wpvPaginatorLayout.html(), oldArray = oldHTML.split( '', 3 ), oldReplace = ( oldArray.length > 2 ) ? oldArray[1] : ''; slide_data.wpvPaginatorLayout.html( slide_data.responseView.html().replace( '', oldReplace ) ); } data_for_events.layout = slide_data.wpvPaginatorLayout; $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() { $( this ).remove(); }); slide_data.wpvPaginatorLayout .unwrap() .attr( 'id', 'wpv-view-layout-' + slide_data.view_number ) .animate( { opacity: 1 }, 300, function() { slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); self.get_paged_view( slide_data.view_number ).page = slide_data.page; window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } }, slideh: function( slide_data ) { var height = slide_data.wpvPaginatorLayout.height(), old_height = slide_data.wpvPaginatorLayout.outerHeight(), new_height, data_for_events = {}, data_for_history = {}; data_for_events.view_unique_id = slide_data.view_number; data_for_events.effect = 'slideh'; data_for_events.speed = slide_data.speed; data_for_events.layout = slide_data.responseView; data_for_events.filter = slide_data.responseFilterSelector; data_for_history.view_number = slide_data.view_number; data_for_history.page = slide_data.page; data_for_history.effect = 'slideh'; data_for_history.pagination_page_permalink = slide_data.pagination_page_permalink; if ( slide_data.next === true ) { slide_data.wpvPaginatorLayout.css( 'float', 'left' ); slide_data.responseView.css( {"float": "left", "visibility": "visible"} ); slide_data.wpvPaginatorLayout .after( slide_data.responseView ) .parent() .children() .wrapAll( '<div style="width:5000px;" />' ); $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut(function() { $( this ).remove(); }); // We need to set a short timeout here since the above modifications introduce a race condition that produces a wrong new_height setTimeout( function() { new_height = slide_data.responseView.outerHeight(); if ( old_height === new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } else if ( old_height > new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.responseView.css( {'position': 'static', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } else { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '-' + slide_data.wpvPaginatorLayout.outerWidth()+'px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } }, self.REPLACE_BUFFER_MILISECONDS ); } else { slide_data.wpvPaginatorLayout.css( 'float', 'right' ); slide_data.responseView.css( {'float': 'right', 'visibility': 'visible'} ); slide_data.wpvPaginatorLayout .after( slide_data.responseView ) .parent() .children() .wrapAll( '<div style="height:' + height + ';width:' + ( slide_data.responseView.outerWidth() + slide_data.wpvPaginatorLayout.outerWidth() ) + 'px; margin-left:-' + ( slide_data.wpvPaginatorLayout.outerWidth() ) + 'px;" />' ); $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() { $( this ).remove(); }); // We need to set a short timeout here since the above modifications introduce a race condition that produces a wrong new_height setTimeout( function() { new_height = slide_data.responseView.outerHeight(); if ( old_height === new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '0px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } else if ( old_height > new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '0px'}, slide_data.speed+500, function() { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } else { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.wpvPaginatorLayout .parent() .animate( {marginLeft: '0px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px', 'float': 'none'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } }, self.REPLACE_BUFFER_MILISECONDS ); } }, slidev: function( slide_data ) { var old_height = slide_data.wpvPaginatorLayout.outerHeight(), new_height, data_for_events = {}, data_for_history = {}; data_for_events.view_unique_id = slide_data.view_number; data_for_events.effect = 'slidev'; data_for_events.speed = slide_data.speed; data_for_events.layout = slide_data.responseView; data_for_events.filter = slide_data.responseFilterSelector; data_for_history.view_number = slide_data.view_number; data_for_history.page = slide_data.page; data_for_history.effect = 'slidev'; data_for_history.pagination_page_permalink = slide_data.pagination_page_permalink; if ( slide_data.next === true ) { slide_data.responseView.css( 'visibility', 'visible' ); slide_data.wpvPaginatorLayout .after( slide_data.responseView ) .parent() .children() .wrapAll( '<div />' ); $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function(){ $( this ).remove(); }); // We need to set a short timeout here since the above modifications introduce a race condition that produces a wrong new_height setTimeout( function() { new_height = slide_data.responseView.outerHeight(); if ( old_height === new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '-' + slide_data.responseView.outerHeight()+'px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } else if ( old_height > new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '-'+old_height+'px'}, slide_data.speed+500, function() { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } else { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '-'+old_height+'px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } }, self.REPLACE_BUFFER_MILISECONDS ); } else { slide_data.responseView.css( 'visibility', 'visible' ); slide_data.wpvPaginatorLayout .before( slide_data.responseView ) .parent() .children() .wrapAll( '<div />' ); $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() { $( this ).remove(); }); // We need to set a short timeout here since the above modifications introduce a race condition that produces a wrong new_height setTimeout( function() { new_height = slide_data.responseView.outerHeight(); slide_data.wpvPaginatorLayout.parent().css( {'position': 'relative', 'margin-top': '-' + slide_data.responseView.outerHeight() + 'px'} ); if ( old_height === new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '0px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } else if ( old_height > new_height ) { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '0px'}, slide_data.speed+500, function() { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } else { slide_data.wpvPaginatorLayout .parent().parent() .animate( {height: slide_data.responseView.outerHeight()+'px'}, slide_data.speed/2, function() { slide_data.wpvPaginatorLayout .parent() .animate( {marginTop: '0px'}, slide_data.speed+500, function() { slide_data.responseView.css( {'position': 'static', 'margin': '0px'} ); slide_data.wpvPaginatorLayout.unwrap().unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); self.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); } }, self.REPLACE_BUFFER_MILISECONDS ); } }, fade: function( slide_data ) { var old_height = slide_data.wpvPaginatorLayout.outerHeight(), new_height, data_for_events = {}, data_for_history = {}; data_for_events.view_unique_id = slide_data.view_number; data_for_events.effect = 'fade'; data_for_events.speed = slide_data.speed; data_for_events.layout = slide_data.responseView; data_for_events.filter = slide_data.responseFilterSelector; data_for_history.view_number = slide_data.view_number; data_for_history.page = slide_data.page; data_for_history.effect = 'fade'; data_for_history.pagination_page_permalink = slide_data.pagination_page_permalink; $( '.js-wpv_slide_loading_img_' + slide_data.view_number ).fadeOut( function() { $( this ).remove(); }); slide_data.wpvPaginatorLayout .css( {'position': 'absolute', 'z-index': '5'} ) .after( slide_data.responseView ) .next() .css( 'position', 'static' ); // We need to set a short timeout here since the above modifications introduce a race condition that produces a wrong new_height setTimeout( function() { new_height = slide_data.responseView.outerHeight(); if ( old_height === new_height ) { slide_data.wpvPaginatorLayout.fadeOut( slide_data.speed, function() { slide_data.wpvPaginatorLayout.unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); }); // In the case when the old height is equal to the new height, we need to perform the fade-out of the old container and the // fade in of the new container in parallel, at the same time. Even though, UX-wise, this is not 100% correct, this choice // was made because of some clients complaints. This is due to backwards compatibility slide_data.responseView .hide() .css( 'visibility', 'visible' ) .fadeIn( slide_data.speed, function() { window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); WPViews.view_pagination.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); } else { slide_data.wpvPaginatorLayout.fadeOut( slide_data.speed, function() { slide_data.wpvPaginatorLayout .parent() .animate( {height: new_height+'px'}, slide_data.speed, function() { slide_data.wpvPaginatorLayout.unwrap().remove(); slide_data.wpvPaginatorFilter.html( slide_data.responseFilter ); slide_data.responseView .hide() .css( 'visibility', 'visible' ) .fadeIn( slide_data.speed, function() { window.wpvPaginationAjaxLoaded[slide_data.view_number] = true; window.wpvPaginationAnimationFinished[slide_data.view_number] = true; slide_data.callback_next_func(); self.manage_browser_history( data_for_history ); $( document ).trigger( 'js_event_wpv_pagination_completed', [ data_for_events ] ); WPViews.view_pagination.pagination_queue_trigger( slide_data.view_number, slide_data.next, slide_data.wpvPaginatorFilter ); }); }); }); } }, self.REPLACE_BUFFER_MILISECONDS ); } }; }; /** * manage_browser_history * * Makes the history in the browser work with AJAX pagination, except infinite scrolling and sliders * * @param object data * * @since 1.11 */ self.manage_browser_history = function( data ) { if ( self.get_paged_view( data.view_number ).type != 'rollover' ) { if ( self.get_paged_view( data.view_number ).manage_history == 'enabled' ) { if ( self.add_paginated_history == true ) { if ( ! _.contains( self.pagination_effect_state_keep, data.effect ) ) { if ( _.contains( self.pagination_effect_state_replace, data.effect ) ) { history.replaceState( null, '', data.pagination_page_permalink ); } else { self.last_paginated_view.push( data.view_number ); state_obj = { view_number: data.view_number, page: data.page }; history.pushState( state_obj, '', data.pagination_page_permalink ); // http://scrollsample.appspot.com/items // http://html5.gingerhost.com/ self.paginated_history_reach = self.paginated_history_reach + 1; } } } else { self.add_paginated_history = true; } } } }; /** * window.onpopstate * * Manages the browser back button click based on daya added by Views pagination * * @since 1.11 */ window.onpopstate = function( event ) { if ( event.state == null ) { var last_paginated_view_number = self.last_paginated_view.pop(); if ( last_paginated_view_number != undefined ) { self.add_paginated_history = false; self.paged_views_initial_page[ last_paginated_view_number ] = self.paged_views_initial_page[ last_paginated_view_number ] || 1; self.trigger_pagination( last_paginated_view_number, self.paged_views_initial_page[ last_paginated_view_number ] ); } } else { if ( _.has( event.state, 'view_number' ) && _.has( event.state, 'page' ) ) { self.add_paginated_history = false; self.trigger_pagination( event.state.view_number, event.state.page ); } } }; /** * When the parametric search with automatic results has been completed, reset the pagination history and add a state with the current URL * * @since 1.11 */ $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) { window.wpvCachedPages[ data.view_unique_id ] = []; self.last_paginated_view = []; if ( self.paginated_history_reach > 0 ) { window.history.go( -Math.abs( self.paginated_history_reach ) ); self.paginated_history_reach = 0; } // HACK! HACK! HACK! // Chrome and Safari execute history.replaceState before history.go so we end up with a mess // That is why we need to set a timeout here // See https://code.google.com/p/chromium/issues/detail?id=529810 setTimeout( function() { history.replaceState( null, '', data.permalink ); }, 100 ); self.updateLanguageSwitcherURLs( data.permalink ); }); /** * Updates the href attribute of the language switcher anchor for the cases where a custom search add URL parameters * on the page's URL. * * @param string permalink * * @since 2.7.0 */ self.updateLanguageSwitcherURLs = function( permalink ) { $( '.wpml-ls-item' ).each( function( index, langSwitcher ) { var parsedPermalink = self.parseURL( permalink ), langSwitcherHref = false, parsedLangSwitcherHref = false; // Some themes might mess with the language switcher // pushing its classnames to the anchor itself. if ( $( langSwitcher ).is( 'a' ) ) { langSwitcherHref = $( langSwitcher ).attr( 'href' ); } else { if ( $( langSwitcher ).find( 'a' ).length > 0 ) { langSwitcherHref = $( langSwitcher ).find( 'a' ).first().attr( 'href' ); } } // For language switchers displayed as a dropdown list, the link for the default language is a hashtag, // so nothing to do in this case. if ( false === langSwitcherHref || '#' === langSwitcherHref ) { return; } parsedLangSwitcherHref = self.parseURL( langSwitcherHref ); delete parsedPermalink.params.lang; var finalParams = $.extend( {}, parsedLangSwitcherHref.params, parsedPermalink.params ), strippedLanguageSwitcherHref = langSwitcherHref.replace( parsedLangSwitcherHref.query, '' ); $( langSwitcher ).find( 'a' ).first().attr( 'href', strippedLanguageSwitcherHref + '?' + $.param( finalParams ) ); } ); }; /** * Parses a URL string via the DOM API. * * It creates a new anchor element and uses location properties (inherent) to get the desired URL data. Some String * operations are used (to normalize results across browsers). * * @note Taken from https://j11y.io/javascript/parsing-urls-with-the-dom/ and adjusted accordingly. * * @param url * @returns {{source: *, protocol: *, host: *, port: *, query: *, params, file: *, hash: *, path: *, relative: *, segments: *}} */ self.parseURL = function( url ) { var a = document.createElement( 'a' ); a.href = url; return { source: url, protocol: a.protocol.replace( ':', '' ), host: a.hostname, port: a.port, query: a.search, params: ( function() { var ret = {}, seg = a.search.replace( /^\?/, '' ).split( '&' ), len = seg.length, i = 0, s; for ( ; i < len; i++ ) { if ( ! seg[ i ] ) { continue; } s = seg[ i ].split( '=' ); var key = decodeURI( s[0] ), value = s[1]; switch ( typeof ret[ key ] ) { case 'string': value = [ ret[ key ], s[1] ]; break; case 'object': value = ret[ key ]; value.push( s[1] ); break; } ret[ key ] = value; } return ret; } )(), file: ( a.pathname.match( /\/([^/?#]+)$/i) || [,''] )[ 1 ], hash: a.hash.replace( '#', '' ), path: a.pathname.replace( /^([^/])/, '/$1' ), relative: ( a.href.match( /tps?:\/\/[^/]+(.+)/ ) || [,''] )[ 1 ], segments: a.pathname.replace( /^\//, '' ).split( '/' ) }; }; /** * init_effects_conditions * * Lets you define a condition that an effect must meet to be applied, doing nothing otherwise. * Each callback gets the following parameters: * @param object view_pagination_data * @param int page * * @since 1.11 */ self.init_effects_conditions = function() { self.pagination_effects_conditions = { infinite: function( view_pagination_data, page ) { if ( page != ( view_pagination_data.page + 1 ) ) { return false; } return true; } }; }; /** * init_effects_conditions * * Lets you define a condition that an effect must meet to be applied, doing nothing otherwise. * Each callback gets the following parameters: * @param string view_number * @param object wpvPaginatorLayout * * @since 1.11 */ self.init_effects_spinner = function() { self.pagination_effects_spinner['fade'] = self.pagination_effects_spinner['slideleft'] = self.pagination_effects_spinner['slideright'] = self.pagination_effects_spinner['sliderightforward'] = self.pagination_effects_spinner['slideh'] = self.pagination_effects_spinner['slideup'] = self.pagination_effects_spinner['slidedown'] = self.pagination_effects_spinner['slidedownforward'] = self.pagination_effects_spinner['slidev'] = function( view_number, wpvPaginatorLayout ) { var img = new Image(); img.src = self.get_paged_view( view_number ).spinner_image; img.onload = function() { var wpvPaginatorLayoutOffset = wpvPaginatorLayout.position(), wpvPaginatorSpinner = '<div style="' + 'width:' + img.width + 'px;' + 'height:' + img.height + 'px;' + 'border:none;' + 'background:transparent 50% 50% no-repeat url(' + self.get_paged_view( view_number ).spinner_image + ');' + 'position:absolute;' + 'z-index:99;' + 'top:' + ( Math.round( wpvPaginatorLayoutOffset.top ) + ( Math.round( wpvPaginatorLayout.height()/2 ) ) - ( Math.round( img.height/2 ) ) ) + 'px;' + 'left:' + ( Math.round( wpvPaginatorLayoutOffset.left ) + ( Math.round( wpvPaginatorLayout.width()/2 ) ) - ( Math.round( img.width/2 ) ) ) + 'px;' + '" ' + 'class="wpv_slide_loading_img js-wpv_slide_loading_img_' + view_number + '"' + '>' + '</div>'; wpvPaginatorLayout .before( wpvPaginatorSpinner ) .animate( { opacity: 0.5 }, 300 ); }; }; self.pagination_effects_spinner['infinite'] = function( view_number, wpvPaginatorLayout ) { var img = new Image(); img.src = self.get_paged_view( view_number ).spinner_image; img.onload = function() { var wpvPaginatorLayoutOffset = wpvPaginatorLayout.position(), wpvPaginatorSpinner = '<div style="' + 'width:' + img.width + 'px;' + 'height:' + img.height + 'px;' + 'border:none;' + 'background:transparent 50% 50% no-repeat url(' + self.get_paged_view( view_number ).spinner_image + ');' + 'position:absolute;' + 'z-index:99;' + 'top:' + ( Math.round( wpvPaginatorLayoutOffset.top ) + ( wpvPaginatorLayout.height() ) - ( Math.round( img.height/2 ) ) ) + 'px;' + 'left:' + ( Math.round( wpvPaginatorLayoutOffset.left ) + ( Math.round( wpvPaginatorLayout.width()/2 ) ) - ( Math.round( img.width/2 ) ) ) + 'px;' + '" ' + 'class="wpv_slide_loading_img js-wpv_slide_loading_img_' + view_number + '"' + '>' + '</div>'; wpvPaginatorLayout .before( wpvPaginatorSpinner ) .animate( { opacity: 0.5 }, 300 ); }; }; }; /** * init_paged_views * * Gather the data for paginating each of the Views rendered in a page * * @since 1.11 */ self.init_paged_views = function( container ) { var init_scrolling_event = false, init_rollover_timing = false; this.historyP = this.historyP || []; window.wpvCachedPages = window.wpvCachedPages || []; window.wpvCachedImages = window.wpvCachedImages || []; $( '.js-wpv-view-layout', container ).each( function() { var thiz = $( this ), view_number = thiz.data( 'viewnumber' ); self.init_paged_view( view_number ); if ( self.paged_views[ view_number ].effect == 'infinite' && self.paged_views[ view_number ].page == 1 ) { init_scrolling_event = true; } if ( self.paged_views[ view_number ].type == 'rollover' && ! wpv_stop_rollover.hasOwnProperty( view_number ) ) { init_rollover_timing = true; rollover_has_index = _.findIndex( self.rollover_running, function( item ) { return item.view_number == view_number; }); if ( rollover_has_index < 0 ) { // This rollover was not there, so trigger it var thiz_rollover_data = { view_number: view_number, page: 1, force_reset: false }; self.rollover_running.push( thiz_rollover_data ); if ( self.init_rollover_timing_fired ) { self.trigger_rollover( thiz_rollover_data ); } } else { self.rollover_running[ rollover_has_index ] = { view_number: view_number, page: 1, force_reset: true }; } } }); if ( ! self.init_scrolling_event_fired && init_scrolling_event ) { self.init_scrolling_event_callback(); } if ( ! self.init_rollover_timing_fired && init_rollover_timing ) { self.init_rollover_timing_callback(); } return self; }; /** * init_paged_view * * Gather pagination info for a specific View rendered in a page. * Note that this is also used to init the View pagination data after a parametric search change. * * @todo check the existence of $( '#wpv-view-layout-' + view_number ) and set defauls otherwise. * * @since 1.11 */ self.init_paged_view = function( view_number ) { this.historyP = this.historyP || []; self.paged_views[ view_number ] = $( '#wpv-view-layout-' + view_number ).data( 'pagination' ); self.paged_views_initial_page[ view_number ] = self.paged_views[ view_number ].page; this.historyP[ view_number ] = self.paged_views[ view_number ].page; window.wpvCachedPages[ view_number ] = []; if ( self.paged_views[ view_number ].type != 'disabled' && self.paged_views[ view_number ].type != 'paged' && self.paged_views[ view_number ].page > 1 ) { // Infinite scrolling only can be triggered from the first page - individual URLs can not have that effect $( '#wpv-view-layout-' + view_number ).removeClass( 'js-wpv-layout-infinite-scrolling' ); } if ( $( '#wpv-view-layout-' + view_number ).parents( '.js-wpv-view-layout' ).length > 0 ) { // Disable history management in inner Views in nested structures self.paged_views[ view_number ].manage_history = 'disabled'; } }; /** * Generate the View pagintion data, on demand. * * This method will ensure that we can generate the pagination data for a View JIT * when it is needed for a View which was dynamically added to the page, by a * third party provider. * * @param view_number string The View unique hash. * * @since 2.3.1 */ self.get_paged_view = function( view_number ) { if ( ! _.has( self.paged_views, view_number ) ) { self.init_paged_view( view_number ); } return self.paged_views[ view_number ]; } /** * is_infinite_triggable * * Auxiliar method to check whether the scroll got to a point where a pagination event should be triggered * * @param object view_layout * * @since 1.11 * @since 2.0 Add a tolerance setting * @since 2.0 Trigger the pagination when scrolling to the bottom of the page */ self.is_infinite_triggable = function( view_layout ) { var flag_element = view_layout, view_number = view_layout.data( 'viewnumber' ); infinite_tolerance = self.get_paged_view( view_number ).infinite_tolerance; infinite_tolerance = ( isNaN( infinite_tolerance ) ) ? 0 : + infinite_tolerance; if ( view_layout.find( '.js-wpv-loop' ).length > 0 ) { flag_element = view_layout.find( '.js-wpv-loop' ); } return ( ( flag_element.offset().top + flag_element.outerHeight() ) <= ( $( window ).scrollTop() + $( window ).height() + infinite_tolerance ) || ( $( window ).scrollTop() + $(window).height() ) == $( document ).height() ); }; /** * init_scrolling_event_callback * * Init the scrolling event callback, only when there is a View with infinite scrolling in a page * * @since 1.11 */ self.init_scrolling_event_callback = function() { $( window ).on( 'scroll', _.debounce( function () { $('.js-wpv-layout-infinite-scrolling').each(function () { var thiz = $(this), thiz_view_number = thiz.data('viewnumber'), thiz_paged_view_data = self.get_paged_view(thiz_view_number); if ( thiz_paged_view_data.page < thiz_paged_view_data.max_pages && self.is_infinite_triggable(thiz) ) { self.trigger_pagination(thiz_view_number, thiz_paged_view_data.page + 1); } }); }, 1 )); self.init_scrolling_event_fired = true; }; /** * trigger_rollover * * Trigger the rollover on a given View, using timeout * * @since 2.2 */ self.trigger_rollover = function( view_data ) { var rollover_data = $.extend( {}, { view_number: '', page: 1, force_reset: false }, view_data ), view_number = rollover_data.view_number, paged_view_data = self.get_paged_view( view_number ); if ( paged_view_data.max_pages > 1 && $("#wpv-view-layout-" + view_number ).length > 0 ) { // Adjust rollover timeout to account on self.REPLACE_BUFFER_MILISECONDS. // This should solve a race condition when new pages height is wrongly calculated as zero. var rolloverTimeout = ( paged_view_data.speed * 1000 ) - self.REPLACE_BUFFER_MILISECONDS; if ( rolloverTimeout < 0 ) { rolloverTimeout = 0; } setTimeout( function() { var rollover_index = _.findIndex( self.rollover_paused, function ( item ) { return item.view_number == view_number; } ); if ( self.rollover_paused[ rollover_index ] && self.rollover_paused[ rollover_index ].view_number && self.rollover_paused[ rollover_index ].view_number == view_number ) { setTimeout( function() { self.trigger_rollover( view_data ) }, 100 ); } else { if ( ! wpv_stop_rollover.hasOwnProperty( view_number ) && $( "#wpv-view-layout-" + view_number ).length > 0 ) { // Get native current page and index on the rollovers array var view_page = rollover_data.page, rollover_index = _.findIndex( self.rollover_running, function ( item ) { return item.view_number == view_number; } ); // If reset is force, set the current page to 1 and stop the force if ( self.rollover_running[ rollover_index ].force_reset ) { self.rollover_running[ rollover_index ].force_reset = false; view_page = 1; } // Calculate the page to rollover to if ( paged_view_data.effect === 'slideright' || paged_view_data.effect === 'slidedown' ) { // Note that this was deprecated in 2.2, keep for backwards compatibility if ( view_page <= 1 ) { view_page = paged_view_data.max_pages; } else { view_page = view_page - 1; } } else { if ( view_page === paged_view_data.max_pages ) { view_page = 1; } else { view_page = view_page + 1; } } // Set the new current page self.rollover_running[ rollover_index ].page = view_page; WPViews.view_pagination.trigger_pagination( view_number, view_page ); } else { var rollover_index = _.findIndex( self.rollover_running, function ( item ) { return item.view_number == view_number; }); self.rollover_running.splice( rollover_index, 1 ); } } }, rolloverTimeout ); } else { var rollover_index = _.findIndex( self.rollover_running, function( item ) { return item.view_number == view_number; }); self.rollover_running.splice( rollover_index, 1 ); } }; /** * init_rollover_timing_callback * * Init the rollover event callback, only when there is a View with rollover in a page * * @since 2.2 * @since 2.3 Switched from iterating self.rollover_running to iterating a clone of it * in order to avoid modification of the iterated array. */ self.init_rollover_timing_callback = function() { // We are cloning the self.rollover_running array and iterating the clone as we want to avoid modifying // the array that is been iterated. Remember that self.trigger_rollover removes views from the self.rollover_running // array, that don't need to be initiated as a rollover, for example when the view has only one page of results. var rollover_running = self.rollover_running.slice(0); _.each( rollover_running, function( view_data, index, list ) { self.trigger_rollover( view_data ); }); self.init_rollover_timing_fired = true; }; $( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) { if ( self.get_paged_view( data.view_unique_id ).type == 'rollover' && ! wpv_stop_rollover.hasOwnProperty( data.view_unique_id ) ) { var rollover_index = _.findIndex( self.rollover_running, function( item ) { return item.view_number == data.view_unique_id; }); self.trigger_rollover( self.rollover_running[ rollover_index ] ); } }); $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) { if ( self.get_paged_view( data.view_unique_id ).type == 'rollover' && ! wpv_stop_rollover.hasOwnProperty( data.view_unique_id ) ) { var rollover_index = _.findIndex( self.rollover_running, function( item ) { return item.view_number == data.view_unique_id; }); self.trigger_rollover( self.rollover_running[ rollover_index ] ); } }); $( document ).on( 'mouseenter', '.js-wpv-view-layout', function() { var view_number = $( this ).data( 'viewnumber' ); if ( self.get_paged_view( view_number ).pause_on_hover == 'enabled' ) { var thiz_rollover_data = { view_number: view_number, }; self.rollover_paused.push( thiz_rollover_data ); } }); $( document ).on( 'mouseleave', '.js-wpv-view-layout', function() { var view_number = $( this ).data( 'viewnumber' ); var rollover_index = _.findIndex( self.rollover_paused, function ( item ) { return item.view_number == view_number; }); self.rollover_paused.splice( rollover_index, 1 ); }); /** * pagination_init_preload_images * * Init-preload images. * * @since 1.9 */ self.init_preload_images = function( container ) { $( '.js-wpv-layout-preload-images', container ).css( 'visibility', 'hidden' ); // TODO move it to the CSS file and test $( '.js-wpv-layout-preload-images', container ).each( function() { var preloadedImages = [], element = $( this ), images = element.find( 'img' ); if ( images.length < 1 ) { element.css( 'visibility', 'visible' ); } else { images.one( 'load', function() { preloadedImages.push( $( this ).attr( 'src' ) ); if ( preloadedImages.length === images.length ) { element.css( 'visibility', 'visible' ); } }).each( function() { if( this.complete ) { $( this ).trigger( "load" ); } }); setTimeout( function() { element.css( 'visibility', 'visible' ); }, 3000 ); } }); }; self.init_preload_pages = function( container ) { $( '.js-wpv-layout-preload-pages', container ).each( function() { var thiz = $( this ), view_number = thiz.data( 'viewnumber' ), paged_view_data = self.get_paged_view( view_number ), max_pages = parseInt( paged_view_data.max_pages, 10 ), max_reach = parseInt( paged_view_data.preload_reach, 10 ) + 1; self.pagination_preload_pages({ view_number: view_number, cache_pages: 'disabled', preload_pages: 'enabled', page: 1, max_reach: max_reach, max_pages: max_pages }); }); }; /** * init_pagination_button_state * * Initiate the pagination's button state in the case of a Bootstrap pager (only "Previous" and "Next" links) * * @since 2.4.0 */ self.init_pagination_button_state = function() { $( '.pagination li:not(.disabled,.active)' ).has('span').addClass('disabled'); $( '.pagination li.page-item:empty' ).remove(); }; self.init = function() { self.init_effects(); self.init_effects_conditions(); self.init_effects_spinner(); // Init Views inside the html var init_html = $( 'html' ); self.init_paged_views( init_html ); self.init_preload_images( init_html ); self.init_preload_pages( init_html ); self.init_pagination_button_state(); } self.init(); }; WPViews.ViewParametricSearch = function( $ ) { // ------------------------------------ // Constants and variables // ------------------------------------ var self = this; // ------------------------------------ // Methods // ------------------------------------ self.manage_update_results = function( data ) { if ( data.ajax_before !== '' ) { var ajax_before_func = window[data.ajax_before]; if ( typeof ajax_before_func === "function" ) { ajax_before_func( data.view_num ); } } var data_for_events = {}; data_for_events.view_unique_id = data.view_num; data_for_events.permalink = data.permalink; data.layout.fadeOut( 200, function() { data.layout.html( data.new_layout.html() ) .attr( 'data-pagination', data.new_layout.attr( 'data-pagination' ) ) .data( 'pagination', data.new_layout.data( 'pagination' ) ) .fadeIn( 'fast', function() { var ajax_after_func = window[data.ajax_after]; if ( typeof ajax_after_func === "function" ) { ajax_after_func( data.view_num ); } data_for_events.layout = data.layout; $( document ).trigger( 'js_event_wpv_parametric_search_results_updated', [ data_for_events ] ); }); }); }; /** * manage_changed_form * * @param settings object * { * view_unique_id: string View unique ID * form: collection Filter jQuery object * force_form_update: boolean * update_form boolean Whether the form will be updated, either because forced or native * force_results_update: boolean * update_results boolean Whether the results wil be updated, either because forced or native * timestamp int The timestamp when the request was otiginated * }; * * @todo Switch .js-wpv-filter-data-for-this-form into a form data attribute that we can init on document.ready and refresh when neeeded * * @since 1.9 * @since 2.1 Merge a group of parameters into an object */ self.manage_changed_form = function( settings ) { var fil = settings.form, view_num = settings.view_unique_id, $currentTime = settings.timestamp, lay = $( '#wpv-view-layout-' + view_num ), full_data = fil.find( '.js-wpv-filter-data-for-this-form' ), ajax_pre_before = full_data.data( 'ajaxprebefore' ), view_type = 'full', additional_forms = $( '.js-wpv-filter-form-' + view_num ).not( fil ), additional_forms_only, additional_forms_full, ajax_get = 'both', new_content_form, new_content_form_filter, new_content_full, new_content_full_filter, new_content_full_layout, spinnerContainer = fil.find( '.js-wpv-dps-spinner' ).add( additional_forms.find( '.js-wpv-dps-spinner' ) ), spinnerItems = spinnerContainer.length data_for_events = {}, data_for_manage_updated_results = {}; data_for_events.view_unique_id = view_num; data_for_manage_updated_results.view_num = view_num; data_for_manage_updated_results.ajax_before = full_data.data( 'ajaxbefore' ); data_for_manage_updated_results.ajax_after = full_data.data( 'ajaxafter' ); if ( fil.hasClass( 'js-wpv-form-only' ) ) { view_type = 'form'; } if ( settings.update_form ) { if ( additional_forms.length > 0 ) { additional_forms_only = additional_forms.not( '.js-wpv-form-full' ); additional_forms_full = additional_forms.not( '.js-wpv-form-only' ); if ( view_type == 'form' ) { if ( additional_forms_full.length > 0 || settings.update_results ) { ajax_get = 'both'; } else { ajax_get = 'form'; } if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num ); new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num ); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); fil.html( new_content_form_filter.html() ); WPViews.view_frontend_utils.clone_form( fil, additional_forms_only ); additional_forms_full.each( function() { $( this ).html( new_content_full_filter.html() ); }); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } else { if ( additional_forms_only.length > 0 ) { ajax_get = 'both'; } else { ajax_get = 'full'; } if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num ); new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num ); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); fil.html( new_content_full_filter.html() ); WPViews.view_frontend_utils.clone_form( fil, additional_forms_full ); additional_forms_only.each( function() { $( this ).html( new_content_form_filter.html() ); }); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } } else { if ( view_type == 'form' ) { if ( settings.update_results ) { ajax_get = 'both'; // NOTE this should never happen: // If change is done on an only-form and there is no extra form, there is no full form thus there is no layout // WARNING this can be executed on an only-form form from a View with automatic results // I might want to avoid this branch completely // NOTE-2 might be a good idea to keep-on-clear// As we might be displaying the layout in non-standard ways // So keeping the check for lay.length should suffice } else { ajax_get = 'form'; } if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num ); //new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html(); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); fil.html( new_content_form_filter.html() ); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } else { if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { //new_content_form = $( '<div></div>' ).append( ajax_result.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); //new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html(); new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num ); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); fil.html( new_content_full_filter.html() ); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } } } else { if ( additional_forms.length > 0 ) { additional_forms_only = additional_forms.not( '.js-wpv-form-full' ); additional_forms_full = additional_forms.not( '.js-wpv-form-only' ); if ( view_type == 'form' ) { WPViews.view_frontend_utils.close_and_destroy_datepickers(); WPViews.view_frontend_utils.clone_form( fil, additional_forms_only ); if ( additional_forms_full.length > 0 || settings.update_results ) { if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { //new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); //new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html(); new_content_full_filter = new_content_full.find( '.js-wpv-filter-form-' + view_num ); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); additional_forms_full.each( function() { $( this ).html( new_content_full_filter.html() ); }); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } else { data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); } } else { WPViews.view_frontend_utils.close_and_destroy_datepickers(); WPViews.view_frontend_utils.clone_form( fil, additional_forms_full ); WPViews.view_frontend_utils.render_frontend_datepicker(); WPViews.view_frontend_utils.renderPriceFilter(); if ( additional_forms_only.length > 0 || settings.update_results ) { if ( additional_forms_only.length > 0 ) { ajax_get = 'both'; } else { ajax_get = 'full'; } if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); } if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, ajax_get ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); new_content_form_filter = new_content_form.find( '.js-wpv-filter-form-' + view_num ); //new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html(); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); WPViews.view_frontend_utils.close_and_destroy_datepickers(); additional_forms_only.each( function() { $( this ).html( new_content_form_filter.html() ); }); data_for_events.view_changed_form = fil; data_for_events.view_changed_form_additional_forms_only = additional_forms_only; data_for_events.view_changed_form_additional_forms_full = additional_forms_full; $( document ).trigger( 'js_event_wpv_parametric_search_form_updated', [ data_for_events ] ); if ( settings.update_results ) { data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); } spinnerContainer.hide(); } }); } } } else { if ( settings.update_results ) { if ( ajax_pre_before !== '' ) { var ajax_pre_before_func = window[ajax_pre_before]; if ( typeof ajax_pre_before_func === "function" ) { ajax_pre_before_func( view_num ); } } $( document ).trigger( 'js_event_wpv_parametric_search_started', [ data_for_events ] ); if ( spinnerItems ) {// TODO maybe only when updating results $( spinnerContainer ).fadeIn( 'fast' ); } wpv_stop_rollover[ view_num ] = true; WPViews.view_frontend_utils.get_updated_query_results( view_num, 1, fil, 'full' ) .done( function( response ) { if ( $currentTime !== fil.prop( 'wpv-search-last-triggered' ) ) { // Another search action was triggered while fetching the current one. return; } if ( response.success ) { $( document ).trigger( 'js_event_wpv_parametric_search_form_updated_without_data', [] ); //new_content_form = $( '<div></div>' ).append( response.data.form ); new_content_full = $( '<div></div>' ).append( response.data.full ); //new_content_form_filter = new_content_form.find( '.js-wpv-filter-form' ).html(); //new_content_full_filter = new_content_full.find( '.js-wpv-filter-form' ).html(); new_content_full_layout = new_content_full.find( '.js-wpv-view-layout-' + view_num ); data_for_manage_updated_results.layout = lay; data_for_manage_updated_results.new_layout = new_content_full_layout; data_for_manage_updated_results.permalink = response.data['parametric_permalink']; self.manage_update_results( data_for_manage_updated_results ); spinnerContainer.hide(); } }); } } } }; /** * Normalize the data passed to the js_event_wpv_parametric_search_triggered event. * * @para data Object * { * view_unique_id: string View unique ID * form: collection Filter jQuery object * force_form_update: boolean Optional * force_results_update: boolean Optional * }; * * @return settings Object * { * view_unique_id: string View unique ID * form: collection Filter jQuery object * force_form_update: boolean * update_form boolean Whether the form will be updated, either because forced or native * force_results_update: boolean * update_results boolean Whether the results wil be updated, either because forced or native * timestamp int Timestamp when this event is triggered, to manage queues * }; * * @since 2.1 */ self.extend_wpv_parametric_search_triggered_data = function( data ) { var defaults = { force_form_update: false, force_results_update: false }, settings = $.extend( {}, defaults, data ), view_loop = $( '#wpv-view-layout-' + settings.view_unique_id ), $currentTime = Date.now(); if ( settings.force_form_update == false && ( // The form contains pagination settings and the results are set to be updated ( settings.force_results_update == true || settings.form.hasClass( 'js-wpv-ajax-results-enabled' ) ) && _.has( WPViews.view_pagination.paged_views, settings.view_unique_id ) && _.has( WPViews.view_pagination.paged_views[ settings.view_unique_id ], 'has_controls_in_form' ) && WPViews.view_pagination.paged_views[ settings.view_unique_id ].has_controls_in_form == 'enabled' ) ) { settings.force_form_update = true; } settings.update_form = ( settings.force_form_update || settings.form.hasClass( 'js-wpv-dps-enabled' ) ); settings.update_results = ( view_loop.length > 0 && ( settings.force_results_update || settings.form.hasClass( 'js-wpv-ajax-results-enabled' ) ) ); settings.timestamp = $currentTime; settings.form.prop( 'wpv-search-last-triggered', $currentTime ); return settings; }; // ------------------------------------ // Events // ------------------------------------ // Show datepicker on date string click $( document ).on( 'click', '.js-wpv-date-display', function() { var url_param = $( this ).data( 'param' ), $form = $( this ).closest( 'form' ); $form.find( '.js-wpv-date-front-end-' + url_param ).datepicker( 'show' ); }); // Remove current selected date $( document ).on( 'click', '.js-wpv-date-front-end-clear', function(e) { e.preventDefault(); var thiz = $( this ), url_param = thiz.data( 'param' ), form = thiz.closest( 'form' ); form.find( '.js-wpv-date-param-' + url_param ).html( '' ); form.find( '.js-wpv-date-front-end-' + url_param ).val( '' ); thiz.hide(); form.find('.js-wpv-date-param-' + url_param + '-value' ) .val( '' ) .trigger( 'change' ); }); $( document ).on( 'change', '.js-wpv-post-relationship-update', function() { var thiz = $( this ), fil = thiz.closest( 'form' ), view_number = fil.data( 'viewnumber' ), additional_forms = $( '.js-wpv-filter-form-' + view_number ).not( fil ), currentposttype = thiz.data( 'currentposttype' ), watchers = fil.find( '.js-wpv-' + currentposttype + '-watch' ).add( additional_forms.find( '.js-wpv-' + currentposttype + '-watch' ) ), watcherslength = watchers.length, i; if ( watcherslength ) { for( i = 0; i < watcherslength; i++ ) { $( watchers[i] ) .attr( 'disabled', true ) .removeAttr( 'checked' ) .removeAttr( 'selected' ) .not( ':button, :submit, :reset, :hidden, :radio, :checkbox' ) .val( '0' ); } } var data_for_events = { view_unique_id: view_number, form: fil, force_form_update: true }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'change', '.js-wpv-filter-trigger', function() { var thiz = $( this ), fil = thiz.closest( 'form' ), view_number = fil.data( 'viewnumber' ); var data_for_events = { view_unique_id: view_number, form: fil }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document ).on( 'click', '.js-wpv-ajax-results-enabled .js-wpv-submit-trigger, .js-wpv-ajax-results-submit-enabled .js-wpv-submit-trigger', function( e ) { e.preventDefault(); var thiz = $( this ), fil = thiz.closest( 'form' ), view_number = fil.data( 'viewnumber' ); var data_for_events = { view_unique_id: view_number, form: fil, force_form_update: false, force_results_update: true }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); }); $( document).on( 'keypress', '.js-wpv-ajax-results-enabled .js-wpv-filter-trigger-delayed, .js-wpv-ajax-results-submit-enabled .js-wpv-filter-trigger-delayed', function( e ) { // Enter pressed? if ( e.which == 13 ) { e.preventDefault(); var thiz = $( this ), fil = thiz.closest( 'form' ), view_number = fil.data( 'viewnumber' ); var data_for_events = { view_unique_id: view_number, form: fil, force_results_update: true }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); } }); $( document ).on( 'click', '.js-wpv-reset-trigger', function( e ) { e.preventDefault(); var thiz = $( this ), fil = thiz.closest( 'form' ), view_number = fil.data( 'viewnumber' ), additional_forms = $( '.js-wpv-filter-form-' + view_number ).not( fil ), watchers, watcherslength, i, target = fil.attr( 'action' ), form_only_force_update = false, form_only_results_force_update = false; if ( fil.hasClass( 'js-wpv-form-only' ) ) { watchers = fil.find( 'input, select' ).add( additional_forms.find( 'input, select' ) ); watcherslength = watchers.length; form_only_force_update = ( fil.hasClass( 'js-wpv-dps-enabled' ) || ( fil.find( '.js-wpv-post-relationship-update' ).length > 0 ) ); if ( fil.hasClass( 'js-wpv-ajax-results-enabled' ) || fil.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ) { form_only_results_force_update = true; } if ( watcherslength ) { for ( i = 0; i < watcherslength; i++ ) { if ( ! $( watchers[i] ).hasClass( 'js-wpv-keep-on-clear' ) ) { $( watchers[i] ) .attr( 'disabled', form_only_force_update ) .removeAttr( 'checked' ) .removeAttr( 'selected' ) .not( ':button, :submit, :reset, :hidden, :radio, :checkbox' ) .val( '' ); } } } var data_for_events = { view_unique_id: view_number, form: fil, force_form_update: form_only_force_update, force_results_update: form_only_results_force_update }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); if( ! form_only_results_force_update && $( '#wpv-view-layout-' + fil.data( 'viewnumber' ) ).length > 0 ) { window.location.href = target; } else { $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); } } else if ( fil.hasClass( 'js-wpv-ajax-results-enabled' ) || fil.hasClass( 'js-wpv-ajax-results-submit-enabled' ) ) { watchers = fil.find( 'input, select' ).add( additional_forms.find( 'input, select' ) ); watcherslength = watchers.length; if ( watcherslength ) { for ( i = 0; i < watcherslength; i++ ) { if ( ! $( watchers[i] ).hasClass( 'js-wpv-keep-on-clear' ) ) { $( watchers[i] ) .attr( 'disabled', true ) .removeAttr( 'checked' ) .removeAttr( 'selected' ) .not( ':button, :submit, :reset, :hidden, :radio, :checkbox' ) .val( '' ); } } } var data_for_events = { view_unique_id: view_number, form: fil, force_form_update: true, force_results_update: true }; data_for_events = self.extend_wpv_parametric_search_triggered_data( data_for_events ); $( document ).trigger( 'js_event_wpv_parametric_search_triggered', [ data_for_events ] ); } else { window.location.href = WPViews.view_frontend_utils.updateUrlQuery( 'wpv_view_count', null, target ); } }); $( document ).on( 'js_event_wpv_parametric_search_triggered', function( event, settings ) { self.manage_changed_form( settings ); }); // Also, stop the rollover if we do any modification on the parametric search form $( document ).on( 'change', '.js-wpv-filter-trigger, .js-wpv-filter-trigger-delayed', function() { var thiz = $( this ), fil = thiz.closest( 'form' ), view_num = fil.data( 'viewnumber' ); wpv_stop_rollover[view_num] = true; }); // ------------------------------------ // Custom events // ------------------------------------ /** * js_event_wpv_parametric_search_started * * Event fired before updating the parametric search forms and results. * * @param data * - view_unique_id * * @since 1.9 */ $( document ).on( 'js_event_wpv_parametric_search_started', function( event, data ) { }); /** * js_event_wpv_parametric_search_form_updated * * Event fired after updating the parametric search forms. * * @param data * - view_unique_id * - view_changed_form * - view_changed_form_additional_forms_only * - view_changed_form_additional_forms_full * * @since 1.9 */ $( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) { WPViews.view_frontend_utils.render_frontend_datepicker(); WPViews.view_frontend_utils.renderPriceFilter(); }); /** * js_event_wpv_parametric_search_results_updated * * Event fired after updating the parametric search results. * * @param data * - view_unique_id * - layout * * @since 1.9 */ $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) { WPViews.view_frontend_utils.render_frontend_media_shortcodes( data.layout ); }); // ------------------------------------ // Init // ------------------------------------ self.init = function() { } self.init(); }; jQuery( function( $ ) { WPViews.view_frontend_utils = new WPViews.ViewFrontendUtils( $ ); WPViews.view_sorting = new WPViews.ViewSorting( $ ); WPViews.view_pagination = new WPViews.ViewPagination( $ ); WPViews.view_parametric_search = new WPViews.ViewParametricSearch( $ ); });

Parece que el enlace que apuntaba aquí no sirve. ¿Quieres probar con una búsqueda?

Parece que esta página no existe.

Entradas recientes

Horarios

Donde estamos

Síguenos