File Manager

Editing File: /home/maglabs/2vsa/wp-content/plugins/js_composer/modules/automapper/assets/js/module.js

/* =========================================================
 * composer-automapper.js v0.2.1
 * =========================================================
 * Copyright 2013 Wpbakery
 *
 * WPBakery Page Builder automapper for shortcodes
 * ========================================================= */
var vc_am = {
	current_form: false
};
window.i18nLocaleVcAutomapper = window.i18nLocaleSettings;
(function ( $ ) {
	"use strict";

function VCS4() {
		return (((1 + Math.random()) * 0x10000) | 0).toString( 16 ).substring( 1 );
	}

var EditFormView;
	var request_url, sync_callback;
	vc_am.vcGuid = function () {
		return (VCS4() + VCS4() + "-" + VCS4());
	};
	_.extend( wp.shortcode.prototype, {
		taggedString: function () {
			var text = '[<span class="vc_preview-tag">' + _.escape( this.tag ) + '</span>';

_.each( this.attrs.numeric, function ( value ) {
				if ( /\s/.test( value ) ) {
					text += ' <span class="vc_preview-param">"' + _.escape( value ) + '"</span>';
				} else {
					text += ' <span class="vc_preview-param">' + _.escape( value ) + '</span>';
				}
			} );

_.each( this.attrs.named, function ( value, name ) {
				text += ' <span class="vc_preview-param">' + _.escape( name ) + '="' + _.escape( value ) + '"</span>';
			} );

// If the tag is marked as `single` or `self-closing`, close the
			// tag and ignore any additional content.
			if ( 'single' === this.type ) {
				return text + ']';
			} else if ( 'self-closing' === this.type ) {
				return text + ' /]';
			}

// Complete the opening tag.
			text += ']';

if ( this.content ) {
				text += '<span class="vc_preview-content">' + _.escape( this.content ) + '</span>';
			}

// Add the closing tag.
			return text + '[/<span class="vc_preview-tag">' + _.escape( this.tag ) + '</span>]';
		}
	} );
	wp.shortcode.atmPreview = function ( options ) {
		return new wp.shortcode( options ).taggedString();
	};

var $vcSettings = $( '#vc_settings-automapper' );

var message_timer, to_title;

to_title = function ( string ) {
		string = string.replace( /_|-/, ' ' );
		return string.charAt( 0 ).toUpperCase() + string.slice( 1 );
	};

function showValidationError( text, $el ) {
		if ( _.isUndefined( $el ) || !$el.length ) {
			$el = $( '.tab_intro' );
		}
		showMessageMore( text, 'error', undefined, true ).insertBefore( $el ).fadeIn( 500 );
	}

$this = $( e.currentTarget );
			$parent = $this.parents( '.vc_fields' );
			if ( 'hidden' === $this.val() ) {
				$parent.find( '[name="heading"]' ).attr( 'disabled', true );
				$parent.find( '[name="description"]' ).attr( 'disabled', true );
			} else {
				$parent.find( '[name="heading"]' ).attr( 'disabled', false );
				$parent.find( '[name="description"]' ).attr( 'disabled', false );
			}
		},
		setTagFieldActive: function ( e ) {
			if ( this.active_preview ) {
				$( this.active_preview ).removeClass( 'vc_active' );
			}
			this.active_preview = '#vc_shortcode-preview .vc_preview-tag';
			$( this.active_preview ).addClass( 'vc_active' );
		},
		setParamFieldActive: function ( e ) {
			var $control, index;
			$control = $( e.currentTarget );
			index = $control.parents( '.vc_param:first' ).index();
			if ( this.active_preview ) {
				$( this.active_preview ).removeClass( 'vc_active' );
			}
			this.active_preview = '#vc_shortcode-preview .vc_preview-param:eq(' + index + ')';
			$( this.active_preview ).addClass( 'vc_active' );
		},
		setContentParamFieldActive: function ( e ) {
			if ( this.active_preview ) {
				$( this.active_preview ).removeClass( 'vc_active' );
			}
			this.active_preview = '#vc_shortcode-preview .vc_preview-content';
			$( this.active_preview ).addClass( 'vc_active' );
		},
		unsetFieldActive: function ( e ) {
			$( this.active_preview ).removeClass( 'vc_active' );
			this.active_preview = false;
		},
		/***
		 * Escape double quotes in params value.
		 * @param value
		 * @return {*}
		 */
		escapeParam: function ( value ) {
			return value && value.replace( /"/g, '``' );
		},
		getPreview: function ( data ) {
			var params = data.params,
				content = false,
				params_to_string = {};
			_.each( params, function ( value, key ) {
				if ( 'content' !== value.param_name ) {
					params_to_string[ value.param_name ] = this.escapeParam( value.value );
				} else {
					content = value.value;
				}

}, this );

return wp.shortcode.atmPreview( {
				tag: data.tag,
				attrs: params_to_string,
				content: content,
				type: false === content ? 'single' : ''
			} );
		},
		setPreview: function () {
			var data = {
				params: this.getParams(),
				tag: $( '#vc_atm-tag' ).val()
			};
			$( '#vc_shortcode-preview' ).html( this.getPreview( data ) );
			if ( this.active_preview ) {
				$( this.active_preview ).addClass( 'vc_active' );
			}
		},
		save: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			this.$el.find( '.vc_error' ).removeClass( 'vc_error' );
			var data = {
				tag: $( '#vc_atm-tag' ).val(),
				name: $( '#vc_atm-name' ).val(),
				category: $( '#vc_atm-category' ).val(),
				description: $( '#vc_atm-description' ).val(),
				params: this.getParams()
			};
			if ( this.isValid( data ) ) {
				this.model.save( data );
				show_message( window.i18nLocaleVcAutomapper.shortcode_updated, 'success' );
				this.close();
			} else {
				showValidationError( this.validationError, this.$el.find( '#vc_atm-save' ) );
			}
		},
		validate: function ( attrs ) {
			var result, added_param_names;
			$( '.vc_error,.form-invalid' ).removeClass( 'vc_error form-invalid' );
			result = false;
			added_param_names = {};
			if ( !attrs.name ) {
				$( '#vc_atm-name' ).addClass( 'vc_error' );
				$( '#vc_atm-header-name' ).parent().addClass( 'form-invalid' );
				return window.i18nLocaleVcAutomapper.error_shortcode_name_is_required;
			}
			if ( !attrs.tag || !attrs.tag.match( /^\S+$/ ) ) {
				$( '#vc_atm-tag' ).addClass( 'vc_error' ).parent().addClass( 'form-invalid' );
				return window.i18nLocaleVcAutomapper.error_enter_valid_shortcode_tag;
			}
			var fields_required = [
				'param_name',
				'heading',
				'type'
			];
			_.each( attrs.params, function ( param, index ) {
				var $field_el = $( '#vc_atm-params-list [name=param_name]:eq(' + index + ')' );
				if ( 'content' === param.param_name && !$field_el.data( 'system' ) ) {
					result = window.i18nLocaleVcAutomapper.error_content_param_not_manually;
					$field_el.addClass( 'vc_error' );
					$field_el.closest( '.vc_param-field' ).addClass( 'form-invalid' );
					return;
				}
				if ( _.isBoolean( added_param_names[ param.param_name ] ) && true == added_param_names[ param.param_name ] ) {
					$field_el.addClass( 'vc_error' );
					$field_el.closest( '.vc_param-field' ).addClass( 'form-invalid' );
					if ( !result ) {
						result = window.i18nLocaleVcAutomapper.error_param_already_exists.replace( /\%s/,
							param.param_name );
					}
				}
				added_param_names[ param.param_name ] = true;
				_.each( fields_required, function ( field ) {
					if ( ('hidden' !== param.type && '' === param[ field ]) || ('hidden' === param.type && 'heading' !== field && '' === param[ field ]) ) {
						$( '#vc_atm-params-list [name=' + field + ']:eq(' + index + ')' )
							.addClass( 'vc_error' )
							.closest( '.vc_param-field' )
							.addClass( 'form-invalid' );
						if ( !result ) {
							result = window.i18nLocaleVcAutomapper.error_enter_required_fields;
						}
					} else if ( 'param_name' === field && !param[ field ].match( /^[a-z0-9_]+$/g ) ) {
						$field_el
							.addClass( 'vc_error' )
							.closest( '.vc_param-field' )
							.addClass( 'form-invalid' );
						if ( !result ) {
							result = window.i18nLocaleVcAutomapper.error_wrong_param_name;
						}
					}
				}, this );
			}, this );

return result || null;
		},
		setContentParam: function ( e ) {
			var $control = $( e.currentTarget );
			if ( $control[ 0 ].checked ) {
				this.addParamField( {
					type: 'textarea',
					heading: 'Content',
					description: '',
					param_name: 'content',
					value: ''
				} );
				this.setParamSorting();
			} else {
				this.removeParamField( 'content' );
			}
			$('.edit-form-info').initializeTooltips('.vc_wrapper');
			this.setPreview();
		},
		addAllParams: function () {
			$( '#vc_atm-params-list' ).empty();
			_.each( this.model.get( 'params' ), function ( param ) {
				this.addParamField( param );
				if ( 'content' === param.param_name ) {
					$( '#vc_atm-is-container' ).prop( 'checked', true );
				}
			}, this );
			this.setParamSorting();
		},
		getParams: function () {
			var params = [];
			_.each( $( '.vc_param' ), function ( param ) {
				var $param = $( param );
				params.push( {
					param_name: $param.find( '[name=param_name]' ).val(),
					type: $param.find( '[name=type]' ).val(),
					description: $param.find( '[name=description]' ).val(),
					heading: $param.find( '[name=heading]' ).val(),
					value: $param.find( '[name=value]' ).val()
				} );
			}, this );
			return params;
		},
		addParam: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			this.addParamField( { type: '', heading: '', description: '', param_name: '', value: '' } );
			$('.edit-form-info').initializeTooltips('.vc_wrapper');
			this.setPreview();
		},
		removeParamField: function ( name ) {
			$( '.vc_param-name[value="' + name + '"]' ).parents( '.vc_param' ).remove();
		},
		addParamField: function ( attr ) {
			var $block = $( '<div class="vc_param wpb_vc_row' + ('content' === attr.param_name ? ' vc_content' : '') + '"/>' ).appendTo( '#vc_atm-params-list' );
			var template = vc.template( this.param_template_html, vc.templateOptions.custom );
			$block.html( template( attr ) );
		},
		setParamSorting: function () {
			$( '#vc_atm-params-list' ).sortable( {
				items: '> .vc_param',
				tolerance: "pointer",
				handle: '.vc_move-param',
				update: this.setPreview,
				placeholder: "vc_sortable-placeholder"
			} );
		},
		deleteParam: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			var $control;
			if ( confirm( window.i18nLocaleVcAutomapper.are_you_sure_delete_param ) ) {
				$control = $( e.currentTarget );
				$control.parents( '.vc_param' ).remove();
				this.setPreview();
			}
		},
		close: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			if ( this.model ) {
				$( '[data-item-id=' + this.model.get( 'id' ) + ']' ).show();
			}
			vc_am.current_form = false;
			$( '.vc_atm-message' ).remove();
			this.remove();
		},
		clear: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			if ( confirm( window.i18nLocaleVcAutomapper.are_you_sure_delete ) ) {
				this.model.destroy();
				this.close();
			}
		}
	} );
	var EditFormInnerView = EditFormView.extend( {
		template_html: $( '#vc_automapper-form-tpl' ).html(),
		getType: function () {
			return 'edit';
		},
		initialize: function () {
			_.bindAll( this, 'setPreview' );
		},
		render: function () {
			var params,
				parent = this.model.view;
			params = this.model.get( 'params' );
			EditFormView.__super__.render.call( this );
			var template = vc.template( this.template_html, vc.templateOptions.custom );
			this.$el.html( template( _.extend( { shortcode_preview: this.getPreview( this.model.toJSON() ) }, this.model.toJSON() ) ) );
			this.$el.appendTo( parent.$editForm() );
			parent.$widgetTitle().html(
				'<span class="vc_atm-header"><input type="text" name="name" value="" id="vc_atm-header-name" class="vc_header-name"></span><span class="in-widget-title"></span>' );
			$( '#vc_atm-header-name' ).val( this.model.get( 'name' ) );
			this.addAllParams();
			parent.$editForm().slideDown();
			$('.edit-form-info').initializeTooltips('.vc_wrapper');
			return this;
		},
		save: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			this.model.view.beforeSave();
			EditFormInnerView.__super__.save.call( this );
		},
		close: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			vc_am.current_form = false;
			this.model.view.close();
		},
		clear: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			if ( confirm( window.i18nLocaleVcAutomapper.are_you_sure_delete ) ) {
				this.model.view.clear();
				this.remove();
			}
		}
	} );
	var AppView = Backbone.View.extend( {
		events: {
			'click #vc_automapper-add-btn': 'create',
			'submit': 'formSubmit'
		},
		className: 'vc_atm-form',
		addFormView: false,
		initialize: function () {
			this.listenTo( vc_am.shortcodes, 'add', this.addOne );
			this.listenTo( vc_am.shortcodes, 'reset', this.addAll );
			this.listenTo( vc_am.shortcodes, 'all', this.render );
			this.$list = $( '.vc_automapper-list' );
			vc_am.shortcodes.fetch();
		},
		formSubmit: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			if ( _.isObject( e ) && this.addFormView && !_.isEmpty( e.currentTarget ) && !_.isEmpty( e.currentTarget[ 0 ] ) ) {
				var node, $el;
				node = e.currentTarget[ 0 ];
				$el = $( node );
				if ( $el.is( '#vc_atm-shortcode-string' ) ) {
					this.addFormView.parseShortcode();
				}
			}
		},
		addAll: function ( models ) {
			models.each( function ( model ) {
				this.addOne( model );
			}, this );
		},
		addOne: function ( model ) {
			var view = new ComplexShortcodeView( { model: model } );
			this.$list.append( view.render().el );
		},
		create: function ( e ) {
			if ( e && e.preventDefault ) {
				e.preventDefault();
			}
			if ( !vc_am.current_form || 'create' !== vc_am.current_form.getType() ) {
				this.addFormView = new AddFormView().render();
			}
		},
		render: function () {
		}
	} );
	if ( $vcSettings.length ) {
		new AppView( { el: $vcSettings } );
	}
})( window.jQuery );

Back to Directory File Manager