ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / .trash / woodmart / inc / admin / assets / js / vc-fields

(function($) {
	var $panel = $('#vc_ui-panel-edit-element');
	$panel.on('vcPanel.shown', function() {
		$wrapperPanel = $(this);

$('.vc_wrapper-param-type-css_editor .vc_layout-onion').addClass('xts-active');
		$('.xts-layout-onion-tabs > span').on('click', function() {
			var $this = $(this);
			var device = $this.data('value');

$this.siblings().removeClass('xts-active');
			$this.addClass('xts-active');
			if ('desktop' === device) {
				$wrapperPanel.find('.vc_layout-onion').removeClass('xts-active');
				$wrapperPanel.find('.vc_wrapper-param-type-css_editor .vc_layout-onion').addClass('xts-active');
			} else {
				$wrapperPanel.find('.vc_layout-onion').removeClass('xts-active');
				$wrapperPanel.find('.vc_layout-onion[data-device="' + device + '"]').addClass('xts-active');
			}
		});

$('.wd-responsive-spacing-wrapper').each(function() {
			var $this = $(this);
			setInputsValue($this);
			setMainValue($this);
		});

$('.wd-responsive-spacing input').on('change', function() {
			var $wrapper = $(this).parents('.wd-responsive-spacing-wrapper');
			setMainValue($wrapper);
		});

function setMainValue($this) {
			var $mainInput = $this.find('.wd-responsive-spacing-value');
			var results = {
				param_type : 'woodmart_responsive_spacing',
				selector_id: $('.woodmart-css-id').val(),
				shortcode  : $panel.attr('data-vc-shortcode'),
				data       : {}
			};

$this.find('.wd-responsive-spacing').each(function() {
				var $this = $(this);
				var device = $this.data('device');

results.data[device] = {};

$this.find('input').each(function(index, elm) {
					var $elm = $(elm);
					var value = $elm.val();
					var name = $elm.data('name');

if (value) {
						Object.assign(results.data[device], {
							[name]: value
						});
					}
				});
			});

if ($.isEmptyObject(results.data)) {
				results = '';
			} else {
				results = window.btoa(JSON.stringify(results));
			}

$mainInput.val(results).trigger('change');
		}

function setInputsValue($this) {
			var $mainInput = $this.find('.wd-responsive-spacing-value');
			var mainInputVal = $mainInput.val();

if (mainInputVal) {
				var parseVal = JSON.parse(window.atob(mainInputVal));

$.each(parseVal.data, function(key, value) {
					var device = key;
					if (value) {
						$.each(value, function(key, value) {
							if (!value.includes('px') && !value.includes('%') && !value.includes('vh') && !value.includes('vw')) {
								value += 'px';
							}

$this.find('[data-device="' + device + '"]').find('[data-name="' + key + '"]').val(value);
						});
					}
				});
			}
		}
	});

})(jQuery);

[-] dimensions.js [edit]
[-] image-select.js [edit]
[-] title-divider.js [edit]
[-] button-set.js [edit]
[-] image-hotspot.js [edit]
[-] number.js [edit]
[-] box-shadow.js [edit]
[-] responsive-spacing.js [edit]
[-] slider-responsive.js [edit]
[-] vc-functions.js [edit]
[-] gradient.js [edit]
[+] ..
[-] upload.js [edit]
[-] datepicker.js [edit]
[-] select.js [edit]
[-] list-element.js [edit]
[-] frontend-editor-functions.js [edit]
[-] slider.js [edit]
[-] switch.js [edit]
[-] wd-colorpicker.js [edit]
[-] colorpicker.js [edit]
[-] responsive-size.js [edit]