jQuery(document).ready(function($) {
"use strict";
function vmagazine_lite_refresh_repeater_values(){
$(".vmagazine-lite-repeater-field-control-wrap").each(function(){
var values = [];
var $this = $(this);
$this.find(".vmagazine-lite-repeater-field-control").each(function(){
var valueToPush = {};
$(this).find('[data-name]').each(function(){
var dataName = $(this).attr('data-name');
var dataValue = $(this).val();
valueToPush[dataName] = dataValue;
});
values.push(valueToPush);
});
$this.next('.vmagazine-lite-repeater-collector').val(JSON.stringify(values)).trigger('change');
});
}
/**
* Script for Customizer icons
*/
$(document).on('click', '.ap-customize-icons li', function() {
$(this).parents('.ap-customize-icons').find('li').removeClass();
$(this).addClass('selected');
var iconVal = $(this).parents('.icons-list-wrapper').find('li.selected').children('i').attr('class');
var inpiconVal = iconVal.split(' ');
$(this).parents( '.ap-customize-icons' ).find('.ap-icon-value').val(inpiconVal[1]);
$(this).parents( '.ap-customize-icons' ).find('.selected-icon-preview').html('<i class="' + iconVal + '"></i>');
$('.ap-icon-value').trigger('change');
});
$(document).on('click','.removeimage',function() {
$(this).parent().html("");
$("#vmagazine_lite_bread_bg_image").val('');
});
$("body").on("click",'.vmagazine-lite-add-control-field', function(){
var $this = $(this).parent();
if(typeof $this != 'undefined') {
var field = $this.find(".vmagazine-lite-repeater-field-control:first").clone();
if(typeof field != 'undefined'){
field.find("input[type='text'][data-name]").each(function(){
var defaultValue = $(this).attr('data-default');
$(this).val(defaultValue);
});
field.find("textarea[data-name]").each(function(){
var defaultValue = $(this).attr('data-default');
$(this).val(defaultValue);
});
field.find("select[data-name]").each(function(){
var defaultValue = $(this).attr('data-default');
$(this).val(defaultValue);
});
field.find(".radio-labels input[type='radio']").each(function(){
var defaultValue = $(this).closest('.radio-labels').next('input[data-name]').attr('data-default');
$(this).closest('.radio-labels').next('input[data-name]').val(defaultValue);
if($(this).val() == defaultValue){
$(this).prop('checked',true);
}else{
$(this).prop('checked',false);
}
});
field.find(".selector-labels label").each(function(){
var defaultValue = $(this).closest('.selector-labels').next('input[data-name]').attr('data-default');
var dataVal = $(this).attr('data-val');
$(this).closest('.selector-labels').next('input[data-name]').val(defaultValue);
if(defaultValue == dataVal){
$(this).addClass('selector-selected');
}else{
$(this).removeClass('selector-selected');
}
});
field.find('.range-input').each(function(){
var $dis = $(this);
$dis.removeClass('ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all').empty();
var defaultValue = parseFloat($dis.attr('data-defaultvalue'));
$dis.siblings(".range-input-selector").val(defaultValue);
$dis.slider({
range: "min",
value: parseFloat($dis.attr('data-defaultvalue')),
min: parseFloat($dis.attr('data-min')),
max: parseFloat($dis.attr('data-max')),
step: parseFloat($dis.attr('data-step')),
slide: function( event, ui ) {
$dis.siblings(".range-input-selector").val(ui.value );
vmagazine_lite_refresh_repeater_values();
}
});
});
field.find('.onoffswitch').each(function(){
var defaultValue = $(this).next('input[data-name]').attr('data-default');
$(this).next('input[data-name]').val(defaultValue);
if(defaultValue == 'on'){
$(this).addClass('switch-on');
}else{
$(this).removeClass('switch-on');
}
});
field.find('.vmagazine-lite-color-picker').each(function(){
$(this).wpColorPicker({
change: function(event, ui){
setTimeout(function(){
vmagazine_lite_refresh_repeater_values();
}, 100);
}
}).parents('.vmagazine-lite-type-colorpicker').find('.wp-color-result').first().remove();
});
field.find(".attachment-media-view").each(function(){
var defaultValue = $(this).find('input[data-name]').attr('data-default');
$(this).find('input[data-name]').val(defaultValue);
if(defaultValue){
$(this).find(".thumbnail-image").html('<img src="'+defaultValue+'"/>').prev('.placeholder').addClass('hidden');
}else{
$(this).find(".thumbnail-image").html('').prev('.placeholder').removeClass('hidden');
}
});
field.find(".vmagazine-lite-icon-list").each(function(){
var defaultValue = $(this).next('input[data-name]').attr('data-default');
$(this).next('input[data-name]').val(defaultValue);
$(this).prev('.vmagazine-lite-selected-icon').children('i').attr('class','').addClass(defaultValue);
$(this).find('li').each(function(){
var icon_class = $(this).find('i').attr('class');
if(defaultValue == icon_class ){
$(this).addClass('icon-active');
}else{
$(this).removeClass('icon-active');
}
});
});
field.find(".vmagazine-lite-multi-category-list").each(function(){
var defaultValue = $(this).next('input[data-name]').attr('data-default');
$(this).next('input[data-name]').val(defaultValue);
$(this).find('input[type="checkbox"]').each(function(){
if($(this).val() == defaultValue){
$(this).prop('checked',true);
}else{
$(this).prop('checked',false);
}
});
});
field.find('.vmagazine-lite-fields').show();
$this.find('.vmagazine-lite-repeater-field-control-wrap').append(field);
field.addClass('expanded').find('.vmagazine-lite-repeater-fields').show();
$('.accordion-section-content').animate({ scrollTop: $this.height() }, 1000);
vmagazine_lite_refresh_repeater_values();
}
}
return false;
});
$('body').on('click', '.vmagazine-lite-icon-list li', function(){
var icon_class = $(this).find('i').attr('class');
$(this).addClass('icon-active').siblings().removeClass('icon-active');
$(this).parent('.vmagazine-lite-icon-list').prev('.vmagazine-lite-selected-icon').children('i').attr('class','').addClass(icon_class);
$(this).parent('.vmagazine-lite-icon-list').next('input').val(icon_class).trigger('change');
vmagazine_lite_refresh_repeater_values();
});
//MultiCheck box Control JS
$( 'body' ).on( 'change', '.vmagazine-lite-type-multicategory input[type="checkbox"]' , function() {
var checkbox_values = $( this ).parents( '.vmagazine-lite-type-multicategory' ).find( 'input[type="checkbox"]:checked' ).map(function(){
return $( this ).val();
}).get().join( ',' );
$( this ).parents( '.vmagazine-lite-type-multicategory' ).find( 'input[type="hidden"]' ).val( checkbox_values ).trigger( 'change' );
vmagazine_lite_refresh_repeater_values();
});
$('body').on('click', '.vmagazine-lite-selected-icon', function(){
$(this).next().slideToggle();
});
$("#customize-theme-controls").on("click", ".vmagazine-lite-repeater-field-remove",function(){
if( typeof $(this).parent() != 'undefined'){
$(this).closest('.vmagazine-lite-repeater-field-control').slideUp('normal', function(){
$(this).remove();
vmagazine_lite_refresh_repeater_values();
});
}
return false;
});
$('#customize-theme-controls').on('click', '.vmagazine-lite-repeater-field-close', function(){
$(this).closest('.vmagazine-lite-repeater-fields').slideUp();;
$(this).closest('.vmagazine-lite-repeater-field-control').toggleClass('expanded');
});
$('#customize-theme-controls').on('click','.vmagazine-lite-repeater-field-title',function(){
$(this).next().slideToggle();
$(this).closest('.vmagazine-lite-repeater-field-control').toggleClass('expanded');
});
/*Drag and drop to change order*/
$(".vmagazine-lite-repeater-field-control-wrap").sortable({
orientation: "vertical",
update: function( event, ui ) {
vmagazine_lite_refresh_repeater_values();
}
});
$("#customize-theme-controls").on('keyup change', '[data-name]',function(){
vmagazine_lite_refresh_repeater_values();
return false;
});
$("#customize-theme-controls").on('change', 'input[type="checkbox"][data-name]',function(){
if($(this).is(":checked")){
$(this).val('yes');
}else{
$(this).val('no');
}
vmagazine_lite_refresh_repeater_values();
return false;
});
// ADD IMAGE LINK
$('.customize-control-repeater').on( 'click', '.vmagazine-lite-upload-button', function( event ){
event.preventDefault();
var imgContainer = $(this).closest('.vmagazine-lite-fields-wrap').find( '.thumbnail-image'),
placeholder = $(this).closest('.vmagazine-lite-fields-wrap').find( '.placeholder'),
imgIdInput = $(this).siblings('.upload-id');
// Create a new media frame
frame = wp.media({
title: 'Select or Upload Image',
button: {
text: 'Use Image'
},
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();
// Send the attachment URL to our custom image input field.
imgContainer.html( '<img src="'+attachment.url+'" style="max-width:100%;"/>' );
placeholder.addClass('hidden');
// Send the attachment id to our hidden input
imgIdInput.val( attachment.url ).trigger('change');
});
// Finally, open the modal on click
frame.open();
});
// DELETE IMAGE LINK
$('.customize-control-repeater').on( 'click', '.vmagazine-lite-delete-button', function( event ){
event.preventDefault();
var imgContainer = $(this).closest('.vmagazine-lite-fields-wrap').find( '.thumbnail-image'),
placeholder = $(this).closest('.vmagazine-lite-fields-wrap').find( '.placeholder'),
imgIdInput = $(this).siblings('.upload-id');
// Clear out the preview image
imgContainer.find('img').remove();
placeholder.removeClass('hidden');
// Delete the image id from the hidden input
imgIdInput.val( '' ).trigger('change');
});
});