(function( $, window, document ) {
'use strict';
/*========================================
* Start pagination defination
*========================================*/
var Paginator = function(element, options) {
this.el = $(element);
this.options = $.extend({}, $.fn.paginathing.defaults, options);
if( this.options.page != '' && this.options.page != undefined ) {
this.currentPage = this.options.page;
} else {
this.currentPage = 1;
}
this.startPage = 1;
//this.totalItems = this.el.children().length;
this.totalItems = this.options.totalItems;
this.totalPages = Math.max(Math.ceil(this.options.totalItems / this.options.perPage), this.options.limitPagination);
this.container = $('
').addClass(this.options.containerClass);
this.ul = $('').addClass(this.options.ulClass);
this.show(this.startPage);
return this;
};
Paginator.prototype = {
pagination: function(type, page) {
var _self = this;
var li = $('The image #%curr% could not be loaded.',
}
});
//}
}
$(document).ready( function() {
if($(".rx_review_sort_list").hasClass("popup-link")){
$('.popup-link').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1]
},
image: {
tError: 'The image #%curr% could not be loaded.',
}
});
}
});
/*========================================
* Horizontal bar
*========================================*/
$('.rx-horizontal .progress-fill span').each(function(){
var percent = $(this).html();
$(this).parent().css('width', percent);
});
/*========================================
* Review ordering filter
*========================================*/
$(document).ready( function() {
$(document).on('change', "select.rx_shorting", function () {
$('.rx_double_spinner').show();
$.ajax({
url: rx_ajax_data.ajax_url,
type: 'post',
data: {
action: 'rx_sorting',
selected: $(this).children("option:selected").val(),
rx_product_id: $('.rx_product_id').val(),
security: $(".rx-sort-nonce").val(),
rx_post_type: $('#rx-sorting-post-type').val(),
rx_pagination: $('#rx-allow-shortcode-pagination').val(),
page: 1,
per_page: $('#rx-pagination-limit').val(),
rx_rating: $('#rx-product-rating').val(),
user_id: $('#rx-user-id').val(),
rx_post_title: $("#rx-product-title").val(),
},
success: function (data) {
$('.rx_listing .rx_double_spinner').hide();
$('.rx_review_sort_list').html( data );
rx_image_popup(); //Popup image
},
error:function (err) {
$('.rx_listing .rx_double_spinner').hide();
console.log( err + 'Error....');
}
});
});
$(document).on('click', ".rx-tooltip", function () {
$('.rx_double_spinner').show();
let rating = $(this).data('rating');
$('#rx-product-rating').val(rating);
$.ajax({
url: rx_ajax_data.ajax_url,
type: 'post',
data: {
action: 'rx_sorting',
selected: 'tooltip_filter',
rx_product_id: $('.rx_product_id').val(),
security: $(".rx-sort-nonce").val(),
rx_post_type: $('#rx-sorting-post-type').val(),
rx_pagination: $('#rx-allow-shortcode-pagination').val(),
page: 1,
per_page: $('#rx-pagination-limit').val(),
rx_rating: rating,
user_id: $('#rx-user-id').val(),
rx_post_title: $("#rx-product-title").val(),
},
success: function (data) {
$('.rx_listing .rx_double_spinner').hide();
$('.rx_review_sort_list').html( data );
rx_image_popup(); //Popup image
},
error:function (err) {
$('.rx_listing .rx_double_spinner').hide();
console.log( err + 'Error....');
}
});
});
});
/*========================================
* Progress bar
*========================================*/
$('.rx_style_one_progress-value > span').each(function(){
$(this).prop('Counter',0).animate({
Counter: $(this).text()
},{
duration: 1500,
easing: 'swing',
step: function (now){
$(this).text(Math.ceil(now));
}
});
});
$(document).ready(function() {
/*========================================
* Call image uploader
*========================================*/
$('.rx-popup-video').magnificPopup({
// disableOn: 700,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false,
iframe: {
patterns: {
youtube_short: {
index: 'youtu.be/',
id: 'youtu.be/',
src: '//www.youtube.com/embed/%id%?autoplay=1'
}
}
}
});
//Front-end review image upload
let file_frame; // variable for the wp.media file_frame
let attachment;
$(document).on('click', '#attachment', function(event) {
event.preventDefault();
if ( file_frame ) {
file_frame.open();
return;
}
file_frame = wp.media.frames.file_frame = wp.media({
title: $( this ).data( 'uploader_title' ),
button: {
text: $( this ).data( 'uploader_button_text' ),
},
library: {
type: [ 'video', 'image' ]
},
multiple: $(this).data('multiple') // set this to true for multiple file selection
});
file_frame.on( 'select', function() {
attachment = file_frame.state().get('selection').toJSON();
let wrapper = $('#rx-images'); //Input image wrapper
$('#rx-images').removeClass('rx-hide');
$.each(attachment, function(index, value) {
if( $('#attachment').data('multiple') == true ) {
$(wrapper).prepend(''); // display image
} else {
$(wrapper).html("");
$(wrapper).prepend(''); // display image
}
});
});
file_frame.open();
});
/*********************************
* Review form validation
********************************/
$('#comment').attr('name', 'comment');
$("#attachmentForm").validate({
rules: {
author: "required",
email: {
required: true,
email: true,
regex: /^\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i
},
reviewx_title: "required",
comment: "required",
rx_allow_media_compliance: "required",
},
messages: {
author: rx_ajax_data.please_enter_name,
email: rx_ajax_data.please_enter_email,
reviewx_title: rx_ajax_data.please_enter_title,
comment: rx_ajax_data.please_reave_message,
rx_allow_media_compliance: rx_ajax_data.please_accept_agreement
},
submitHandler: function(form) {}
});
$.validator.addMethod(
/* The value you can use inside the email object in the validator. */
"regex",
/* The function that tests a given string against a given regEx. */
function(value, element, regexp) {
/* Check if the value is truthy (avoid null.constructor) & if it's not a RegEx. (Edited: regex --> regexp)*/
if (regexp && regexp.constructor != RegExp) {
/* Create a new regular expression using the regex argument. */
regexp = new RegExp(regexp);
}
/* Check whether the argument is global and, if so set its last index to 0. */
else if (regexp.global) regexp.lastIndex = 0;
/* Return whether the element is optional or the result of the validation. */
return this.optional(element) || regexp.test(value);
}
);
/*********************************
* Review form AJAX submission
*********************************/
$(document).on('click', "#attachmentForm input[type=submit], #attachmentForm #submit", function (event) {
event.preventDefault();
let reCaptcha = null;
if (parseInt($("#enable_recaptcha").val())) {
reCaptcha = window.grecaptcha.getResponse();
if (reCaptcha.length === 0) {
$('.rx-form-submit-status.error').remove();
$("#submit").parent().before("re-Captcha required!
");
return;
}
}
if ($('#attachmentForm').valid()) {
$(this).prop('disabled', true);
//AJAX form submit
let formInput = $("#attachmentForm input"); // grab all input field
let data = formInput.serializeArray();
if (reCaptcha) {
data.push({
name: 'recaptcha-token',
value: reCaptcha
})
}
data.push({
name: 'rx-video-source-control',
value: $('#rx-video-source-control').val()
});
$.ajax({
url: rx_ajax_data.ajax_url,
type: 'post',
data: {
action: 'rx_front_end_review_submit',
formInput: data,
rx_review_text: $("#comment").val(),
security: rx_ajax_data.ajax_nonce
},
success: function (data) {
if(data.success == true) {
$("#attachmentForm input[type=submit]").parent().before(""+rx_ajax_data.review_success_msg+"
");
if( data.status == 0 ) {
$("#attachmentForm input[type=submit]").parent().before(""+rx_ajax_data.review_status_msg+"
");
}
$("#review_title").val('');
$("#comment").val('');
$("#author").val('');
$("#email").val('');
setTimeout(function(){
window.location.reload();
}, 2000);
} else if(data.success == false) {
$("#attachmentForm input[type=submit]").parent().before(""+rx_ajax_data.review_failed_msg+"
");
} else {
$("#attachmentForm input[type=submit]").parent().before(""+data+"
");
}
$("#attachmentForm input[type=submit]").prop('disabled', false);
},
error:function(err) {
$("#attachmentForm input[type=submit]").parent().before("Sorry something went wrong.
");
}
});
}
});
});
//OceanWP theme - lightbox
window.addEventListener('load', (event) => {
if($('.rx-popup-video').hasClass('oceanwp-lightbox')){
$('.rx-popup-video').removeClass('oceanwp-lightbox');
$('.rx-popup-video').magnificPopup({
disableOn: 700,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false,
iframe: {
patterns: {
youtube_short: {
index: 'youtu.be/',
id: 'youtu.be/',
src: '//www.youtube.com/embed/%id%?autoplay=1'
}
}
}
});
}
if(!$('.popup-link a').hasClass('oceanwp-lightbox')){
rx_image_popup();
}
});
/*========================================
* Call for non logged in user
*========================================*/
$(document).on('change', '#non-logged-attachment', function(){
let wrapper = $('#rx-images'); //Input image wrapper
let rx_img = new FormData();
var files_data = $(this);
$.each($(files_data), function(i, obj) {
$.each(obj.files,function(j,file){
rx_img.append('files[' + j + ']', file);
})
});
rx_img.append('action', 'rx_guest_review_image_upload');
rx_img.append('security', rx_ajax_data.ajax_nonce);
$('.rx_image_upload_spinner').show();
$.ajax({
url: rx_ajax_data.ajax_url,
contentType: false,
processData: false,
type: 'post',
data: rx_img,
success: function (data) {
$(wrapper).prepend(data.image);
if( data.message != null ) {
$('.rx-guest-attachment-error').text(data.message);
}
$('.rx_image_upload_spinner').hide();
},
error:function(error){
$('.rx_image_upload_spinner').hide();
}
});
});
let wrapper = $('#rx-images'); //Input image wrapper
$(wrapper).on('click', '.remove_guest_image', function(e){ //Once remove button is clicked
e.preventDefault();
let $that = $(this);
let attach_id = $(this).siblings(".rx-image").val();
jQuery.ajax({
url: rx_ajax_data.ajax_url,
type: 'post',
data : {
action: 'rx_remove_guest_image',
attach_id: attach_id,
security: rx_ajax_data.ajax_nonce
},
success: function( data ) {
$($that).parent().remove(); //Remove image
},
error: function(err){
console.log(err);
}
});
});
$(document).on('click', '.rx-media-upload-button', function(){
var button = $( this ),
wrapper = button.parents('.rx-media-field-wrapper'),
removeButton = wrapper.find('.rx-media-remove-button'),
imgContainer = wrapper.find('.rx-thumb-container'),
idField = wrapper.find('.rx-media-id'),
urlField = wrapper.find('.rx-media-url');
// Create a new media frame
var frame = wp.media({
title: 'Upload Photo',
button: {
text: 'Use this photo'
},
library: {
type: 'image/*'
},
uploader: {
type: 'application/pdf'
},
multiple: false // Set to true to allow multiple files to be selected
});
// When an image is selected in the media frame...
frame.on( 'select', function() {
// Get media attachment details from the frame state
var attachment = frame.state().get('selection').first().toJSON();
/**
* Set image to the image container
*/
imgContainer.addClass('rx-has-thumb').append( '