Skip to content

Instantly share code, notes, and snippets.

@davidwerks

davidwerks/jscomposer UI.js

Last active December 13, 2017 16:38
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidwerks/5e10489c1fb32e34d8168f43a18a7dce to your computer and use it in GitHub Desktop.
Save davidwerks/5e10489c1fb32e34d8168f43a18a7dce to your computer and use it in GitHub Desktop.
Download ZIP
Expanded version of jscomposer UI.js
Raw
jscomposer UI.js
function vc_toTitleCase(str) {
return str.replace(/\w\S*/g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
})
}
function vc_convert_column_size(width) {
var numbers = width ? width.split("/") : [1, 1],
range = _.range(1, 13),
num = !_.isUndefined(numbers[0]) && 0 <= _.indexOf(range, parseInt(numbers[0], 10)) && parseInt(numbers[0], 10),
dev = !_.isUndefined(numbers[1]) && 0 <= _.indexOf(range, parseInt(numbers[1], 10)) && parseInt(numbers[1], 10);
return !1 !== num && !1 !== dev ? "vc_col-sm-" + 12 * num / dev : "vc_col-sm-12"
}
function vc_convert_column_span_size(width) {
return width = width.replace(/^vc_/, ""), "span12" === width ? "1/1" : "span11" === width ? "11/12" : "span10" === width ? "5/6" : "span9" === width ? "3/4" : "span8" === width ? "2/3" : "span7" === width ? "7/12" : "span6" === width ? "1/2" : "span5" === width ? "5/12" : "span4" === width ? "1/3" : "span3" === width ? "1/4" : "span2" === width ? "1/6" : "span1" === width && "1/12"
}
function vc_get_column_mask(cells) {
var i, columns = cells.split("_"),
columns_count = columns.length,
numbers_sum = 0;
for (i in columns)
if (!isNaN(parseFloat(columns[i])) && isFinite(columns[i])) {
var sp = columns[i].match(/(\d{1,2})(\d{1,2})/);
numbers_sum = _.reduce(sp.slice(1), function(memo, num) {
return memo + parseInt(num, 10)
}, numbers_sum)
}
return columns_count + "" + numbers_sum
}
function vc_guid() {
return VCS4() + VCS4() + "-" + VCS4()
}
function VCS4() {
return (65536 * (1 + Math.random()) | 0).toString(16).substring(1)
}
function vc_button_param_target_callback() {
var $ = jQuery,
$link_target = this.$content.find("[name=target]").parents('[data-vc-ui-element="panel-shortcode-param"]:first'),
$link_field = $(".wpb-edit-form [name=href]"),
key_up_callback = _.debounce(function() {
var val = $(this).val();
0 < val.length && "http://" !== val && "https://" !== val ? $link_target.show() : $link_target.hide()
}, 300);
$link_field.keyup(key_up_callback).trigger("keyup")
}
function vc_cta_button_param_target_callback() {
var $ = jQuery,
$link_target = this.$content.find("[name=target]").parents('[data-vc-ui-element="panel-shortcode-param"]:first'),
$link_field = $(".wpb-edit-form [name=href]"),
key_up_callback = _.debounce(function() {
var val = $(this).val();
0 < val.length && "http://" !== val && "https://" !== val ? $link_target.show() : $link_target.hide()
}, 300);
$link_field.keyup(key_up_callback).trigger("keyup")
}
function vc_grid_exclude_dependency_callback() {
var $ = jQuery,
exclude_el = $(".wpb_vc_param_value[name=exclude]", this.$content),
exclude_obj = exclude_el.data("vc-param-object");
if (void 0 === exclude_obj) return !1;
var post_type_object = $('select.wpb_vc_param_value[name="post_type"]', this.$content),
val = post_type_object.val();
exclude_obj.source_data = function(request, response) {
return {
query: {
query: val,
term: request.term
}
}
}, exclude_obj.source_data_val = val, post_type_object.change(function() {
val = $(this).val(), exclude_obj.source_data_val != val && (exclude_obj.source_data = function(request, response) {
return {
query: {
query: val,
term: request.term
}
}
}, exclude_obj.$el.data("uiAutocomplete").destroy(), exclude_obj.$sortable_wrapper.find(".vc_data").remove(), exclude_obj.render(), exclude_obj.source_data_val = val)
})
}
function vcGridFilterExcludeCallBack() {
var $filterBy, $exclude, autocomplete, defaultValue, $ = jQuery;
if ($filterBy = $(".wpb_vc_param_value[name=filter_source]", this.$content), defaultValue = $filterBy.val(), $exclude = $(".wpb_vc_param_value[name=exclude_filter]", this.$content), void 0 === (autocomplete = $exclude.data("vc-param-object"))) return !1;
$filterBy.change(function() {
var $this = $(this);
defaultValue !== $this.val() && autocomplete.clearValue(), autocomplete.source_data = function() {
return {
vc_filter_by: $this.val()
}
}
}).trigger("change")
}
function vcChartCustomColorDependency() {
var $, $masterEl, $content;
$ = jQuery, $masterEl = $(".wpb_vc_param_value[name=style]", this.$content), $content = this.$content, $masterEl.on("change", function() {
var masterValue;
masterValue = $(this).val(), $content.toggleClass("vc_chart-edit-form-custom-color", "custom" === masterValue)
}), $masterEl.trigger("change")
}
function vc_wpnop(content) {
if (!content) return "";
var blocklist1, blocklist2, preserve_linebreaks = !1,
preserve_br = !1;
return -1 == content.indexOf("<pre") && -1 == content.indexOf("<script") || (preserve_linebreaks = !0, content = content.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) {
return a = a.replace(/<br ?\/?>(\r\n|\n)?/g, "<wp-temp-lb>"), a.replace(/<\/?p( [^>]*)?>(\r\n|\n)?/g, "<wp-temp-lb>")
})), -1 != content.indexOf("[caption") && (preserve_br = !0, content = content.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) {
return a.replace(/<br([^>]*)>/g, "<wp-temp-br$1>").replace(/[\r\n\t]+/, "")
})), blocklist1 = "blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|div|h[1-6]|p|fieldset", content = content.replace(new RegExp("\\s*</(" + blocklist1 + ")>\\s*", "g"), "</$1>\n"), content = content.replace(new RegExp("\\s*<((?:" + blocklist1 + ")(?: [^>]*)?)>", "g"), "\n<$1>"), content = content.replace(/(<p [^>]+>.*?)<\/p>/g, "$1</p#>"), content = content.replace(/<div( [^>]*)?>\s*<p>/gi, "<div$1>\n\n"), content = content.replace(/\s*<p>/gi, ""), content = content.replace(/\s*<\/p>\s*/gi, "\n\n"), content = content.replace(/\n[\s\u00a0]+\n/g, "\n\n"), content = content.replace(/\s*<br ?\/?>\s*/gi, "\n"), content = content.replace(/\s*<div/g, "\n<div"), content = content.replace(/<\/div>\s*/g, "</div>\n"), content = content.replace(/\s*\[caption([^\[]+)\[\/caption\]\s*/gi, "\n\n[caption$1[/caption]\n\n"), content = content.replace(/caption\]\n\n+\[caption/g, "caption]\n\n[caption"), blocklist2 = "blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|h[1-6]|pre|fieldset", content = content.replace(new RegExp("\\s*<((?:" + blocklist2 + ")(?: [^>]*)?)\\s*>", "g"), "\n<$1>"), content = content.replace(new RegExp("\\s*</(" + blocklist2 + ")>\\s*", "g"), "</$1>\n"), content = content.replace(/<li([^>]*)>/g, "\t<li$1>"), -1 != content.indexOf("<hr") && (content = content.replace(/\s*<hr( [^>]*)?>\s*/g, "\n\n<hr$1>\n\n")), -1 != content.indexOf("<object") && (content = content.replace(/<object[\s\S]+?<\/object>/g, function(a) {
return a.replace(/[\r\n]+/g, "")
})), content = content.replace(/<\/p#>/g, "</p>\n"), content = content.replace(/\s*(<p [^>]+>[\s\S]*?<\/p>)/g, "\n$1"), content = content.replace(/^\s+/, ""), content = content.replace(/[\s\u00a0]+$/, ""), preserve_linebreaks && (content = content.replace(/<wp-temp-lb>/g, "\n")), preserve_br && (content = content.replace(/<wp-temp-br([^>]*)>/g, "<br$1>")), content
}
function vc_wpautop(pee) {
var preserve_linebreaks = !1,
preserve_br = !1,
blocklist = "table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|option|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|noscript|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary";
return -1 != pee.indexOf("<object") && (pee = pee.replace(/<object[\s\S]+?<\/object>/g, function(a) {
return a.replace(/[\r\n]+/g, "")
})), pee = pee.replace(/<[^<>]+>/g, function(a) {
return a.replace(/[\r\n]+/g, " ")
}), -1 == pee.indexOf("<pre") && -1 == pee.indexOf("<script") || (preserve_linebreaks = !0, pee = pee.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) {
return a.replace(/(\r\n|\n)/g, "<wp-temp-lb>")
})), -1 != pee.indexOf("[caption") && (preserve_br = !0, pee = pee.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) {
return a = a.replace(/<br([^>]*)>/g, "<wp-temp-br$1>"), a = a.replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g, function(b) {
return b.replace(/[\r\n\t]+/, " ")
}), a.replace(/\s*\n\s*/g, "<wp-temp-br />")
})), pee += "\n\n", pee = pee.replace(/<br \/>\s*<br \/>/gi, "\n\n"), pee = pee.replace(new RegExp("(<(?:" + blocklist + ")(?: [^>]*)?>)", "gi"), "\n$1"), pee = pee.replace(new RegExp("(</(?:" + blocklist + ")>)", "gi"), "$1\n\n"), pee = pee.replace(/<hr( [^>]*)?>/gi, "<hr$1>\n\n"), pee = pee.replace(/\r\n|\r/g, "\n"), pee = pee.replace(/\n\s*\n+/g, "\n\n"), pee = pee.replace(/([\s\S]+?)\n\n/g, "<p>$1</p>\n"), pee = pee.replace(/<p>\s*?<\/p>/gi, ""), pee = pee.replace(new RegExp("<p>\\s*(</?(?:" + blocklist + ")(?: [^>]*)?>)\\s*</p>", "gi"), "$1"), pee = pee.replace(/<p>(<li.+?)<\/p>/gi, "$1"), pee = pee.replace(/<p>\s*<blockquote([^>]*)>/gi, "<blockquote$1><p>"), pee = pee.replace(/<\/blockquote>\s*<\/p>/gi, "</p></blockquote>"), pee = pee.replace(new RegExp("<p>\\s*(</?(?:" + blocklist + ")(?: [^>]*)?>)", "gi"), "$1"), pee = pee.replace(new RegExp("(</?(?:" + blocklist + ")(?: [^>]*)?>)\\s*</p>", "gi"), "$1"), pee = pee.replace(/\s*\n/gi, "<br />\n"), pee = pee.replace(new RegExp("(</?(?:" + blocklist + ")[^>]*>)\\s*<br />", "gi"), "$1"), pee = pee.replace(/<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, "$1"), pee = pee.replace(/(?:<p>|<br ?\/?>)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|<br ?\/?>)*/gi, "[caption$1[/caption]"), pee = pee.replace(/(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function(a, b, c) {
return c.match(/<p( [^>]*)?>/) ? a : b + "<p>" + c + "</p>"
}), preserve_linebreaks && (pee = pee.replace(/<wp-temp-lb>/g, "\n")), preserve_br && (pee = pee.replace(/<wp-temp-br([^>]*)>/g, "<br$1>")), pee
}
function vcAddShortcodeDefaultParams(model) {
var params = model.get("params"),
preset = model.get("preset");
params = _.extend({}, vc.getDefaults(model.get("shortcode")), params), preset && vc_all_presets[preset] && (params = vc_all_presets[preset], void 0 !== vc.frame_window && vc_all_presets[preset].css && vc.frame_window.vc_iframe.setCustomShortcodeCss(vc_all_presets[preset].css)), model.set({
params: params
}, {
silent: !0
})
}
function vc_globalHashCode(obj) {
return "string" != typeof obj && (obj = JSON.stringify(obj)), obj.length ? obj.split("").reduce(function(a, b) {
return (a = (a << 5) - a + b.charCodeAt(0)) & a
}, 0) : 0
}
function vcChartParamAfterAddCallback($elem, action) {
if ("new" !== action && "clone" !== action || $elem.find(".vc_control.column_toggle").click(), "new" === action) {
var i, $select, $options, random, exclude, colors;
for (exclude = ["white", "black"], $select = $elem.find("[name=values_color]"), $options = $select.find("option"), i = 0;;) {
if (100 < i++) break;
if (random = Math.floor(Math.random() * $options.length), -1 === jQuery.inArray($options.eq(random).val(), exclude)) {
$options.eq(random).prop("selected", !0), $select.change();
break
}
}
colors = ["#5472d2", "#00c1cf", "#fe6c61", "#8d6dc4", "#4cadc9", "#cec2ab", "#50485b", "#75d69c", "#f7be68", "#5aa1e3", "#6dab3c", "#f4524d", "#f79468", "#b97ebb", "#ebebeb", "#f7f7f7", "#0088cc", "#58b9da", "#6ab165", "#ff9900", "#ff675b", "#555555"], random = Math.floor(Math.random() * colors.length), $elem.find("[name=values_custom_color]").val(colors[random]).change()
}
}
function vcEscapeHtml(text) {
var map = {
"&": "&amp;",
"<": "&lt;",
">": "&gt;",
'"': "&quot;",
"'": "&#039;"
};
return null === text || void 0 === text ? "" : text.replace(/[&<>"']/g, function(m) {
return map[m]
})
}
function vc_slugify(text) {
return text.toLowerCase().replace(/[^\w ]+/g, "").replace(/ +/g, "-")
}
if (!window.vc) var vc = {};
! function() {
vc.templateOptions = {
default: {
evaluate: /<%([\s\S]+?)%>/g,
interpolate: /<%=([\s\S]+?)%>/g,
escape: /<%-([\s\S]+?)%>/g
},
custom: {
evaluate: /<#([\s\S]+?)#>/g,
interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
escape: /\{\{([^\}]+?)\}\}(?!\})/g
}
};
var noMatch = /(.)^/,
escapes = {
"'": "'",
"\\": "\\",
"\r": "r",
"\n": "n",
"\u2028": "u2028",
"\u2029": "u2029"
},
escapeRegExp = /\\|'|\r|\n|\u2028|\u2029/g,
escapeChar = function(match) {
return "\\" + escapes[match]
};
vc.template = function(text, settings) {
settings = _.defaults({}, settings, vc.templateOptions.default);
var matcher = RegExp([(settings.escape || noMatch).source, (settings.interpolate || noMatch).source, (settings.evaluate || noMatch).source].join("|") + "|$", "g"),
index = 0,
source = "__p+='";
text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
return source += text.slice(index, offset).replace(escapeRegExp, escapeChar), index = offset + match.length, escape ? source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'" : interpolate ? source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'" : evaluate && (source += "';\n" + evaluate + "\n__p+='"), match
}), source += "';\n", settings.variable || (source = "with(obj||{}){\n" + source + "}\n"), source = "var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n" + source + "return __p;\n";
var render;
try {
render = new Function(settings.variable || "obj", "_", source)
} catch (e) {
throw e.source = source, e
}
var template = function(data) {
return render.call(this, data, _)
};
return template.source = "function(" + (settings.variable || "obj") + "){\n" + source + "}", template
}
}(),
function($) {
"use strict";
_.isUndefined(window.vc) && (window.vc = {}), window.Vc_postSettingsEditor = Backbone.View.extend({
$editor: !1,
sel: "wpb_csseditor",
ace_enabled: !1,
initialize: function(sel) {
sel && 0 < sel.length && (this.sel = sel), this.ace_enabled = !0
},
aceEnabled: function() {
return this.ace_enabled && window.ace && window.ace.edit
},
setEditor: function(value) {
return this.aceEnabled() ? this.setEditorAce(value) : this.setEditorTextarea(value), this.$editor
},
focus: function() {
if (this.aceEnabled()) {
this.$editor.focus();
var count = this.$editor.session.getLength();
this.$editor.gotoLine(count, this.$editor.session.getLine(count - 1).length)
} else this.$editor.focus()
},
setEditorAce: function(value) {
this.$editor || (this.$editor = ace.edit(this.sel), this.$editor.getSession().setMode("ace/mode/css"), this.$editor.setTheme("ace/theme/chrome")), this.$editor.setValue(value), this.$editor.clearSelection(), this.$editor.focus();
var count = this.$editor.getSession().getLength();
return this.$editor.gotoLine(count, this.$editor.getSession().getLine(count - 1).length), this.$editor
},
setEditorTextarea: function(value) {
return this.$editor || (this.$editor = $("<textarea></textarea>").css({
width: "100%",
height: "100%",
minHeight: "300px"
}), $("#" + this.sel).empty().append(this.$editor).css({
overflowLeft: "hidden",
width: "100%",
height: "100%"
})), this.$editor.val(value), this.$editor.focus(), this.$editor.parent().css({
overflow: "auto"
}), this.$editor
},
setSize: function() {
var height = $(window).height() - 380;
this.aceEnabled() ? $("#" + this.sel).css({
height: height,
minHeight: height
}) : (this.$editor.parent().css({
height: height,
minHeight: height
}), this.$editor.css({
height: "98%",
width: "98%"
}))
},
setSizeResizable: function() {
var height, editorPositionTop, footerPositionTop, $editor = $("#" + this.sel);
editorPositionTop = $editor.offset().top, footerPositionTop = vc.active_panel.$el.find('[data-vc-ui-element="panel-footer"]').offset().top, height = footerPositionTop - editorPositionTop - 70, this.aceEnabled() ? $editor.css({
height: height,
minHeight: height
}) : (this.$editor.parent().css({
height: height,
minHeight: height
}), this.$editor.css({
height: "98%",
width: "98%"
}))
},
getEditor: function() {
return this.$editor
},
getValue: function() {
return this.aceEnabled() ? this.$editor.getValue() : this.$editor.val()
}
})
}(window.jQuery),
function(_, Backbone, vc) {
"use strict";
function ExtendUI(object) {
var newObject = this.extend(object);
return newObject.prototype._vcUIEventsHooks || (newObject.prototype._vcUIEventsHooks = []), object.uiEvents && newObject.prototype._vcUIEventsHooks.push(object.uiEvents), newObject
}
Backbone.View.vcExtendUI = ExtendUI, vc.View = Backbone.View.extend({
delegateEvents: function() {
vc.View.__super__.delegateEvents.call(this), this._vcUIEventsHooks && this._vcUIEventsHooks.length && _.each(this._vcUIEventsHooks, function(events) {
_.isObject(events) && _.each(events, function(methods, e) {
_.isString(methods) && _.each(methods.split(/\s+/), function(method) {
this.on(e, this[method], this)
}, this)
}, this)
}, this)
}
})
}(_, Backbone, vc),
function($) {
"use strict";
_.isUndefined(window.vc) && (window.vc = {}), vc.showSpinner = function() {
$("#vc_logo").addClass("vc_ui-wp-spinner")
}, vc.hideSpinner = function() {
$("#vc_logo").removeClass("vc_ui-wp-spinner")
}, $(document).ajaxSend(function(e, xhr, req) {
req && req.data && "string" == typeof req.data && req.data.match(/vc_inline=true/) && vc.showSpinner()
}).ajaxStop(function() {
vc.hideSpinner()
}), vc.active_panel = !1, vc.closeActivePanel = function(model) {
if (!this.active_panel) return !1;
model && vc.active_panel.model && vc.active_panel.model.get("id") === model.get("id") ? (vc.active_panel.model = null, this.active_panel.hide()) : model || (vc.active_panel.model = null, this.active_panel.hide())
}, vc.activePanelName = function() {
return this.active_panel && this.active_panel.panelName ? this.active_panel.panelName : null
}, vc.updateSettingsBadge = function() {
var value = vc.$custom_css.val();
value && "" !== value.trim() ? $("#vc_post-css-badge").show() : $("#vc_post-css-badge").hide()
}, vc.ModalView = Backbone.View.extend({
message_box_timeout: !1,
events: {
"hidden.bs.modal": "hide",
"shown.bs.modal": "shown"
},
initialize: function() {
_.bindAll(this, "setSize", "hide")
},
setSize: function() {
var height = $(window).height() - 150;
this.$content.css("maxHeight", height), this.trigger("setSize")
},
render: function() {
return $(window).bind("resize.ModalView", this.setSize), this.setSize(), vc.closeActivePanel(), this.$el.modal("show"), this
},
showMessage: function(text, type) {
this.message_box_timeout && this.$el.find(".vc_message").remove() && window.clearTimeout(this.message_box_timeout), this.message_box_timeout = !1;
var $message_box = $('<div class="vc_message type-' + type + '"></div>');
this.$el.find(".vc_modal-body").prepend($message_box), $message_box.text(text).fadeIn(), this.message_box_timeout = window.setTimeout(function() {
$message_box.remove()
}, 6e3)
},
hide: function() {
$(window).unbind("resize.ModalView")
},
shown: function() {}
}), vc.element_start_index = 0, vc.AddElementBlockView = vc.ModalView.extend({
el: $("#vc_add-element-dialog"),
prepend: !1,
builder: "",
events: {
"click .vc_shortcode-link": "createElement",
"keyup #vc_elements_name_filter": "filterElements",
"hidden.bs.modal": "hide",
"show.bs.modal": "buildFiltering",
"click .wpb-content-layouts-container [data-filter]": "filterElements",
"shown.bs.modal": "shown"
},
buildFiltering: function() {
this.do_render = !1;
var item_selector, tag, not_in;
item_selector = '[data-vc-ui-element="add-element-button"]', tag = this.model ? this.model.get("shortcode") : "vc_column", not_in = this._getNotIn(tag), $("#vc_elements_name_filter").val(""), this.$content.addClass("vc_filter-all"), this.$content.attr("data-vc-ui-filter", "*");
var mapped = vc.getMapped(tag),
as_parent = !(!tag || _.isUndefined(mapped.as_parent)) && mapped.as_parent;
if (_.isObject(as_parent)) {
var parent_selector = [];
_.isString(as_parent.only) && parent_selector.push(_.reduce(as_parent.only.replace(/\s/, "").split(","), function(memo, val) {
return memo + (_.isEmpty(memo) ? "" : ",") + '[data-element="' + val.trim() + '"]'
}, "")), _.isString(as_parent.except) && parent_selector.push(_.reduce(as_parent.except.replace(/\s/, "").split(","), function(memo, val) {
return memo + ':not([data-element="' + val.trim() + '"])'
}, "")), item_selector += parent_selector.join(",")
} else not_in && (item_selector = not_in);
tag && !_.isUndefined(mapped.allowed_container_element) && (mapped.allowed_container_element ? _.isString(mapped.allowed_container_element) && (item_selector += ":not([data-is-container=true]), [data-element=" + mapped.allowed_container_element + "]") : item_selector += ":not([data-is-container=true])"), this.$buttons.removeClass("vc_visible").addClass("vc_inappropriate"), $(item_selector, this.$content).removeClass("vc_inappropriate").addClass("vc_visible"), this.hideEmptyFilters()
},
hideEmptyFilters: function() {
this.$el.find(".vc_filter-content-elements .active").removeClass("active"), this.$el.find(".vc_filter-content-elements > :first").addClass("active");
var self = this;
this.$el.find("[data-filter]").each(function() {
$($(this).data("filter") + ".vc_visible:not(.vc_inappropriate)", self.$content).length ? $(this).parent().show() : $(this).parent().hide()
})
},
render: function(model, prepend) {
return this.builder = new vc.ShortcodesBuilder, this.prepend = !!_.isBoolean(prepend) && prepend, this.place_after_id = !!_.isString(prepend) && prepend, this.model = !!_.isObject(model) && model, this.$content = this.$el.find('[data-vc-ui-element="panel-add-element-list"]'), this.$buttons = $('[data-vc-ui-element="add-element-button"]', this.$content), this.preventDoubleExecution = !1, vc.AddElementBlockView.__super__.render.call(this)
},
hide: function() {
this.do_render && (this.show_settings && this.showEditForm(), this.exit())
},
showEditForm: function() {
vc.edit_element_block_view.render(this.builder.last())
},
exit: function() {
this.builder.render()
},
createElement: function(e) {
var $control, tag, row_params, column_params, row_inner_params, _this, i;
if (!this.preventDoubleExecution) {
this.preventDoubleExecution = !0, this.do_render = !0, e.preventDefault(), $control = $(e.currentTarget), tag = $control.data("tag"), row_params = {}, row_inner_params = {}, column_params = {
width: "1/1"
}, !1 === this.model && "vc_row" !== tag ? (this.builder.create({
shortcode: "vc_row",
params: row_params
}).create({
shortcode: "vc_column",
parent_id: this.builder.lastID(),
params: column_params
}), this.model = this.builder.last()) : !1 !== this.model && "vc_row" === tag && (tag += "_inner");
var params = {
shortcode: tag,
parent_id: !!this.model && this.model.get("id"),
params: "vc_row_inner" === tag ? row_inner_params : {}
};
if (this.prepend) {
params.order = 0;
var shortcodeFirst = vc.shortcodes.findWhere({
parent_id: this.model.get("id")
});
shortcodeFirst && (params.order = shortcodeFirst.get("order") - 1), vc.activity = "prepend"
} else this.place_after_id && (params.place_after_id = this.place_after_id);
for (this.builder.create(params), i = this.builder.models.length - 1; i >= 0; i--) this.builder.models[i].get("shortcode");
"vc_row" === tag ? this.builder.create({
shortcode: "vc_column",
parent_id: this.builder.lastID(),
params: column_params
}) : "vc_row_inner" === tag && (column_params = {
width: "1/1"
}, this.builder.create({
shortcode: "vc_column_inner",
parent_id: this.builder.lastID(),
params: column_params
}));
var mapped = vc.getMapped(tag);
if (_.isString(mapped.default_content) && mapped.default_content.length) {
var newData = this.builder.parse({}, mapped.default_content, this.builder.last().toJSON());
_.each(newData, function(object) {
object.default_content = !0, this.builder.create(object)
}, this)
}
this.show_settings = !(_.isBoolean(mapped.show_settings_on_create) && !1 === mapped.show_settings_on_create), _this = this, this.$el.one("hidden.bs.modal", function() {
_this.preventDoubleExecution = !1
}).modal("hide")
}
},
_getNotIn: _.memoize(function(tag) {
return '[data-vc-ui-element="add-element-button"]:not(' + _.reduce(vc.map, function(memo, shortcode) {
var separator = _.isEmpty(memo) ? "" : ",";
return _.isObject(shortcode.as_child) ? (_.isString(shortcode.as_child.only) && (_.contains(shortcode.as_child.only.replace(/\s/, "").split(","), tag) || (memo += separator + "[data-element=" + shortcode.base + "]")), _.isString(shortcode.as_child.except) && _.contains(shortcode.as_child.except.replace(/\s/, "").split(","), tag) && (memo += separator + "[data-element=" + shortcode.base + "]")) : !1 === shortcode.as_child && (memo += separator + "[data-element=" + shortcode.base + "]"), memo
}, "") + ")"
}),
filterElements: function(e) {
e.stopPropagation(), e.preventDefault();
var $control = $(e.currentTarget),
filter = '[data-vc-ui-element="add-element-button"]',
name_filter = $("#vc_elements_name_filter").val();
if (this.$content.removeClass("vc_filter-all"), $control.is("[data-filter]")) {
$(".wpb-content-layouts-container .isotope-filter .active", this.$content).removeClass("active"), $control.parent().addClass("active");
var filter_value = $control.data("filter");
filter += filter_value, "*" === filter_value ? this.$content.addClass("vc_filter-all") : this.$content.removeClass("vc_filter-all"), this.$content.attr("data-vc-ui-filter", filter_value.replace(".js-category-", "")), $("#vc_elements_name_filter").val("")
} else 0 < name_filter.length ? (filter += ":containsi('" + name_filter + "'):not('.vc_element-deprecated')", $(".wpb-content-layouts-container .isotope-filter .active", this.$content).removeClass("active"), this.$content.attr("data-vc-ui-filter", "name:" + name_filter)) : name_filter.length || ($('.wpb-content-layouts-container .isotope-filter [data-filter="*"]').parent().addClass("active"), this.$content.attr("data-vc-ui-filter", "*"), this.$content.addClass("vc_filter-all"));
$(".vc_visible", this.$content).removeClass("vc_visible"), $(filter, this.$content).addClass("vc_visible")
},
shown: function() {
vc.is_mobile || $("#vc_elements_name_filter").focus()
}
}), vc.AddElementBlockViewBackendEditor = vc.AddElementBlockView.extend({
render: function(model, prepend) {
return this.prepend = !!_.isBoolean(prepend) && prepend, this.place_after_id = !!_.isString(prepend) && prepend, this.model = !!_.isObject(model) && model, this.$content = this.$el.find('[data-vc-ui-element="panel-add-element-list"]'), this.$buttons = $('[data-vc-ui-element="add-element-button"]', this.$content), vc.AddElementBlockView.__super__.render.call(this)
},
createElement: function(e) {
var that, row_params, column_params, row_inner_params, column_inner_params;
if (!this.preventDoubleExecution) {
this.preventDoubleExecution = !0;
var model, column, row;
_.isObject(e) && e.preventDefault(), this.do_render = !0;
var tag = $(e.currentTarget).data("tag");
row_params = {}, column_params = {
width: "1/1"
}, !1 === this.model ? (row = vc.shortcodes.create({
shortcode: "vc_row",
params: row_params
}), column = vc.shortcodes.create({
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
}), model = "vc_row" !== tag ? vc.shortcodes.create({
shortcode: tag,
parent_id: column.id,
root_id: row.id
}) : row) : "vc_row" === tag ? (row_inner_params = {}, column_inner_params = {
width: "1/1"
}, row = vc.shortcodes.create({
shortcode: "vc_row_inner",
params: row_inner_params,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.getNextOrder()
}), model = vc.shortcodes.create({
shortcode: "vc_column_inner",
params: column_inner_params,
parent_id: row.id,
root_id: row.id
})) : model = vc.shortcodes.create({
shortcode: tag,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.getNextOrder(),
root_id: this.model.get("root_id")
}), this.show_settings = !(_.isBoolean(vc.getMapped(tag).show_settings_on_create) && !1 === vc.getMapped(tag).show_settings_on_create), this.model = model, this.model.get("shortcode"), that = this, this.$el.one("hidden.bs.modal", function() {
that.preventDoubleExecution = !1
}).modal("hide")
}
},
showEditForm: function() {
vc.edit_element_block_view.render(this.model)
},
exit: function() {},
getFirstPositionIndex: function() {
return vc.element_start_index -= 1, vc.element_start_index
}
}), vc.PanelView = vc.View.extend({
mediaSizeClassPrefix: "vc_media-",
customMediaQuery: !0,
panelName: "panel",
draggable: !1,
$body: !1,
$tabs: !1,
$content: !1,
events: {
"click [data-dismiss=panel]": "hide",
"mouseover [data-transparent=panel]": "addOpacity",
"click [data-transparent=panel]": "toggleOpacity",
"mouseout [data-transparent=panel]": "removeOpacity",
"click .vc_panel-tabs-link": "changeTab"
},
_vcUIEventsHooks: [{
resize: "setResize"
}],
options: {
startTab: 0
},
clicked: !1,
showMessageDisabled: !0,
initialize: function() {
this.clicked = !1, this.$el.removeClass("vc_panel-opacity"), this.$body = $("body"), this.$content = this.$el.find(".vc_panel-body"), _.bindAll(this, "setSize", "fixElContainment", "changeTab", "setTabsSize"), this.on("show", this.setSize, this), this.on("setSize", this.setResize, this), this.on("render", this.resetMinimize, this)
},
toggleOpacity: function() {
this.clicked = !this.clicked
},
addOpacity: function() {
!this.clicked && this.$el.addClass("vc_panel-opacity")
},
removeOpacity: function() {
!this.clicked && this.$el.removeClass("vc_panel-opacity")
},
message_box_timeout: !1,
init: function() {},
render: function() {
return this.trigger("render"), this.trigger("afterRender"), this
},
show: function() {
if (!this.$el.hasClass("vc_active")) {
vc.closeActivePanel(), this.init(), vc.active_panel = this, this.clicked = !1, this.$el.removeClass("vc_panel-opacity");
var $tabs = this.$el.find(".vc_panel-tabs");
$tabs.length && (this.$tabs = $tabs, this.setTabs()), this.$el.addClass("vc_active"), this.draggable ? this.initDraggable() : $(window).trigger("resize"), this.fixElContainment(), this.trigger("show")
}
},
hide: function(e) {
e && e.preventDefault(), this.model && (this.model = null), vc.active_panel = !1, this.$el.removeClass("vc_active")
},
content: function() {
return this.$el.find(".panel-body")
},
setResize: function() {
this.customMediaQuery && this.setMediaSizeClass()
},
setMediaSizeClass: function() {
var modalWidth, classes;
modalWidth = this.$el.width(), classes = {
xs: !0,
sm: !1,
md: !1,
lg: !1
}, 525 <= modalWidth && (classes.sm = !0), 745 <= modalWidth && (classes.md = !0), 945 <= modalWidth && (classes.lg = !0), _.each(classes, function(value, key) {
value ? this.$el.addClass(this.mediaSizeClassPrefix + key) : this.$el.removeClass(this.mediaSizeClassPrefix + key)
}, this)
},
fixElContainment: function() {
this.$body || (this.$body = $("body"));
var el_w = this.$el.width(),
container_w = this.$body.width(),
container_h = this.$body.height(),
containment = [20 - el_w, 0, container_w - 20, container_h - 30],
positions = this.$el.position(),
new_positions = {};
positions.left < containment[0] && (new_positions.left = containment[0]), 0 > positions.top && (new_positions.top = 0), positions.left > containment[2] && (new_positions.left = containment[2]), positions.top > containment[3] && (new_positions.top = containment[3]), this.$el.css(new_positions), this.trigger("fixElContainment"), this.setSize()
},
initDraggable: function() {
this.$el.draggable({
iframeFix: !0,
handle: ".vc_panel-heading",
start: this.fixElContainment,
stop: this.fixElContainment
}), this.draggable = !0
},
setSize: function() {
this.trigger("setSize")
},
setTabs: function() {
this.$tabs.length && (this.$tabs.find(".vc_panel-tabs-control").removeClass("vc_active").eq(this.options.startTab).addClass("vc_active"), this.$tabs.find(".vc_panel-tab").removeClass("vc_active").eq(this.options.startTab).addClass("vc_active"), window.setTimeout(this.setTabsSize, 100))
},
setTabsSize: function() {
this.$tabs && this.$tabs.parents(".vc_with-tabs.vc_panel-body").css("margin-top", this.$tabs.find(".vc_panel-tabs-menu").outerHeight())
},
changeTab: function(e) {
if (e && e.preventDefault && e.preventDefault(), e.target && this.$tabs) {
var $tab = $(e.target);
this.$tabs.find(".vc_active").removeClass("vc_active"), $tab.parent().addClass("vc_active"), this.$el.find($tab.data("target")).addClass("vc_active"), window.setTimeout(this.setTabsSize, 100)
}
},
showMessage: function(text, type) {
if (this.showMessageDisabled) return !1;
this.message_box_timeout && this.$el.find(".vc_panel-message").remove() && window.clearTimeout(this.message_box_timeout), this.message_box_timeout = !1;
var $message_box = $('<div class="vc_panel-message type-' + type + '"></div>').appendTo(this.$el.find(".vc_ui-panel-content-container"));
$message_box.text(text).fadeIn(), this.message_box_timeout = window.setTimeout(function() {
$message_box.remove()
}, 6e3)
},
isVisible: function() {
return this.$el.is(":visible")
},
resetMinimize: function() {
this.$el.removeClass("vc_panel-opacity")
}
}), vc.PostSettingsPanelView = vc.PanelView.extend({
events: {
"click [data-save=true]": "save",
"click [data-dismiss=panel]": "hide",
"click [data-transparent=panel]": "toggleOpacity",
"mouseover [data-transparent=panel]": "addOpacity",
"mouseout [data-transparent=panel]": "removeOpacity"
},
saved_css_data: "",
saved_title: "",
$title: !1,
editor: !1,
post_settings_editor: !1,
initialize: function() {
vc.$custom_css = $("#vc_post-custom-css"), this.saved_css_data = vc.$custom_css.val(), this.saved_title = vc.title, this.initEditor(), this.$body = $("body"), _.bindAll(this, "setSize", "fixElContainment"), this.on("show", this.setSize, this), this.on("setSize", this.setResize, this), this.on("render", this.resetMinimize, this)
},
initEditor: function() {
this.editor = new Vc_postSettingsEditor
},
render: function() {
return this.trigger("render"), this.$title = this.$el.find("#vc_page-title-field"), this.$title.val(vc.title), this.setEditor(), this.trigger("afterRender"), this
},
setEditor: function() {
this.editor.setEditor(vc.$custom_css.val())
},
setSize: function() {
this.editor.setSize(), this.trigger("setSize")
},
save: function() {
if (this.$title) {
var title = this.$title.val();
title != vc.title && vc.frame.setTitle(title)
}
this.setAlertOnDataChange(), vc.$custom_css.val(this.editor.getValue()), vc.frame_window && vc.frame_window.vc_iframe.loadCustomCss(vc.$custom_css.val()), vc.updateSettingsBadge(), this.showMessage(window.i18nLocale.css_updated, "success"), this.trigger("save")
},
setAlertOnDataChange: function() {
this.saved_css_data !== this.editor.getValue() ? vc.setDataChanged() : this.$title && this.saved_title !== this.$title.val() && vc.setDataChanged()
}
}), vc.PostSettingsPanelViewBackendEditor = vc.PostSettingsPanelView.extend({
render: function() {
return this.trigger("render"), this.setEditor(), this.trigger("afterRender"), this
},
setAlertOnDataChange: function() {
vc.saved_custom_css !== this.editor.getValue() && window.tinymce && (window.switchEditors.go("content", "tmce"), window.setTimeout(function() {
window.tinymce.get("content").isNotDirty = !1
}, 1e3))
},
save: function() {
vc.PostSettingsPanelViewBackendEditor.__super__.save.call(this), this.hide()
}
}), vc.TemplatesEditorPanelView = vc.PanelView.extend({
events: {
"click [data-dismiss=panel]": "hide",
"click [data-transparent=panel]": "toggleOpacity",
"mouseover [data-transparent=panel]": "addOpacity",
"mouseout [data-transparent=panel]": "removeOpacity",
"click .wpb_remove_template": "removeTemplate",
"click [data-template_id]": "loadTemplate",
"click [data-template_name]": "loadDefaultTemplate",
"click #vc_template-save": "saveTemplate"
},
render: function() {
this.trigger("render"),
this.$name = $("#vc_template-name"), this.$list = $("#vc_template-list");
var $tabs = $("#vc_tabs-templates");
return $tabs.find(".vc_edit-form-tab-control").removeClass("vc_active").eq(0).addClass("vc_active"), $tabs.find('[data-vc-ui-element="panel-edit-element-tab"]').removeClass("vc_active").eq(0).addClass("vc_active"), $tabs.find(".vc_edit-form-link").click(function(e) {
e.preventDefault();
var $this = $(this);
$tabs.find(".vc_active").removeClass("vc_active"), $this.parent().addClass("vc_active"), $($this.attr("href")).addClass("vc_active")
}), this.trigger("afterRender"), this
},
removeTemplate: function(e) {
e && e.preventDefault();
var $button = $(e.currentTarget),
template_name = $button.closest('[data-vc-ui-element="template-title"]').text();
confirm(window.i18nLocale.confirm_deleting_template.replace("{template_name}", template_name)) && ($button.closest('[data-vc-ui-element="template"]').remove(), this.$list.html(window.i18nLocale.loading), $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "wpb_delete_template",
template_id: $button.attr("rel"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
context: this
}).done(function(html) {
this.$list.html(html)
}))
},
loadTemplate: function(e) {
e && e.preventDefault();
var $button = $(e.currentTarget);
$.ajax({
type: "POST",
url: vc.frame_window.location.href,
data: {
action: "vc_frontend_template",
template_id: $button.data("template_id"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
context: this
}).done(function(html) {
var template, data;
_.each($(html), function(element) {
if ("vc_template-data" === element.id) try {
data = JSON.parse(element.innerHTML)
} catch (e) {
vcConsoleLog(e, "catching template data error")
}
"vc_template-html" === element.id && (template = element.innerHTML)
}), template && data && vc.builder.buildFromTemplate(template, data), this.showMessage(window.i18nLocale.template_added, "success"), vc.closeActivePanel()
})
},
ajaxData: function($button) {
return {
action: "vc_frontend_default_template",
template_name: $button.data("template_name"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
loadDefaultTemplate: function(e) {
e && e.preventDefault();
var $button = $(e.currentTarget);
$.ajax({
type: "POST",
url: vc.frame_window.location.href,
data: this.ajaxData($button),
context: this
}).done(function(html) {
var template, data;
_.each($(html), function(element) {
if ("vc_template-data" === element.id) try {
data = JSON.parse(element.innerHTML)
} catch (e) {
vcConsoleLog(e, "catching template data error")
}
"vc_template-html" === element.id && (template = element.innerHTML)
}), template && data && vc.builder.buildFromTemplate(template, data), this.showMessage(window.i18nLocale.template_added, "success")
})
},
saveTemplate: function(e) {
e.preventDefault();
var data, shortcodes, name = this.$name.val();
if (_.isString(name) && name.length) {
if (shortcodes = this.getPostContent(), !shortcodes.trim().length) return this.showMessage(window.i18nLocale.template_is_empty, "error"), !1;
data = {
action: "wpb_save_template",
template: shortcodes,
template_name: name,
frontend: !0,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}, this.$name.val(""), this.showMessage(window.i18nLocale.template_save, "success"), this.reloadTemplateList(data)
} else this.showMessage(window.i18nLocale.please_enter_templates_name, "error")
},
reloadTemplateList: function(data) {
this.$list.html(window.i18nLocale.loading).load(window.ajaxurl, data)
},
getPostContent: function() {
return vc.builder.getContent()
}
}), vc.TemplatesEditorPanelViewBackendEditor = vc.TemplatesEditorPanelView.extend({
ajaxData: function($button) {
return {
action: "vc_backend_template",
template_id: $button.attr("data-template_id"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
loadTemplate: function(e) {
e.preventDefault();
var $button = $(e.currentTarget);
$.ajax({
type: "POST",
url: window.ajaxurl,
data: this.ajaxData($button),
context: this
}).done(function(shortcodes) {
_.each(vc.filters.templates, function(callback) {
shortcodes = callback(shortcodes)
}), vc.storage.append(shortcodes), vc.shortcodes.fetch({
reset: !0
}), vc.closeActivePanel()
})
},
loadDefaultTemplate: function(e) {
e.preventDefault();
var $button = $(e.currentTarget);
$.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "vc_backend_default_template",
template_name: $button.attr("data-template_name"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
context: this
}).done(function(shortcodes) {
_.each(vc.filters.templates, function(callback) {
shortcodes = callback(shortcodes)
}), vc.storage.append(shortcodes), vc.shortcodes.fetch({
reset: !0
})
})
},
getPostContent: function() {
return vc.storage.getContent()
}
}), vc.TemplatesPanelViewBackend = vc.PanelView.extend({
$name: !1,
$list: !1,
template_load_action: "vc_backend_load_template",
templateLoadPreviewAction: "vc_load_template_preview",
save_template_action: "vc_save_template",
delete_template_action: "vc_delete_template",
appendedTemplateType: "my_templates",
appendedTemplateCategory: "my_templates",
appendedCategory: "my_templates",
appendedClass: "my_templates",
loadUrl: window.ajaxurl,
events: $.extend(vc.PanelView.prototype.events, {
"click .vc_template-save-btn": "saveTemplate",
"click [data-template_id] [data-template-handler]": "loadTemplate",
"click .vc_template-delete-icon": "removeTemplate"
}),
initialize: function() {
_.bindAll(this, "checkInput", "saveTemplate"), vc.TemplatesPanelViewBackend.__super__.initialize.call(this)
},
render: function() {
return this.$el.css("left", ($(window).width() - this.$el.width()) / 2), this.$name = this.$el.find('[data-js-element="vc-templates-input"]'), this.$name.off("keypress").on("keypress", this.checkInput), this.$list = this.$el.find(".vc_templates-list-my_templates"), vc.TemplatesPanelViewBackend.__super__.render.call(this)
},
saveTemplate: function(e) {
e && e.preventDefault && e.preventDefault();
var data, shortcodes, name = this.$name.val(),
_this = this;
return _.isString(name) && name.length ? (shortcodes = this.getPostContent(), shortcodes.trim().length ? (data = {
action: this.save_template_action,
template: shortcodes,
template_name: name,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}, void this.setButtonMessage(void 0, void 0, !0).reloadTemplateList(data, function() {
_this.$name.val("").change()
}, function() {
_this.showMessage(window.i18nLocale.template_save_error, "error"), _this.clearButtonMessage()
})) : (this.showMessage(window.i18nLocale.template_is_empty, "error"), !1)) : (this.showMessage(window.i18nLocale.please_enter_templates_name, "error"), !1)
},
checkInput: function(e) {
if (13 === e.which) return this.saveTemplate(), !1
},
removeTemplate: function(e) {
e && e.preventDefault(), e.stopPropagation();
var $button = $(e.target),
$template = $button.closest("[data-template_id]"),
template_name = $template.find('[data-vc-ui-element="template-title"]').text();
if (confirm(window.i18nLocale.confirm_deleting_template.replace("{template_name}", template_name))) {
var template_id = $template.data("template_id"),
template_type = $template.data("template_type"),
template_action = $template.data("template_action");
$template.remove(), $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: template_action || this.delete_template_action,
template_id: template_id,
template_type: template_type,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
context: this
}).done(function() {
this.showMessage(window.i18nLocale.template_removed, "success"), vc.events.trigger("templates:delete", {
id: template_id,
type: template_type
})
})
}
},
reloadTemplateList: function(data, successCallback, errorCallback) {
var _this = this;
$.ajax({
type: "POST",
url: window.ajaxurl,
data: data,
context: this
}).done(function(html) {
_this.filter = !1, _this.$list || (_this.$list = _this.$el.find(".vc_templates-list-my_templates")), _this.$list.prepend($(html)), "function" == typeof successCallback && successCallback(html)
}).error("function" == typeof errorCallback ? errorCallback : function() {})
},
getPostContent: function() {
return vc.shortcodes.stringify("template")
},
loadTemplate: function(e) {
e.preventDefault(), e.stopPropagation();
var $template = $(e.target).closest("[data-template_id][data-template_type]");
$.ajax({
type: "POST",
url: this.loadUrl,
data: {
action: this.template_load_action,
template_unique_id: $template.data("template_id"),
template_type: $template.data("template_type"),
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
context: this
}).done(this.renderTemplate)
},
renderTemplate: function(html) {
var models;
_.each(vc.filters.templates, function(callback) {
html = callback(html)
}), models = vc.storage.parseContent({}, html), _.each(models, function(model) {
vc.shortcodes.create(model)
}), vc.closeActivePanel()
},
buildTemplatePreview: function(e) {
e && e.preventDefault && e.preventDefault();
try {
var url, $el = $(e.currentTarget),
$wrapper = $el.closest("[data-template_id]");
if ($wrapper.hasClass("vc_active") || $wrapper.hasClass("vc_loading")) $el.vcAccordion("collapseTemplate");
else {
var $localContent = $wrapper.find("[data-js-content]"),
localContentChilds = $localContent.children().length > 0;
if (this.$content = $localContent, this.$content.find("iframe").length) return $el.vcAccordion("collapseTemplate"), !0;
var _this = this;
$el.vcAccordion("collapseTemplate", function() {
var templateId = $wrapper.data("template_id"),
templateType = $wrapper.data("template_type");
if (templateId && !localContentChilds) {
var question = "?";
window.ajaxurl.indexOf("?") > -1 && (question = "&"), url = window.ajaxurl + question + $.param({
action: _this.templateLoadPreviewAction,
template_unique_id: templateId,
template_type: templateType,
vc_inline: !0,
post_id: $("#post_ID").val(),
_vcnonce: window.vcAdminNonce
}), $el.find("i").addClass("vc_ui-wp-spinner"), _this.$content.html('<iframe style="width: 100%;" data-vc-template-preview-frame="' + templateId + '"></iframe>');
var $frame = _this.$content.find("[data-vc-template-preview-frame]");
$frame.attr("src", url), $wrapper.addClass("vc_loading"), $frame.load(function() {
$wrapper.removeClass("vc_loading"), $el.find("i").removeClass("vc_ui-wp-spinner")
})
}
})
}
} catch (e) {
window.console && window.console.error && window.console.error(e), this.showMessage("Failed to build preview", "error")
}
},
setTemplatePreviewSize: function(height) {
var iframe = this.$content.find("iframe");
iframe.length > 0 && (iframe = iframe[0], void 0 === height && (iframe.height = iframe.contentWindow.document.body.offsetHeight, height = iframe.contentWindow.document.body.scrollHeight), iframe.height = height + "px")
}
}), vc.TemplatesPanelViewFrontend = vc.TemplatesPanelViewBackend.extend({
template_load_action: "vc_frontend_load_template",
loadUrl: !1,
initialize: function() {
this.loadUrl = vc.$frame.attr("src"), vc.TemplatesPanelViewFrontend.__super__.initialize.call(this)
},
render: function() {
return vc.TemplatesPanelViewFrontend.__super__.render.call(this)
},
renderTemplate: function(html) {
var template, data;
_.each($(html), function(element) {
if ("vc_template-data" === element.id) try {
data = JSON.parse(element.innerHTML)
} catch (e) {
vcConsoleLog(e)
}
"vc_template-html" === element.id && (template = element.innerHTML)
}), template && data && vc.builder.buildFromTemplate(template, data) ? this.showMessage(window.i18nLocale.template_added_with_id, "error") : this.showMessage(window.i18nLocale.template_added, "success"), vc.closeActivePanel()
}
}), vc.RowLayoutEditorPanelView = vc.PanelView.extend({
events: {
"click [data-dismiss=panel]": "hide",
"click [data-transparent=panel]": "toggleOpacity",
"mouseover [data-transparent=panel]": "addOpacity",
"mouseout [data-transparent=panel]": "removeOpacity",
"click .vc_layout-btn": "setLayout",
"click #vc_row-layout-update": "updateFromInput"
},
_builder: !1,
render: function(model) {
return this.$input = $("#vc_row-layout"), model && (this.model = model), this.addCurrentLayout(), this.resetMinimize(), vc.column_trig_changes = !0, this
},
builder: function() {
return this._builder || (this._builder = new vc.ShortcodesBuilder), this._builder
},
addCurrentLayout: function() {
vc.shortcodes.sort();
var string = _.map(vc.shortcodes.where({
parent_id: this.model.get("id")
}), function(model) {
var width = model.getParam("width");
return width || "1/1"
}, "", this).join(" + ");
this.$input.val(string)
},
isBuildComplete: function() {
return this.builder().isBuildComplete()
},
setLayout: function(e) {
if (e && e.preventDefault(), !this.isBuildComplete()) return !1;
var $control = $(e.currentTarget),
layout = $control.attr("data-cells"),
columns = this.model.view.convertRowColumns(layout, this.builder());
this.$input.val(columns.join(" + "))
},
updateFromInput: function(e) {
if (e && e.preventDefault(), !this.isBuildComplete()) return !1;
var layout, cells = this.$input.val();
!1 !== (layout = this.validateCellsList(cells)) ? this.model.view.convertRowColumns(layout, this.builder()) : window.alert(window.i18nLocale.wrong_cells_layout)
},
validateCellsList: function(cells) {
var b, num, denom, return_cells = [],
split = cells.replace(/\s/g, "").split("+");
return !(1e3 <= _.reduce(_.map(split, function(c) {
if (c.match(/^[vc\_]{0,1}span\d{1,2}$/)) {
var converted_c = vc_convert_column_span_size(c);
return !1 === converted_c ? 1e3 : (b = converted_c.split(/\//), return_cells.push(b[0] + "" + b[1]), 12 * parseInt(b[0], 10) / parseInt(b[1], 10))
}
return c.match(/^[1-9]|1[0-2]\/[1-9]|1[0-2]$/) ? (b = c.split(/\//), num = parseInt(b[0], 10), 0 != 12 % (denom = parseInt(b[1], 10)) || num > denom ? 1e3 : (return_cells.push(num + "" + b[1]), 12 * num / denom)) : 1e3
}), function(num, memo) {
return memo += num
}, 0)) && return_cells.join("_")
}
}), vc.RowLayoutEditorPanelViewBackend = vc.RowLayoutEditorPanelView.extend({
builder: function() {
return this.builder || (this.builder = vc.storage), this.builder
},
isBuildComplete: function() {
return !0
},
setLayout: function(e) {
e && e.preventDefault();
var $control = $(e.currentTarget),
layout = $control.attr("data-cells"),
columns = this.model.view.convertRowColumns(layout);
this.$input.val(columns.join(" + "))
}
}), $(window).on("orientationchange", function() {
vc.active_panel && vc.active_panel.$el.css({
top: "",
left: "auto",
height: "auto",
width: "auto"
})
}), $(window).bind("resize.fixElContainment", function() {
vc.active_panel && vc.active_panel.fixElContainment && vc.active_panel.fixElContainment()
}), $("body").on("keyup change input", "[data-vc-disable-empty]", function() {
var _this = $(this),
$target = $(_this.data("vcDisableEmpty"));
_this.val().length ? $target.removeProp("disabled") : $target.prop("disabled", !0)
})
}(window.jQuery),
function($) {
"use strict";
var TabsLine, Plugin, old;
TabsLine = function(element, options) {
var _this = this;
this.options = options, this.$element = $(element), this.$dropdownContainer = this.$element.find(this.options.dropdownContainerSelector), this.$dropdown = this.$dropdownContainer.find(this.options.dropdownSelector), this.options.delayInit ? (_this.$element.addClass(this.options.initializingClass), setTimeout(function() {
_this.options.autoRefresh || _this.refresh(), _this.moveTabs(), _this.$element.removeClass(_this.options.initializingClass)
}, _this.options.delayInitTime)) : (this.options.autoRefresh || this.refresh(), this.moveTabs()), $(window).on("resize", $.proxy(this.moveTabs, this)), this.$dropdownContainer.on("click.vc.tabsLine", $.proxy(this.checkDropdownContainerActive, this))
}, TabsLine.DEFAULTS = {
initializingClass: "vc_initializing",
delayInit: !1,
delayInitTime: 1e3,
activeClass: "vc_active",
visibleClass: "vc_visible",
dropdownContainerSelector: '[data-vc-ui-element="panel-tabs-line-toggle"]',
dropdownSelector: '[data-vc-ui-element="panel-tabs-line-dropdown"]',
tabSelector: '>li:not([data-vc-ui-element="panel-tabs-line-toggle"])',
dropdownTabSelector: "li",
freeSpaceOffset: 5,
autoRefresh: !1,
showDevInfo: !1
}, TabsLine.prototype.refresh = function() {
var addClick, _this = this;
return _this.tabs = [], _this.dropdownTabs = [], _this.$element.find(_this.options.tabSelector).each(function() {
_this.tabs.push({
$tab: $(this),
width: $(this).outerWidth()
})
}), _this.$dropdown.find(_this.options.dropdownTabSelector).each(function() {
var $tempElement = $(this).clone().css({
visibility: "hidden",
position: "fixed"
});
$tempElement.appendTo(_this.$element), _this.dropdownTabs.push({
$tab: $(this),
width: $tempElement.outerWidth()
}), $tempElement.remove(), $(this).on("click", _this.options.onTabClick)
}), "function" == typeof this.options.onTabClick && (addClick = function(el) {
void 0 === el.$tab.data("tabClickSet") && (el.$tab.on("click", $.proxy(_this.options.onTabClick, el.$tab)), el.$tab.data("tabClickSet", !0))
}, _this.tabs.map(addClick), _this.dropdownTabs.map(addClick)), this
}, TabsLine.prototype.moveLastToDropdown = function() {
var $element;
return this.tabs.length && ($element = this.tabs.pop(), $element.$tab.prependTo(this.$dropdown), this.dropdownTabs.unshift($element)), this.checkDropdownContainer(), this
}, TabsLine.prototype.moveFirstToContainer = function() {
var $element;
return this.dropdownTabs.length && ($element = this.dropdownTabs.shift(), $element.$tab.appendTo(this.$element), this.tabs.push($element)), this.checkDropdownContainer(), this
}, TabsLine.prototype.getTabsWidth = function() {
var tabsWidth = 0;
return this.tabs.forEach(function(entry) {
tabsWidth += entry.width
}), tabsWidth
}, TabsLine.prototype.isDropdownContainerVisible = function() {
return this.$dropdownContainer.hasClass(this.options.visibleClass)
}, TabsLine.prototype.getFreeSpace = function() {
var freeSpace = this.$element.width() - this.getTabsWidth() - this.options.freeSpaceOffset;
return this.isDropdownContainerVisible() && (freeSpace -= this.$dropdownContainer.outerWidth(), 1 === this.dropdownTabs.length && 0 <= freeSpace - this.dropdownTabs[0].width + this.$dropdownContainer.outerWidth() && (freeSpace += this.$dropdownContainer.outerWidth())), freeSpace
}, TabsLine.prototype.moveTabsToDropdown = function() {
for (var tabsCount = this.tabs.length, i = tabsCount - 1; 0 <= i; i--) {
if (!(0 > this.getFreeSpace())) return this;
this.moveLastToDropdown()
}
return this
}, TabsLine.prototype.moveDropdownToTabs = function() {
for (var dropdownTabsCount = this.dropdownTabs.length, i = 0; i < dropdownTabsCount; i++) {
if (!(0 <= this.getFreeSpace() - this.dropdownTabs[0].width)) return this;
this.moveFirstToContainer()
}
return this
}, TabsLine.prototype.showDropdownContainer = function() {
return this.$dropdownContainer.addClass(this.options.visibleClass), this
}, TabsLine.prototype.hideDropdownContainer = function() {
return this.$dropdownContainer.removeClass(this.options.visibleClass), this
}, TabsLine.prototype.activateDropdownContainer = function() {
return this.$dropdownContainer.addClass(this.options.activeClass), this
}, TabsLine.prototype.deactivateDropdownContainer = function() {
return this.$dropdownContainer.removeClass(this.options.activeClass), this
}, TabsLine.prototype.checkDropdownContainerActive = function() {
return this.$dropdown.find("." + this.options.activeClass + ":first").length ? this.activateDropdownContainer() : this.deactivateDropdownContainer(), this
}, TabsLine.prototype.checkDropdownContainer = function() {
return this.dropdownTabs.length ? this.showDropdownContainer() : this.hideDropdownContainer(), this.checkDropdownContainerActive(), this
}, TabsLine.prototype.moveTabs = function() {
return this.options.autoRefresh && this.refresh(), this.checkDropdownContainer(), this.moveTabsToDropdown(), this.moveDropdownToTabs(), this.options.showDevInfo && this.showDevInfo(), this
}, TabsLine.prototype.showDevInfo = function() {
var $devInfoBlock = $("#vc-ui-tabs-line-dev-info");
$devInfoBlock.length && (this.$devBlock = $devInfoBlock), void 0 === this.$devBlock && (this.$devBlock = $('<div id="vc-ui-tabs-line-dev-info" />').css({
position: "fixed",
right: "40px",
top: "40px",
padding: "7px 12px",
border: "1px solid rgba(0, 0, 0, .2)",
background: "rgba(0, 0, 0, .7)",
color: "#0a0",
"border-radius": "5px",
"font-family": "tahoma",
"font-size": "12px",
"z-index": 1100
}), this.$devBlock.appendTo("body")), void 0 === this.$devInfo && (this.$devInfo = $("<div />").css({
"margin-bottom": "7px",
"padding-bottom": "7px",
"border-bottom": "1px dashed rgba(0, 200, 0, .35)"
}), this.$devInfo.appendTo(this.$devBlock)), this.$devInfo.empty(), this.$devInfo.append($("<div />").text("Tabs count: " + this.tabs.length)), this.$devInfo.append($("<div />").text("Dropdown count: " + this.dropdownTabs.length)), this.$devInfo.append($("<div />").text("El width: " + this.$element.width())), this.$devInfo.append($("<div />").text("Tabs width: " + this.getTabsWidth())), this.$devInfo.append($("<div />").text("Tabs width with dots: " + (this.getTabsWidth() + this.$dropdownContainer.outerWidth()))), this.$devInfo.append($("<div />").text("Free space: " + this.getFreeSpace())), this.tabs.length && this.$devInfo.append($("<div />").text("Last tab width: " + this.tabs[this.tabs.length - 1].width)), this.dropdownTabs.length && this.$devInfo.append($("<div />").text("First dropdown tab width: " + this.dropdownTabs[0].width))
}, Plugin = function(option) {
return this.each(function() {
var $this = $(this),
optionsData = $this.data("vcUiTabsLine"),
data = $this.data("vc.tabsLine"),
options = $.extend(!0, {}, TabsLine.DEFAULTS, $this.data(), optionsData, "object" == typeof option && option),
action = "string" == typeof option ? option : options.action;
data || $this.data("vc.tabsLine", data = new TabsLine(this, options)), action && data[action]()
})
}, old = $.fn.vcTabsLine, $.fn.vcTabsLine = Plugin, $.fn.vcTabsLine.Constructor = TabsLine, $.fn.vcTabsLine.noConflict = function() {
return $.fn.vcTabsLine = old, this
}, $(window).on("load", function() {
$("[data-vc-ui-tabs-line]").each(function() {
var $vcTabsLine = $(this);
Plugin.call($vcTabsLine, $vcTabsLine.data())
})
})
}(window.jQuery),
function($) {
"use strict";
vc.HelperAjax = {
ajax: !1,
checkAjax: function() {
this.ajax && this.ajax.abort()
},
resetAjax: function() {
this.ajax = !1
}
}
}(window.jQuery),
function($) {
"use strict";
vc.HelperPrompts = {
uiEvents: {
render: "removeAllPrompts"
},
removeAllPrompts: function() {
this.$el.find(".vc_ui-panel-content-container").removeClass("vc_ui-content-hidden"), this.$el.find(".vc_ui-prompt").remove()
}
}
}(window.jQuery),
function($) {
"use strict";
vc.HelperPanelViewDraggable = {
draggable: !0,
draggableOptions: {
iframeFix: !0,
handle: '[data-vc-ui-element="panel-heading"]'
},
uiEvents: {
show: "initDraggable"
},
initDraggable: function() {
this.$el.draggable(_.extend({}, this.draggableOptions, {
start: this.fixElContainment,
stop: this.fixElContainment
}))
}
}
}(window.jQuery),
function($) {
"use strict";
vc.HelperPanelViewResizable = {
sizeInitialized: !1,
uiEvents: {
show: "setSavedSize initResize",
tabChange: "setDefaultHeightSettings",
afterMinimize: "setupOnMinimize",
afterUnminimize: "initResize",
fixElContainment: "saveUIPanelSizes"
},
setDefaultHeightSettings: function() {
this.$el.css("height", "auto"), this.$el.css("maxHeight", "75vh")
},
initResize: function() {
var _this = this;
this.$el.data("uiResizable") && this.$el.resizable("destroy"), this.$el.resizable({
minHeight: 240,
minWidth: 380,
resize: function() {
_this.trigger("resize")
},
handles: "n, e, s, w, ne, se, sw, nw",
start: function(e, ui) {
_this.trigger("beforeResizeStart"), _this.$el.css("maxHeight", "none"), _this.$el.css("height", ui.size.height), $("iframe").css("pointerEvents", "none"), _this.trigger("afterResizeStart")
},
stop: function() {
_this.trigger("beforeResizeStop"), $("iframe").css("pointerEvents", ""), _this.saveUIPanelSizes(), _this.trigger("afterResizeStop")
}
}), this.content().addClass("vc_properties-list-init"), this.trigger("resize")
},
setSavedSize: function() {
if (this.setDefaultHeightSettings(), vc.is_mobile) return !1;
var sizes = {
width: getUserSetting(this.panelName + "_vcUIPanelWidth"),
left: getUserSetting(this.panelName + "_vcUIPanelLeft").replace("minus", "-"),
top: getUserSetting(this.panelName + "_vcUIPanelTop").replace("minus", "-")
};
_.isEmpty(sizes.width) || this.$el.width(sizes.width), _.isEmpty(sizes.left) || this.$el.css("left", sizes.left), _.isEmpty(sizes.top) || this.$el.css("top", sizes.top), this.sizeInitialized = !0
},
saveUIPanelSizes: function() {
if (!1 === this.sizeInitialized) return !1;
var sizes = {
width: this.$el.width(),
left: parseInt(this.$el.css("left"), 10),
top: parseInt(this.$el.css("top"), 10)
};
setUserSetting(this.panelName + "_vcUIPanelWidth", sizes.width), setUserSetting(this.panelName + "_vcUIPanelLeft", sizes.left.toString().replace("-", "minus") + "px"), setUserSetting(this.panelName + "_vcUIPanelTop", sizes.top.toString().replace("-", "minus") + "px")
},
setupOnMinimize: function() {
this.$el.data("uiResizable") && this.$el.resizable("destroy"), this.$el.resizable({
minWidth: 380,
handles: "w, e",
start: function(e) {
$("iframe").css("pointerEvents", "none")
},
stop: function() {
$("iframe").css("pointerEvents", "")
}
})
}
}
}(window.jQuery),
function($) {
"use strict";
vc.HelperTemplatesPanelViewSearch = {
searchSelector: "[data-vc-templates-name-filter]",
events: {
"keyup [data-vc-templates-name-filter]": "searchTemplate",
"search [data-vc-templates-name-filter]": "searchTemplate"
},
uiEvents: {
show: "focusToSearch"
},
focusToSearch: function() {
vc.is_mobile || $(this.searchSelector, this.$el).focus()
},
searchTemplate: function(e) {
var $el = $(e.currentTarget);
$el.val().length ? this.searchByName($el.val()) : this.clearSearch()
},
clearSearch: function() {
this.$el.find("[data-vc-templates-name-filter]").val(""), this.$el.find("[data-template_name]").css("display", "block"), this.$el.removeAttr("data-vc-template-search"), this.$el.find(".vc-search-result-empty").removeClass("vc-search-result-empty");
var ev = new jQuery.Event("click");
ev.isClearSearch = !0, this.$el.find('.vc_panel-tabs-control:first [data-vc-ui-element="panel-tab-control"]').trigger(ev)
},
searchByName: function(name) {
this.$el.find(".vc_panel-tabs-control.vc_active").removeClass("vc_active"), this.$el.attr("data-vc-template-search", "true"), this.$el.find("[data-template_name]").css("display", "none"), this.$el.find('[data-template_name*="' + vc_slugify(name) + '"]').css("display", "block"), this.$el.find('[data-vc-ui-element="panel-edit-element-tab"]').each(function() {
var $el = $(this);
$el.removeClass("vc-search-result-empty"), $el.find("[data-template_name]:visible").length || $el.addClass("vc-search-result-empty")
})
}
}
}(window.jQuery),
function($) {
"use strict";
vc.HelperPanelViewHeaderFooter = {
buttonMessageTimeout: !1,
events: {
'click [data-vc-ui-element="button-save"]': "save",
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="button-minimize"]': "toggleOpacity"
},
uiEvents: {
save: "setButtonMessage",
render: "clearButtonMessage"
},
resetMinimize: function() {
this.$el.removeClass("vc_panel-opacity"), this.$el.removeClass("vc_minimized")
},
toggleOpacity: function(e) {
e.preventDefault();
var _this = this,
$target = this.$el,
$panel = $target.find($target.data("vcPanel")),
$panelContainer = $panel.closest($panel.data("vcPanelContainer")),
$trigger = $(e.currentTarget);
void 0 === $target.data("vcHasHeight") && $target.data("vcHasHeight", function($element, property) {
var styles = $element.attr("style"),
hasStyle = !1;
return styles && styles.split(";").forEach(function(e) {
var style = e.split(":");
"height" === $.trim(style[0]) && (hasStyle = !0)
}), hasStyle
}($target)), $target.hasClass("vc_minimized") ? (void 0 === $target.data("vcMinimizeHeight") && $target.data("vcMinimizeHeight", $(window).height() - .2 * $(window).height()), $target.animate({
height: $target.data("vcMinimizeHeight")
}, {
duration: 400,
start: function() {
$trigger.prop("disabled", !0), $target.addClass("vc_animating"), _this.tabsMenu && _this.tabsMenu() && _this.tabsMenu().vcTabsLine("moveTabs")
},
complete: function() {
$target.removeClass("vc_minimized"), $target.removeClass("vc_animating"), $target.data("vcHasHeight") || $target.css({
height: ""
}), _this.trigger("afterUnminimize"), $trigger.prop("disabled", !1)
}
})) : ($target.data("vcMinimizeHeight", $target.height()), $target.animate({
height: $panel.outerHeight() + $panelContainer.outerHeight() - $panelContainer.height()
}, {
duration: 400,
start: function() {
$trigger.prop("disabled", !0), $target.addClass("vc_animating")
},
complete: function() {
$target.addClass("vc_minimized"), $target.removeClass("vc_animating"), $target.css({
height: ""
}), _this.trigger("afterMinimize"), $trigger.prop("disabled", !1)
}
}))
},
setButtonMessage: function(message, type, showInBackend) {
var currentTextHtml, $saveBtn;
return void 0 === showInBackend && (showInBackend = !1), this.clearButtonMessage = _.bind(this.clearButtonMessage, this), !showInBackend && !vc.frame_window || this.buttonMessageTimeout ? this : (void 0 === message && (message = window.i18nLocale.ui_saved), void 0 === type && (type = "success"), $saveBtn = this.$el.find('[data-vc-ui-element="button-save"]'), currentTextHtml = $saveBtn.html(), $saveBtn.addClass("vc_ui-button-" + type + " vc_ui-button-undisabled").removeClass("vc_ui-button-action").data("vcCurrentTextHtml", currentTextHtml).data("vcCurrentTextType", type).html(message), _.delay(this.clearButtonMessage, 5e3), this.buttonMessageTimeout = !0, this)
},
clearButtonMessage: function() {
var type, currentTextHtml, $saveBtn;
this.buttonMessageTimeout && (window.clearTimeout(this.buttonMessageTimeout), $saveBtn = this.$el.find('[data-vc-ui-element="button-save"]'), currentTextHtml = $saveBtn.data("vcCurrentTextHtml") || "Save", type = $saveBtn.data("vcCurrentTextType"), $saveBtn.html(currentTextHtml).removeClass("vc_ui-button-" + type + " vc_ui-button-undisabled").addClass("vc_ui-button-action"), this.buttonMessageTimeout = !1)
}
}
}(window.jQuery),
function($) {
"use strict";
vc.TemplateWindowUIPanelBackendEditor = vc.TemplatesPanelViewBackend.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperTemplatesPanelViewSearch).extend({
panelName: "template_window",
showMessageDisabled: !1,
initialize: function() {
vc.TemplateWindowUIPanelBackendEditor.__super__.initialize.call(this), this.trigger("show", this.initTemplatesTabs, this)
},
show: function() {
this.clearSearch(), vc.TemplateWindowUIPanelBackendEditor.__super__.show.call(this)
},
initTemplatesTabs: function() {
this.$el.find('[data-vc-ui-element="panel-tabs-controls"]').vcTabsLine("moveTabs")
},
showMessage: function(text, type) {
var wrapperCssClasses;
if (this.showMessageDisabled) return !1;
wrapperCssClasses = "vc_col-xs-12 wpb_element_wrapper", this.message_box_timeout && this.$el.find("[data-vc-panel-message]").remove() && window.clearTimeout(this.message_box_timeout), this.message_box_timeout = !1;
var $messageBox, messageBoxTemplate = vc.template('<div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-<%- color %>"><div class="vc_message_box-icon"><i class="fa fa fa-<%- icon %>"></i></div><p><%- text %></p></div>');
switch (type) {
case "error":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "danger",
icon: "times",
text: text
}));
break;
case "warning":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "warning",
icon: "exclamation-triangle",
text: text
}));
break;
case "success":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "success",
icon: "check",
text: text
}))
}
$messageBox.prependTo(this.$el.find('[data-vc-ui-element="panel-edit-element-tab"].vc_row.vc_active')), $messageBox.fadeIn(), this.message_box_timeout = window.setTimeout(function() {
$messageBox.remove()
}, 6e3)
},
changeTab: function(e) {
e.preventDefault(), e && !e.isClearSearch && this.clearSearch();
var $tab = $(e.currentTarget);
$tab.parent().hasClass("vc_active") || (this.$el.find('[data-vc-ui-element="panel-tabs-controls"] .vc_active:not([data-vc-ui-element="panel-tabs-line-dropdown"])').removeClass("vc_active"), $tab.parent().addClass("vc_active"), this.$el.find('[data-vc-ui-element="panel-edit-element-tab"].vc_active').removeClass("vc_active"), this.$el.find($tab.data("vcUiElementTarget")).addClass("vc_active"), this.$tabsMenu && this.$tabsMenu.vcTabsLine("checkDropdownContainerActive"))
},
setPreviewFrameHeight: function(templateID, height) {
parseInt(height) < 100 && (height = 100), $('data-vc-template-preview-frame="' + templateID + '"').height(height)
}
}), vc.TemplateWindowUIPanelBackendEditor.prototype.events = $.extend(!0, vc.TemplateWindowUIPanelBackendEditor.prototype.events, {
'click [data-vc-ui-element="button-save"]': "save",
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="button-minimize"]': "toggleOpacity",
"keyup [data-vc-templates-name-filter]": "searchTemplate",
"search [data-vc-templates-name-filter]": "searchTemplate",
"click .vc_template-save-btn": "saveTemplate",
"click [data-template_id] [data-template-handler]": "loadTemplate",
'click [data-vc-container=".vc_ui-list-bar"][data-vc-preview-handler]': "buildTemplatePreview",
'click [data-vc-ui-delete="template-title"]': "removeTemplate",
'click [data-vc-ui-element="panel-tab-control"]': "changeTab"
}), vc.TemplateWindowUIPanelFrontendEditor = vc.TemplatesPanelViewFrontend.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperTemplatesPanelViewSearch).extend({
panelName: "template_window",
showMessageDisabled: !1,
show: function() {
this.clearSearch(), vc.TemplateWindowUIPanelFrontendEditor.__super__.show.call(this)
},
showMessage: function(text, type) {
if (this.showMessageDisabled) return !1;
this.message_box_timeout && this.$el.find("[data-vc-panel-message]").remove() && window.clearTimeout(this.message_box_timeout), this.message_box_timeout = !1;
var $messageBox, wrapperCssClasses, messageBoxTemplate = vc.template('<div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-<%- color %>"><div class="vc_message_box-icon"><i class="fa fa fa-<%- icon %>"></i></div><p><%- text %></p></div>');
switch (wrapperCssClasses = "vc_col-xs-12 wpb_element_wrapper", type) {
case "error":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "danger",
icon: "times",
text: text
}));
break;
case "warning":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "warning",
icon: "exclamation-triangle",
text: text
}));
break;
case "success":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "success",
icon: "check",
text: text
}))
}
$messageBox.prependTo(this.$el.find('[data-vc-ui-element="panel-edit-element-tab"].vc_row.vc_active')), $messageBox.fadeIn(), this.message_box_timeout = window.setTimeout(function() {
$messageBox.remove()
}, 6e3)
},
changeTab: function(e) {
e.preventDefault(), e && !e.isClearSearch && this.clearSearch();
var $tab = $(e.currentTarget);
$tab.parent().hasClass("vc_active") || (this.$el.find('[data-vc-ui-element="panel-tabs-controls"] .vc_active:not([data-vc-ui-element="panel-tabs-line-dropdown"])').removeClass("vc_active"), $tab.parent().addClass("vc_active"), this.$el.find('[data-vc-ui-element="panel-edit-element-tab"].vc_active').removeClass("vc_active"), this.$el.find($tab.data("vcUiElementTarget")).addClass("vc_active"), this.$tabsMenu && this.$tabsMenu.vcTabsLine("checkDropdownContainerActive"))
}
}), $.fn.vcAccordion.Constructor.prototype.collapseTemplate = function(showCallback) {
var $allTriggers, $activeTriggers, $this, $triggers;
$this = this.$element;
var i;
if (i = 0, $allTriggers = this.getContainer().find("[data-vc-preview-handler]").each(function() {
var accordion, $this;
$this = $(this), accordion = $this.data("vc.accordion"), void 0 === accordion && ($this.vcAccordion(), accordion = $this.data("vc.accordion")), accordion && accordion.setIndex && accordion.setIndex(i++)
}), $activeTriggers = $allTriggers.filter(function() {
var $this, accordion;
return $this = $(this), accordion = $this.data("vc.accordion"), accordion.getTarget().hasClass(accordion.activeClass)
}), $triggers = $activeTriggers.filter(function() {
return $this[0] !== this
}), $triggers.length && $.fn.vcAccordion.call($triggers, "hide"), this.isActive()) $.fn.vcAccordion.call($this, "hide");
else {
$.fn.vcAccordion.call($this, "show");
var $triggerPanel = $this.closest(".vc_ui-list-bar-item"),
$wrapper = $this.closest("[data-template_id]"),
$panel = $wrapper.closest("[data-vc-ui-element=panel-content]").parent();
setTimeout(function() {
if (Math.round($wrapper.offset().top - $panel.offset().top) < 0) {
var posit = Math.round($wrapper.offset().top - $panel.offset().top + $panel.scrollTop() - $triggerPanel.height());
$panel.animate({
scrollTop: posit
}, 400)
}
"function" == typeof showCallback && showCallback($wrapper, $panel)
}, 400)
}
}
}(window.jQuery),
function($) {
"use strict";
vc.element_start_index = 0, vc.AddElementUIPanelBackendEditor = vc.PanelView.vcExtendUI(vc.HelperPanelViewHeaderFooter).extend({
el: "#vc_ui-panel-add-element",
searchSelector: "#vc_elements_name_filter",
prepend: !1,
builder: "",
events: {
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="panel-tab-control"]': "filterElements",
"click .vc_shortcode-link": "createElement",
"keyup #vc_elements_name_filter": "filterElements",
"search #vc_elements_name_filter": "filterElements",
"click [data-vc-manage-elements]": "openPresetWindow"
},
initialize: function() {
vc.AddElementUIPanelBackendEditor.__super__.initialize.call(this), vc.events.on("shortcodes:add", this.addCustomCssStyleTag.bind(this)), vc.events.on("vc:savePreset", this.updateAddElementPopUp.bind(this)), vc.events.on("vc:deletePreset", this.removePresetFromAddElementPopUp.bind(this))
},
render: function(model, prepend) {
return _.isUndefined(vc.ShortcodesBuilder) || (this.builder = new vc.ShortcodesBuilder), this.$el.is(":hidden") && vc.closeActivePanel(), vc.active_panel = this, this.prepend = !!_.isBoolean(prepend) && prepend, this.place_after_id = !!_.isString(prepend) && prepend, this.model = !!_.isObject(model) && model, this.$content = this.$el.find('[data-vc-ui-element="panel-add-element-list"]'), this.$buttons = $('[data-vc-ui-element="add-element-button"]', this.$content), this.buildFiltering(), this.$el.find('[data-vc-ui-element="panel-tab-control"]').eq(0).click(), this.show(), this.$el.find('[data-vc-ui-element="panel-tabs-controls"]').vcTabsLine("moveTabs"), vc.is_mobile || $(this.searchSelector).focus(), vc.AddElementUIPanelBackendEditor.__super__.render.call(this)
},
buildFiltering: function() {
var itemSelector, tag, notIn, asParent, parentSelector;
itemSelector = '[data-vc-ui-element="add-element-button"]', notIn = this._getNotIn(this.model ? this.model.get("shortcode") : ""), $(this.searchSelector).val(""), this.$content.addClass("vc_filter-all"), this.$content.attr("data-vc-ui-filter", "*"), tag = this.model ? this.model.get("shortcode") : "vc_column", asParent = !(!tag || _.isUndefined(vc.getMapped(tag).as_parent)) && vc.getMapped(tag).as_parent, _.isObject(asParent) ? (parentSelector = [], _.isString(asParent.only) && parentSelector.push(_.reduce(asParent.only.replace(/\s/, "").split(","), function(memo, val) {
return memo + (_.isEmpty(memo) ? "" : ",") + '[data-element="' + val.trim() + '"]'
}, "")), _.isString(asParent.except) && parentSelector.push(_.reduce(asParent.except.replace(/\s/, "").split(","), function(memo, val) {
return memo + ':not([data-element="' + val.trim() + '"])'
}, "")), itemSelector += parentSelector.join(",")) : notIn && (itemSelector = notIn), !1 === tag || _.isUndefined(vc.getMapped(tag).allowed_container_element) || (!1 === vc.getMapped(tag).allowed_container_element ? itemSelector += ":not([data-is-container=true])" : _.isString(vc.getMapped(tag).allowed_container_element) && (itemSelector += ":not([data-is-container=true]), [data-element=" + vc.getMapped(tag).allowed_container_element + "]")), this.$buttons.removeClass("vc_visible").addClass("vc_inappropriate"), $(itemSelector, this.$content).removeClass("vc_inappropriate").addClass("vc_visible"), this.hideEmptyFilters()
},
hideEmptyFilters: function() {
var _this = this;
this.$el.find('[data-vc-ui-element="panel-add-element-tab"].vc_active').removeClass("vc_active"), this.$el.find('[data-vc-ui-element="panel-add-element-tab"]:first').addClass("vc_active"), this.$el.find("[data-filter]").each(function() {
$($(this).data("filter") + ".vc_visible:not(.vc_inappropriate)", _this.$content).length ? $(this).parent().show() : $(this).parent().hide()
})
},
_getNotIn: _.memoize(function(tag) {
return '[data-vc-ui-element="add-element-button"]:not(' + _.reduce(vc.map, function(memo, shortcode) {
var separator;
return separator = _.isEmpty(memo) ? "" : ",", _.isObject(shortcode.as_child) ? (_.isString(shortcode.as_child.only) && (_.contains(shortcode.as_child.only.replace(/\s/, "").split(","), tag) || (memo += separator + "[data-element=" + shortcode.base + "]")), _.isString(shortcode.as_child.except) && _.contains(shortcode.as_child.except.replace(/\s/, "").split(","), tag) && (memo += separator + "[data-element=" + shortcode.base + "]")) : !1 === shortcode.as_child && (memo += separator + "[data-element=" + shortcode.base + "]"), memo
}, "") + ")"
}),
filterElements: function(e) {
_.isObject(e) ? e.preventDefault() && e.stopPropagation() : e = window.event;
var filterValue, $visibleElements, $control = $(e.currentTarget),
filter = '[data-vc-ui-element="add-element-button"]',
nameFilter = $(this.searchSelector).val();
this.$content.removeClass("vc_filter-all"), $('[data-vc-ui-element="panel-add-element-tab"].vc_active').removeClass("vc_active"), $control.is("[data-filter]") ? ($control.parent().addClass("vc_active"), filterValue = $control.data("filter"), filter += filterValue, "*" === filterValue ? this.$content.addClass("vc_filter-all") : this.$content.removeClass("vc_filter-all"), this.$content.attr("data-vc-ui-filter", filterValue.replace(".js-category-", "")), $(this.searchSelector).val("")) : nameFilter.length ? (filter += ":containsi('" + nameFilter + "'):not('.vc_element-deprecated')", this.$content.attr("data-vc-ui-filter", "name:" + nameFilter)) : nameFilter.length || ($('[data-vc-ui-element="panel-tab-control"][data-filter="*"]').parent().addClass("vc_active"), this.$content.attr("data-vc-ui-filter", "*").addClass("vc_filter-all")), $(".vc_visible", this.$content).removeClass("vc_visible"), $(filter, this.$content).addClass("vc_visible"), nameFilter.length && 13 === (e.keyCode || e.which) && ($visibleElements = $(".vc_visible:not(.vc_inappropriate)", this.$content), 1 === $visibleElements.length && $visibleElements.find("[data-vc-clickable]").click())
},
createElement: function(e) {
e && e.preventDefault && e.preventDefault();
var model, column, row, showSettings, row_params, inner_row_params, column_params, inner_column_params, tag, $control, preset, presetType, closestPreset;
if ($control = $(e.currentTarget), tag = $control.data("tag"), row_params = {}, column_params = {
width: "1/1"
}, closestPreset = $control.closest("[data-preset]"), closestPreset && (preset = closestPreset.data("preset"), presetType = closestPreset.data("element")), !1 === this.model)
if (vc.storage.lock(), "vc_section" === tag) {
var modelOptions = {
shortcode: tag
};
preset && "vc_section" === presetType && (modelOptions.preset = preset), model = vc.shortcodes.create(modelOptions)
} else {
var rowOptions = {
shortcode: "vc_row",
params: row_params
};
preset && presetType === tag && (rowOptions.preset = preset), row = vc.shortcodes.create(rowOptions);
var columnOptions = {
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
};
if (preset && "vc_column" === presetType && (columnOptions.preset = preset), column = vc.shortcodes.create(columnOptions), model = row, "vc_row" !== tag) {
var options = {
shortcode: tag,
parent_id: column.id,
root_id: row.id
};
preset && presetType === tag && (options.preset = preset), model = vc.shortcodes.create(options)
}
}
else if ("vc_row" === tag) "vc_section" === this.model.get("shortcode") ? (vc.storage.lock(), row = vc.shortcodes.create({
shortcode: "vc_row",
params: row_params,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.getNextOrder()
}), column = vc.shortcodes.create({
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
}), model = row) : (inner_row_params = {}, inner_column_params = {
width: "1/1"
}, vc.storage.lock(), row = vc.shortcodes.create({
shortcode: "vc_row_inner",
params: inner_row_params,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.getNextOrder()
}), column = vc.shortcodes.create({
shortcode: "vc_column_inner",
params: inner_column_params,
parent_id: row.id,
root_id: row.id
}), model = row);
else {
var options = {
shortcode: tag,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.getNextOrder(),
root_id: this.model.get("root_id")
};
preset && presetType === tag && (options.preset = preset), model = vc.shortcodes.create(options)
}
this.model = model, showSettings = !(_.isBoolean(vc.getMapped(tag).show_settings_on_create) && !1 === vc.getMapped(tag).show_settings_on_create), this.model.get("shortcode"), this.hide(), showSettings && this.showEditForm()
},
getFirstPositionIndex: function() {
return vc.element_start_index -= 1, vc.element_start_index
},
show: function() {
this.$el.addClass("vc_active"), this.trigger("show")
},
hide: function() {
this.$el.removeClass("vc_active"), vc.active_panel = !1, this.trigger("hide")
},
showEditForm: function() {
vc.edit_element_block_view.render(this.model)
},
addCustomCssStyleTag: function(model) {
if (model && model.getParam) {
var customCss;
customCss = model.getParam("css"), customCss && vc.frame_window && vc.frame_window.vc_iframe.setCustomShortcodeCss(customCss)
}
},
updateAddElementPopUp: function(id, shortcode, title, data) {
var $presetShortcode = this.$el.find('[data-element="' + shortcode + '"]:first'),
$newPreset = $presetShortcode.clone(!0);
vc_all_presets[id] = data, $newPreset.find("[data-vc-shortcode-name]").text(title), $newPreset.find(".vc_element-description").text(""), $newPreset.attr("data-preset", id), $newPreset.addClass("js-category-_my_elements_"), $newPreset.insertAfter(this.$el.find('[data-element="' + shortcode + '"]:last')), this.$el.find('[data-filter="js-category-_my_elements_"]').show();
var $samplePreset = this.$body.find('[data-vc-ui-element="panel-preset"] [data-vc-presets-list-content] .vc_ui-template:first'),
$newPreset = $samplePreset.clone(!0);
$newPreset.find('[data-vc-ui-element="template-title"]').attr("title", title).text(title), $newPreset.find('[data-vc-ui-delete="preset-title"]').attr("data-preset", id).attr("data-preset-parent", shortcode), $newPreset.find("[data-vc-ui-add-preset]").attr("data-preset", id).attr("id", shortcode).attr("data-tag", shortcode), $newPreset.show(), $newPreset.insertAfter(this.$body.find('[data-vc-ui-element="panel-preset"] [data-vc-presets-list-content] .vc_ui-template:last'))
},
removePresetFromAddElementPopUp: function(id) {
this.$el.find('[data-preset="' + id + '"]').remove()
},
openPresetWindow: function(e) {
e && e.preventDefault && e.preventDefault(), vc.preset_panel_view.render().show()
}
}), vc.AddElementUIPanelFrontendEditor = vc.AddElementUIPanelBackendEditor.vcExtendUI(vc.HelperPanelViewHeaderFooter).extend({
events: {
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="panel-tab-control"]': "filterElements",
"click .vc_shortcode-link": "createElement",
"keyup #vc_elements_name_filter": "filterElements"
},
createElement: function(e) {
e && e.preventDefault && e.preventDefault();
var showSettings, newData, i, column_params, row_params, inner_row_params, inner_column_params, $control, tag, preset, presetType, closestPreset;
if ($control = $(e.currentTarget), tag = $control.data("tag"), row_params = {}, column_params = {
width: "1/1"
}, closestPreset = $control.closest("[data-preset]"), closestPreset && (preset = closestPreset.data("preset"), presetType = closestPreset.data("element")), this.prepend && (vc.activity = "prepend"), 0 == this.model)
if ("vc_section" === tag) {
var modelOptions = {
shortcode: tag
};
preset && "vc_section" === presetType && (modelOptions.preset = preset), this.builder.create(modelOptions), this.model = this.builder.last()
} else {
var rowOptions = {
shortcode: "vc_row",
params: row_params
};
preset && "vc_row" === presetType && (rowOptions.preset = preset), this.builder.create(rowOptions);
var columnOptions = {
shortcode: "vc_column",
parent_id: this.builder.lastID(),
params: column_params
};
if (preset && "vc_column" === presetType && (columnOptions.preset = preset), this.builder.create(columnOptions), "vc_row" !== tag) {
var options = {
shortcode: tag,
parent_id: this.builder.lastID()
};
preset && presetType === tag && (options.preset = preset), this.builder.create(options)
}
this.model = this.builder.last()
}
else if ("vc_row" === tag) "vc_section" === this.model.get("shortcode") ? (this.builder.create({
shortcode: "vc_row",
params: row_params,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.nextOrder()
}).create({
shortcode: "vc_column",
params: column_params,
parent_id: this.builder.lastID()
}), this.model = this.builder.last()) : (inner_row_params = {}, inner_column_params = {
width: "1/1"
}, this.builder.create({
shortcode: "vc_row_inner",
params: inner_row_params,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.nextOrder()
}).create({
shortcode: "vc_column_inner",
params: inner_column_params,
parent_id: this.builder.lastID()
}), this.model = this.builder.last());
else {
var options = {
shortcode: tag,
parent_id: this.model.id,
order: this.prepend ? this.getFirstPositionIndex() : vc.shortcodes.nextOrder()
};
preset && presetType === tag && (options.preset = preset), this.builder.create(options), this.model = this.builder.last()
}
for (i = this.builder.models.length - 1; i >= 0; i--) this.builder.models[i].get("shortcode");
_.isString(vc.getMapped(tag).default_content) && vc.getMapped(tag).default_content.length && (newData = this.builder.parse({}, vc.getMapped(tag).default_content, this.builder.last().toJSON()), _.each(newData, function(object) {
object.default_content = !0, this.builder.create(object)
}, this)), this.model = this.builder.last(), showSettings = !(_.isBoolean(vc.getMapped(tag).show_settings_on_create) && !1 === vc.getMapped(tag).show_settings_on_create), this.hide(), showSettings && this.showEditForm(), this.builder.render()
}
})
}(window.jQuery),
function($) {
"use strict";
vc.ExtendPresets = {
settingsMenuSelector: '[data-vc-ui-element="settings-dropdown-list"]',
settingsButtonSelector: '[data-vc-ui-element="settings-dropdown-button"]',
settingsDropdownSelector: '[data-vc-ui-element="settings-dropdown"]',
settingsPresetId: null,
uiEvents: {
init: "addEvents",
render: "hideDropdown",
afterRender: "afterRenderActions"
},
afterRenderActions: function() {
this.untaintSettingsPresetData(), this.showDropdown()
},
hideDropdown: function() {
this.$el.find('[data-vc-ui-element="settings-dropdown"]').hide()
},
showDropdown: function() {
var tag = this.model.get("shortcode");
window.vc_settings_show && "vc_column" !== tag && this.$el.find('[data-vc-ui-element="settings-dropdown"]').show()
},
showDropdownMenu: function() {
var tag = this.model.get("shortcode"),
$this = $(this);
$this.data("vcSettingsMenuLoaded") && tag === $this.data("vcShortcodeName") || this.reloadSettingsMenuContent()
},
addEvents: function() {
var $tab = this.$el.find(".vc_edit-form-tab.vc_active"),
tag = this.model.get("shortcode"),
_this = this;
$(document).off("beforeMinimize.vc.paramWindow", this.minimizeButtonSelector).on("beforeMinimize.vc.paramWindow", this.minimizeButtonSelector, function() {
$tab.find(".vc_ui-prompt-presets .vc_ui-prompt-close").trigger("click")
}), $(document).off("close.vc.paramWindow", this.closeButtonSelector).on("beforeClose.vc.paramWindow", this.closeButtonSelector, function() {
$tab.find(".vc_ui-prompt-presets .vc_ui-prompt-close").trigger("click")
}), $(document).off("show.vc.accordion", this.settingsButtonSelector).on("show.vc.accordion", this.settingsButtonSelector, function() {
var $this = $(this);
$this.data("vcSettingsMenuLoaded") && tag === $this.data("vcShortcodeName") || _this.reloadSettingsMenuContent()
})
},
saveSettingsAjaxData: function(shortcode_name, title, is_default, data) {
return {
action: "vc_action_save_settings_preset",
shortcode_name: shortcode_name,
is_default: is_default ? 1 : 0,
vc_inline: !0,
title: title,
data: data,
_vcnonce: window.vcAdminNonce
}
},
saveSettings: function(title, is_default) {
var shortcode_name = this.model.get("shortcode"),
data = JSON.stringify(this.getParamsForSettingsPreset());
if (void 0 !== title && title.length) return void 0 === is_default && (is_default = !1), this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.saveSettingsAjaxData(shortcode_name, title, is_default, data),
context: this
}).done(function(response) {
response.success && (this.setSettingsMenuContent(response.html), this.settingsPresetId = response.id, this.untaintSettingsPresetData())
}).always(this.resetAjax), this.ajax
},
fetchSaveSettingsDialogAjaxData: function() {
return {
action: "vc_action_render_settings_preset_title_prompt",
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
fetchSaveSettingsDialog: function(callback) {
var $contentContainer = this.$el.find(".vc_ui-panel-content-container");
if ($contentContainer.find(".vc_ui-prompt-presets").length) return void(void 0 !== callback && callback(!1));
this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.fetchSaveSettingsDialogAjaxData()
}).done(function(response) {
response.success && ($contentContainer.prepend(response.html), void 0 !== callback && callback(!0))
}).fail(function() {
void 0 !== callback && callback(!1)
}).always(this.resetAjax)
},
showSaveSettingsDialog: function(is_default) {
var _this = this;
this.isSettingsPresetDefault = !!is_default, this.fetchSaveSettingsDialog(function(created) {
var $contentContainer = _this.$el.find(".vc_ui-panel-content-container"),
$prompt = $contentContainer.find(".vc_ui-prompt-presets"),
$title = $prompt.find(".textfield");
$contentContainer.find(".vc_ui-prompt.vc_visible").removeClass("vc_visible");
var $viewPresetsButton = $prompt.find("[data-vc-view-settings-preset]");
if ("undefined" !== window.vc_vendor_settings_presets[_this.model.get("shortcode")] ? $viewPresetsButton.removeAttr("disabled") : $viewPresetsButton.attr("disabled", "disabled"), $prompt.addClass("vc_visible"), $title.focus(), $contentContainer.addClass("vc_ui-content-hidden"), created) {
var $btn = $prompt.find("#vc_ui-save-preset-btn"),
delay = 0;
$prompt.on("submit", function() {
var title = $title.val();
return !!title.length && (_this.saveSettings(title, _this.isSettingsPresetDefault).done(function(e) {
var data = this.getParamsForSettingsPreset();
$title.val(""), _this.setCustomButtonMessage($btn, void 0, void 0, !0), vc.events.trigger("vc:savePreset", e.id, _this.model.get("shortcode"), title, data), delay = _.delay(function() {
$prompt.removeClass("vc_visible"), $contentContainer.removeClass("vc_ui-content-hidden")
}, 5e3)
}).fail(function() {
_this.setCustomButtonMessage($btn, window.i18nLocale.ui_danger, "danger", !0)
}), !1)
}), $prompt.on("click", ".vc_ui-prompt-close", function() {
return _this.checkAjax(), $prompt.removeClass("vc_visible"), $contentContainer.removeClass("vc_ui-content-hidden"), _this.clearCustomButtonMessage.call(this, $btn), delay && (window.clearTimeout(delay), delay = 0), !1
})
}
})
},
loadSettingsAjaxData: function(id) {
return {
action: "vc_action_get_settings_preset",
vc_inline: !0,
id: id,
_vcnonce: window.vcAdminNonce
}
},
loadSettings: function(id) {
return this.panelInit = !1, this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.loadSettingsAjaxData(id),
context: this
}).done(function(response) {
response.success && (this.settingsPresetId = id, this.applySettingsPreset(response.data))
}).always(this.resetAjax), this.ajax
},
saveAsDefaultSettingsAjaxData: function(shortcode_name, id) {
return {
action: "vc_action_set_as_default_settings_preset",
shortcode_name: shortcode_name,
id: id,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
saveAsDefaultSettings: function(id, doneCallback) {
var shortcode_name = this.model.get("shortcode"),
presetId = id || this.settingsPresetId;
presetId ? (this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.saveAsDefaultSettingsAjaxData(shortcode_name, presetId),
context: this
}).done(function(response) {
response.success && (this.setSettingsMenuContent(response.html), this.untaintSettingsPresetData(), doneCallback && doneCallback())
}).always(this.resetAjax)) : this.showSaveSettingsDialog(!0)
},
restoreDefaultSettingsAjaxData: function(shortcode_name) {
return {
action: "vc_action_restore_default_settings_preset",
shortcode_name: shortcode_name,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
restoreDefaultSettings: function() {
var shortcode_name = this.model.get("shortcode");
this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.restoreDefaultSettingsAjaxData(shortcode_name),
context: this
}).done(function(response) {
response.success && this.setSettingsMenuContent(response.html)
}).always(this.resetAjax)
},
setSettingsMenuContent: function(html) {
var $button = this.$el.find(this.settingsButtonSelector),
$menu = this.$el.find(this.settingsMenuSelector),
shortcode_name = this.model.get("shortcode"),
_this = this;
$button.data("vcShortcodeName", shortcode_name), $menu.html(html), window.vc_presets_data && window.vc_presets_data.presetsCount > 0 ? $menu.find("[data-vc-view-settings-preset]").removeAttr("disabled") : $menu.find("[data-vc-view-settings-preset]").attr("disabled", "disabled"), $menu.find("[data-vc-view-settings-preset]").on("click", function() {
_this.showViewSettingsList(), _this.closeSettings()
}), $menu.find("[data-vc-save-settings-preset]").on("click", function() {
_this.showSaveSettingsDialog(), _this.closeSettings()
}), $menu.find("[data-vc-save-template]").on("click", function() {
_this.showSaveTemplateDialog(), _this.closeSettings()
}), $menu.find("[data-vc-save-default-settings-preset]").on("click", function() {
_this.saveAsDefaultSettings(), _this.closeSettings()
}), $menu.find("[data-vc-restore-default-settings-preset]").on("click", function() {
_this.restoreDefaultSettings(), _this.closeSettings()
})
},
reloadSettingsMenuContentAjaxData: function(shortcode_name) {
return {
action: "vc_action_render_settings_preset_popup",
shortcode_name: shortcode_name,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
showViewSettingsList: function() {
var $contentContainer = this.$el.find(".vc_ui-panel-content-container");
if ($contentContainer.find(".vc_ui-prompt-view-presets:not(.vc_visible)").remove(), !$contentContainer.find(".vc_ui-prompt-view-presets").length) {
$contentContainer.find(".vc_ui-prompt.vc_visible").removeClass("vc_visible");
var _this = this,
$prompt = jQuery('<form class="vc_ui-prompt vc_ui-prompt-view-presets"><div class="vc_ui-prompt-controls"><button type="button" class="vc_general vc_ui-control-button vc_ui-prompt-close"><i class="vc-composer-icon vc-c-icon-close"></i></button></div><div class="vc_ui-prompt-title"><label for="prompt_title" class="wpb_element_label">Elements</label></div><div class="vc_ui-prompt-content"><div class="vc_ui-prompt-column"><div class="vc_ui-template-list vc_ui-list-bar" data-vc-action="collapseAll" style="margin-top: 20px;" data-vc-presets-list-content></div></div></div>');
this.buildsettingsListContent($prompt), $prompt.appendTo($contentContainer), $prompt.addClass("vc_visible"), $contentContainer.addClass("vc_ui-content-hidden");
var closePrompt = function() {
return $prompt.remove(), $contentContainer.removeClass("vc_ui-content-hidden"), !1
};
$prompt.off("click.vc1").on("click.vc1", "[data-vc-load-settings-preset]", function(e) {
_this.loadSettings($(e.currentTarget).data("vcLoadSettingsPreset")), closePrompt()
}), $prompt.off("click.vc4").on("click.vc4", "[data-vc-set-default-settings-preset]", function() {
_this.saveAsDefaultSettings($(this).data("vcSetDefaultSettingsPreset"), function() {
_this.buildsettingsListContent($prompt)
})
}), $prompt.off("click.vc3").on("click.vc3", ".vc_ui-prompt-close", function() {
closePrompt(), _this.checkAjax()
})
}
},
buildsettingsListContent: function($prompt) {
var itemsTemplate = vc.template('<div class="vc_ui-template"><div class="vc_ui-list-bar-item"><button class="vc_ui-list-bar-item-trigger" title="Apply Element" type="button" data-vc-load-settings-preset="<%- id %>"><%- title %></button><div class="vc_ui-list-bar-item-actions"><button class="vc_general vc_ui-control-button" title="Apply Element" type="button" data-vc-load-settings-preset="<%- id %>"><i class="vc-composer-icon vc-c-icon-add"></i></button><button class="vc_general vc_ui-control-button" title="Delete Element" type="button" data-vc-delete-settings-preset="<%- id %>"><i class="vc-composer-icon vc-c-icon-delete_empty"></i></button></div></div></div>'),
$content = $prompt.find("[data-vc-presets-list-content]");
$content.empty(), _.each(window.vc_presets_data.presets[0], function(item, id) {
var title = item;
window.vc_presets_data.defaultId > 0 && parseInt(id) === window.vc_presets_data.defaultId && (title = item + " (default)"), $content.append(itemsTemplate({
title: title,
id: id
}))
}), _.each(window.vc_presets_data.presets[1], function(item, id) {
var title = item;
window.vc_presets_data.defaultId > 0 && parseInt(id) === window.vc_presets_data.defaultId && (title = item + " (default)"), $content.append(itemsTemplate({
title: title,
id: id
}))
})
},
reloadSettingsMenuContent: function() {
var shortcode_name = this.model.get("shortcode"),
$button = this.$el.find(this.settingsButtonSelector),
success = !1;
return this.setSettingsMenuContent(""), this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.reloadSettingsMenuContentAjaxData(shortcode_name),
context: this
}).done(function(response) {
response.success && (success = !0, this.setSettingsMenuContent(response.html), $button.data("vcSettingsMenuLoaded", !0))
}).always(function() {
success || this.closeSettings(), this.resetAjax()
}), this.ajax
},
closeSettings: function(destroy) {
void 0 === destroy && (destroy = !1);
var $menu = this.$el.find(this.settingsMenuSelector),
$button = this.$el.find(this.settingsButtonSelector);
destroy && ($button.data("vcSettingsMenuLoaded", !1), $menu.html("")), $button.vcAccordion("hide")
},
isSettingsPresetDataTainted: function() {
var params = JSON.stringify(this.getParamsForSettingsPreset());
return params = params.replace(/vc_custom_\d+/, ""), this.$el.data("vcSettingsPresetHash") !== vc_globalHashCode(params)
},
untaintSettingsPresetData: function() {
var params = JSON.stringify(this.getParamsForSettingsPreset());
params = params.replace(/vc_custom_\d+/, ""), this.$el.data("vcSettingsPresetHash", vc_globalHashCode(params))
},
applySettingsPresetAjaxData: function(params) {
var parent_id;
return parent_id = this.model.get("parent_id"), {
action: "vc_edit_form",
tag: this.model.get("shortcode"),
parent_tag: parent_id ? vc.shortcodes.get(parent_id).get("shortcode") : null,
post_id: $("#post_ID").val(),
params: params,
_vcnonce: window.vcAdminNonce
}
},
applySettingsPreset: function(params) {
return this.currentModelParams = params, vc.events.trigger("presets:apply", this.model, params), this._killEditor(), this.trigger("render"), this.show(), this.checkAjax(), this.ajax = $.ajax({
type: "POST",
url: window.ajaxurl,
data: this.applySettingsPresetAjaxData(params),
context: this
}).done(this.buildParamsContent).always(this.resetAjax), this
},
getParamsForSettingsPreset: function() {
var shortcode = this.model.get("shortcode"),
params = this.getParams();
return "vc_column" !== shortcode && "vc_column_inner" !== shortcode || (delete params.width, delete params.offset), params
}
}, vc.events.on("presets.apply", function(model, params) {
return "vc_tta_section" === model.get("shortcode") && void 0 !== params.tab_id && (params.tab_id = vc_guid() + "-cl"), params
})
}(window.jQuery),
function($) {
"use strict";
vc.ExtendTemplates = {
fetchSaveTemplateDialogAjaxData: function() {
return {
action: "vc_action_render_settings_templates_prompt",
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
},
fetchSaveTemplateDialog: function(callback) {
var $tab = this.$el.find(".vc_ui-panel-content-container");
return $tab.find(".vc_ui-prompt-templates").length ? void(void 0 !== callback && callback(!1)) : (this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.fetchSaveTemplateDialogAjaxData()
}).done(function(response) {
response.success && ($tab.prepend(response.html), void 0 !== callback && callback(!0))
}).always(this.resetAjax), this.ajax)
},
showSaveTemplateDialog: function() {
var _this = this;
this.fetchSaveTemplateDialog(function(created) {
var $tab = _this.$el.find(".vc_ui-panel-content-container"),
$prompt = $tab.find(".vc_ui-prompt-templates"),
$title = $prompt.find(".textfield");
if ($tab.find(".vc_ui-prompt.vc_visible").removeClass("vc_visible"), $prompt.addClass("vc_visible"), $title.focus(), $tab.addClass("vc_ui-content-hidden"), created) {
var delay = 0,
$btn = $prompt.find("#vc_ui-save-templates-btn");
$prompt.on("submit", function() {
var title = $title.val();
_this.$el.find(_this.settingsButtonSelector);
if (!title.length) return !1;
var data = {
action: vc.templates_panel_view.save_template_action,
template: vc.shortcodes.singleStringify(_this.model.get("id"), "template"),
template_name: title,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
};
return vc.templates_panel_view.reloadTemplateList(data, function() {
$title.val(""), _this.setCustomButtonMessage($btn, void 0, void 0, !0), delay = _.delay(function() {
$prompt.removeClass("vc_visible"), $tab.removeClass("vc_ui-content-hidden")
}, 5e3)
}, function() {
_this.setCustomButtonMessage($btn, window.i18nLocale.ui_danger, "danger")
}), !1
}), $prompt.on("click", ".vc_ui-prompt-close", function() {
return _this.checkAjax(), $prompt.removeClass("vc_visible"), $tab.removeClass("vc_ui-content-hidden"), _this.clearCustomButtonMessage.call(this, $btn), delay && (window.clearTimeout(delay), delay = 0), !1
})
}
})
}
}
}(window.jQuery),
function($) {
"use strict";
vc.EditElementPanelView = vc.PanelView.vcExtendUI(vc.HelperAjax).vcExtendUI(vc.ExtendPresets).vcExtendUI(vc.ExtendTemplates).vcExtendUI(vc.HelperPrompts).extend({
panelName: "edit_element",
el: "#vc_properties-panel",
contentSelector: ".vc_ui-panel-content.vc_properties-list",
minimizeButtonSelector: '[data-vc-ui-element="button-minimize"]',
closeButtonSelector: '[data-vc-ui-element="button-close"]',
titleSelector: ".vc_panel-title",
tabsInit: !1,
doCheckTabs: !0,
$tabsMenu: !1,
dependent_elements: {},
mapped_params: {},
draggable: !1,
panelInit: !1,
$spinner: !1,
active_tab_index: 0,
buttonMessageTimeout: !1,
notRequestTemplate: !1,
requiredParamsInitialized: !1,
currentModelParams: !1,
customButtonMessageTimeout: !1,
events: {
"click [data-save=true]": "save",
"click [data-dismiss=panel]": "hide",
"mouseover [data-transparent=panel]": "addOpacity",
"click [data-transparent=panel]": "toggleOpacity",
"mouseout [data-transparent=panel]": "removeOpacity"
},
initialize: function() {
_.bindAll(this, "setSize", "setTabsSize", "fixElContainment", "hookDependent", "resetAjax", "removeAllPrompts"), this.on("setSize", this.setResize, this), this.on("render", this.resetMinimize, this), this.on("render", this.setTitle, this), this.on("render", this.prepareContentBlock, this)
},
setCustomButtonMessage: function($btn, message, type, showInBackend) {
var currentTextHtml;
return void 0 === $btn && ($btn = this.$el.find('[data-vc-ui-element="button-save"]')),
void 0 === showInBackend && (showInBackend = !1), this.clearCustomButtonMessage = _.bind(this.clearCustomButtonMessage, this), !showInBackend && !vc.frame_window || this.customButtonMessageTimeout ? this : (void 0 === message && (message = window.i18nLocale.ui_saved), void 0 === type && (type = "success"), currentTextHtml = $btn.html(), $btn.addClass("vc_ui-button-" + type + " vc_ui-button-undisabled").removeClass("vc_ui-button-action").data("vcCurrentTextHtml", currentTextHtml).data("vcCurrentTextType", type).html(message), _.delay(this.clearCustomButtonMessage.bind(this, $btn), 5e3), this.customButtonMessageTimeout = !0, this)
},
clearCustomButtonMessage: function($btn) {
var type, currentTextHtml;
this.customButtonMessageTimeout && (window.clearTimeout(this.customButtonMessageTimeout), currentTextHtml = $btn.data("vcCurrentTextHtml") || "Save", type = $btn.data("vcCurrentTextType"), $btn.html(currentTextHtml).removeClass("vc_ui-button-" + type + " vc_ui-button-undisabled").addClass("vc_ui-button-action"), this.customButtonMessageTimeout = !1)
},
render: function(model, not_request_template) {
var params;
return this.$el.is(":hidden") && vc.closeActivePanel(), not_request_template && (this.notRequestTemplate = !0), this.model = model, this.currentModelParams = this.model.get("params"), vc.active_panel = this, this.resetMinimize(), this.clicked = !1, this.$el.css("height", "auto"), this.$el.css("maxHeight", "75vh"), params = this.model.setting("params") || [], this.$el.attr("data-vc-shortcode", this.model.get("shortcode")), this.tabsInit = !1, this.panelInit = !1, this.active_tab_index = 0, this.requiredParamsInitialized = !1, this.mapped_params = {}, this.dependent_elements = {}, _.each(params, function(param) {
this.mapped_params[param.param_name] = param
}, this), this.trigger("render"), this.show(), this.checkAjax(), this.ajax = $.ajax({
type: "POST",
url: window.ajaxurl,
data: this.ajaxData(),
context: this
}).done(this.buildParamsContent).always(this.resetAjax), this
},
prepareContentBlock: function() {
this.$content = this.notRequestTemplate ? this.$el : this.$el.find(this.contentSelector).removeClass("vc_with-tabs"), this.$content.empty(), this.$spinner = $('<span class="vc_ui-wp-spinner vc_ui-wp-spinner-lg"></span>'), this.$content.prepend(this.$spinner)
},
buildParamsContent: function(data) {
var $data, $tabs, $panelHeader;
$data = $(data), $tabs = $data.find('[data-vc-ui-element="panel-tabs-controls"]'), $tabs.find(".vc_edit-form-tab-control:first-child").addClass("vc_active"), $panelHeader = this.$el.find('[data-vc-ui-element="panel-header-content"]'), $tabs.prependTo($panelHeader), this.$content.html($data), this.$content.removeAttr("data-vc-param-initialized"), this.active_tab_index = 0, this.tabsInit = !1, this.panelInit = !1, this.dependent_elements = {}, this.requiredParamsInitialized = !1, this.$content.find("[data-vc-param-initialized]").removeAttr("data-vc-param-initialized"), this.init(), this.$content.parent().scrollTop(1).scrollTop(0), this.$content.removeClass("vc_properties-list-init"), this.$el.trigger("vcPanel.shown"), this.trigger("afterRender")
},
resetMinimize: function() {
this.$el.removeClass("vc_panel-opacity")
},
ajaxData: function() {
var parent_tag, parent_id, params, mergedParams;
return parent_id = this.model.get("parent_id"), parent_tag = parent_id ? this.model.collection.get(parent_id).get("shortcode") : null, params = this.model.get("params"), mergedParams = vc.getMergedParams(this.model.get("shortcode"), _.extend({}, vc.getDefaults(this.model.get("shortcode")), params)), _.isUndefined(params.content) || (mergedParams.content = params.content), {
action: "vc_edit_form",
tag: this.model.get("shortcode"),
parent_tag: parent_tag,
post_id: $("#post_ID").val(),
params: mergedParams,
_vcnonce: window.vcAdminNonce
}
},
init: function() {
vc.EditElementPanelView.__super__.init.call(this), this.initParams(), this.initDependency();
$(".wpb_edit_form_elements .textarea_html").each(function() {
window.init_textarea_html($(this))
}), this.trigger("init"), this.panelInit = !0
},
initParams: function() {
var _this = this,
$content = this.content().find('#vc_edit-form-tabs [data-vc-ui-element="panel-edit-element-tab"]:eq(' + this.active_tab_index + ")");
$content.length || ($content = this.content()), $content.attr("data-vc-param-initialized") || ($('[data-vc-ui-element="panel-shortcode-param"]', $content).each(function() {
var $field, param;
$field = $(this), $field.data("vcInitParam") || (param = $field.data("param_settings"), vc.atts.init.call(_this, param, $field), $field.data("vcInitParam", !0))
}), $content.attr("data-vc-param-initialized", !0)), this.requiredParamsInitialized || _.isUndefined(vc.required_params_to_init) || ($('[data-vc-ui-element="panel-shortcode-param"]', this.content()).each(function() {
var $field, param;
$field = $(this), !$field.data("vcInitParam") && _.indexOf(vc.required_params_to_init, $field.data("param_type")) > -1 && (param = $field.data("param_settings"), vc.atts.init.call(_this, param, $field), $field.data("vcInitParam", !0))
}), this.requiredParamsInitialized = !0)
},
initDependency: function() {
var callDependencies = {};
_.each(this.mapped_params, function(param) {
if (_.isObject(param) && _.isObject(param.dependency)) {
var rules = param.dependency;
if (_.isString(param.dependency.element)) {
var $masters, $slave;
$masters = $("[name=" + param.dependency.element + "].wpb_vc_param_value", this.$content), $slave = $("[name= " + param.param_name + "].wpb_vc_param_value", this.$content), _.each($masters, function(master) {
var $master, name;
$master = $(master), name = $master.attr("name"), _.isArray(this.dependent_elements[$master.attr("name")]) || (this.dependent_elements[$master.attr("name")] = []), this.dependent_elements[$master.attr("name")].push($slave), !$master.data("dependentSet") && $master.attr("data-dependent-set", "true") && $master.bind("keyup change", this.hookDependent), callDependencies[name] || (callDependencies[name] = $master)
}, this)
}
_.isString(rules.callback) && window[rules.callback].call(this)
}
}, this), this.doCheckTabs = !1, _.each(callDependencies, function(obj) {
this.hookDependent({
currentTarget: obj
})
}, this), this.doCheckTabs = !0, this.checkTabs(), callDependencies = null
},
hookDependent: function(e) {
var $master, $master_container, is_empty, dependent_elements, master_value, checkTabs;
return $master = $(e.currentTarget), $master_container = $master.closest(".vc_column"), dependent_elements = this.dependent_elements[$master.attr("name")], master_value = $master.is(":checkbox") ? _.map(this.$content.find("[name=" + $(e.currentTarget).attr("name") + "].wpb_vc_param_value:checked"), function(element) {
return $(element).val()
}) : $master.val(), checkTabs = this.doCheckTabs, this.doCheckTabs = !1, is_empty = $master.is(":checkbox") ? !this.$content.find("[name=" + $master.attr("name") + "].wpb_vc_param_value:checked").length : !master_value.length, $master_container.hasClass("vc_dependent-hidden") ? _.each(dependent_elements, function($element) {
var event = jQuery.Event("change");
event.extra_type = "vcHookDepended", $element.closest(".vc_column").addClass("vc_dependent-hidden"), $element.trigger(event)
}) : _.each(dependent_elements, function($element) {
var param_name = $element.attr("name"),
rules = _.isObject(this.mapped_params[param_name]) && _.isObject(this.mapped_params[param_name].dependency) ? this.mapped_params[param_name].dependency : {},
$param_block = $element.closest(".vc_column");
_.isBoolean(rules.not_empty) && !0 === rules.not_empty && !is_empty ? $param_block.removeClass("vc_dependent-hidden") : _.isBoolean(rules.is_empty) && !0 === rules.is_empty && is_empty ? $param_block.removeClass("vc_dependent-hidden") : rules.value && _.intersection(_.isArray(rules.value) ? rules.value : [rules.value], _.isArray(master_value) ? master_value : [master_value]).length ? $param_block.removeClass("vc_dependent-hidden") : rules.value_not_equal_to && !_.intersection(_.isArray(rules.value_not_equal_to) ? rules.value_not_equal_to : [rules.value_not_equal_to], _.isArray(master_value) ? master_value : [master_value]).length ? $param_block.removeClass("vc_dependent-hidden") : $param_block.addClass("vc_dependent-hidden");
var event = jQuery.Event("change");
event.extra_type = "vcHookDepended", $element.trigger(event)
}, this), checkTabs && (this.checkTabs(), this.doCheckTabs = !0), this
},
checkTabs: function() {
var that = this;
!1 === this.tabsInit && (this.tabsInit = !0, this.$content.hasClass("vc_with-tabs") && (this.$tabsMenu = this.$content.find(".vc_edit-form-tabs-menu"))), this.$tabsMenu && (this.$content.find('[data-vc-ui-element="panel-edit-element-tab"]').each(function(index) {
var $tabControl = that.$tabsMenu.find('> [data-tab-index="' + index + '"]');
$(this).find('[data-vc-ui-element="panel-shortcode-param"]:not(".vc_dependent-hidden")').length ? $tabControl.hasClass("vc_dependent-hidden") && ($tabControl.removeClass("vc_dependent-hidden").removeClass("vc_tab-color-animated").addClass("vc_tab-color-animated"), window.setTimeout(function() {
$tabControl.removeClass("vc_tab-color-animated")
}, 200)) : $tabControl.addClass("vc_dependent-hidden")
}), window.setTimeout(this.setTabsSize, 100))
},
setTabsSize: function() {
this.$tabsMenu.parents(".vc_with-tabs.vc_panel-body").css("margin-top", this.$tabsMenu.outerHeight())
},
setActive: function() {
this.$el.prev().addClass("active")
},
window: function() {
return window
},
getParams: function() {
var paramsSettings;
return paramsSettings = this.mapped_params, this.params = _.extend({}, this.model.get("params")), _.each(paramsSettings, function(param) {
var value;
value = vc.atts.parseFrame.call(this, param), this.params[param.param_name] = value
}, this), _.each(vc.edit_form_callbacks, function(callback) {
callback.call(this)
}, this), this.params
},
content: function() {
return this.$content
},
save: function() {
if (this.panelInit) {
var shortcode = this.model.get("shortcode"),
params = this.getParams(),
mergedParams = _.extend({}, vc.getDefaults(shortcode), vc.getMergedParams(shortcode, params));
_.isUndefined(params.content) || (mergedParams.content = params.content), this.model.save({
params: mergedParams
}), this.showMessage(window.sprintf(window.i18nLocale.inline_element_saved, vc.getMapped(shortcode).name), "success"), !vc.frame_window && this.hide(), this.trigger("save")
}
},
show: function() {
this.$el.hasClass("vc_active") || (this.$el.addClass("vc_active"), this.draggable || this.initDraggable(), this.fixElContainment(), this.trigger("show"))
},
hide: function(e) {
e && e.preventDefault(), this.checkAjax(), this.ajax = !1, this.model && (this.model = null), vc.active_panel = !1, this.currentModelParams = !1, this._killEditor(), this.$el.removeClass("vc_active"), this.$el.find(".vc_properties-list").removeClass("vc_with-tabs").css("margin-top", "auto"), this.$content.empty(), this.trigger("hide")
},
setTitle: function() {
return this.$el.find(this.titleSelector).text(vc.getMapped(this.model.get("shortcode")).name + " " + window.i18nLocale.settings), this
},
_killEditor: function() {
_.isUndefined(window.tinyMCE) || $("textarea.textarea_html", this.$el).each(function() {
var id = $(this).attr("id");
"4" === tinymce.majorVersion ? window.tinyMCE.execCommand("mceRemoveEditor", !0, id) : window.tinyMCE.execCommand("mceRemoveControl", !0, id)
}), jQuery("body").off("click.wpcolorpicker")
}
}), vc.EditElementUIPanel = vc.EditElementPanelView.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperPanelViewResizable).vcExtendUI(vc.HelperPanelViewDraggable).extend({
el: "#vc_ui-panel-edit-element",
events: {
'click [data-vc-ui-element="button-save"]': "save",
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="button-minimize"]': "toggleOpacity",
'click [data-vc-ui-element="panel-tab-control"]': "changeTab"
},
titleSelector: '[data-vc-ui-element="panel-title"]',
initialize: function() {
vc.EditElementUIPanel.__super__.initialize.call(this), this.on("afterResizeStart", function() {
this.$el.css("maxHeight", "none")
})
},
show: function() {
vc.EditElementUIPanel.__super__.show.call(this), $('[data-vc-ui-element="panel-tabs-controls"]', this.$el).remove(), this.$el.css("maxHeight", "75vh")
},
tabsMenu: function() {
if (!1 === this.tabsInit) {
this.tabsInit = !0;
var $tabsMenu = this.$el.find('[data-vc-ui-element="panel-tabs-controls"]');
$tabsMenu.length && (this.$tabsMenu = $tabsMenu)
}
return this.$tabsMenu
},
buildTabs: function() {
this.content().find('[data-vc-ui-element="panel-tabs-controls"]').prependTo('[data-vc-ui-element="panel-header-content"]')
},
changeTab: function(e) {
e.preventDefault();
var $tab = $(e.currentTarget);
$tab.parent().hasClass("vc_active") || (this.$el.find('[data-vc-ui-element="panel-tabs-controls"] .vc_active:not([data-vc-ui-element="panel-tabs-line-dropdown"])').removeClass("vc_active"), $tab.parent().addClass("vc_active"), this.$el.find('[data-vc-ui-element="panel-edit-element-tab"].vc_active').removeClass("vc_active"), this.active_tab_index = this.$el.find($tab.data("vcUiElementTarget")).addClass("vc_active").index(), this.initParams(), this.$tabsMenu && this.$tabsMenu.vcTabsLine("checkDropdownContainerActive"), this.$content.parent().scrollTop(1).scrollTop(0), this.trigger("tabChange"))
},
checkTabs: function() {
var _this = this;
!1 === this.tabsInit && (this.tabsInit = !0, this.$tabsMenu = this.$el.find('[data-vc-ui-element="panel-tabs-controls"]')), this.tabsMenu() && (this.content().find('[data-vc-ui-element="panel-edit-element-tab"]').each(function(index) {
var $tabControl = _this.$tabsMenu.find('> [data-tab-index="' + index + '"]');
$(this).find('[data-vc-ui-element="panel-shortcode-param"]:not(".vc_dependent-hidden")').length ? $tabControl.hasClass("vc_dependent-hidden") && ($tabControl.removeClass("vc_dependent-hidden"), window.setTimeout(function() {
$tabControl.removeClass("vc_tab-color-animated")
}, 200)) : $tabControl.addClass("vc_dependent-hidden")
}), this.$tabsMenu.vcTabsLine("refresh"), this.$tabsMenu.vcTabsLine("moveTabs"))
}
})
}(window.jQuery),
function($) {
"use strict";
vc.TemplateLibraryView = vc.PanelView.vcExtendUI(vc.HelperAjax).extend({
myTemplates: [],
$mainPopup: !1,
$loadingPage: !1,
$gridContainer: !1,
$myTemplateContainer: !1,
$popupItems: !1,
$previewImage: !1,
$previewTitle: !1,
$previewUpdate: !1,
$previewDownload: !1,
$previewUpdateBtn: !1,
$previewDownloadBtn: !1,
$templatePreview: !1,
$templatePage: !1,
$downloadPage: !1,
$updatePage: !1,
$content: !1,
$filter: !1,
compiledGridTemplate: !1,
compiledTemplate: !1,
loaded: !1,
data: !1,
events: {
"click [data-dismiss=panel]": "hide",
"click .vc_ui-panel-close-button": "closePopupButton",
"click .vc_ui-access-library-btn": "accessLibrary",
"click #vc_template-library-template-grid .vc_ui-panel-template-preview-button": "previewButton",
"click .vc_ui-panel-back-button": "backToTemplates",
"click .vc_ui-panel-template-download-button, #vc_template-library-download-btn": "downloadButton",
"click .vc_ui-panel-template-update-button, #vc_template-library-update-btn": "updateButton",
"keyup #vc_template_lib_name_filter": "filterTemplates",
"search #vc_template_lib_name_filter": "filterTemplates"
},
initialize: function() {
_.bindAll(this, "loadLibrary", "addTemplateStatus", "loadMyTemplates", "deleteTemplate"), this.$mainPopup = this.$el.find(".vc_ui-panel-popup"), this.$loadingPage = this.$el.find(".vc_ui-panel-loading"), this.$gridContainer = this.$el.find("#vc_template-library-template-grid"), this.$myTemplateContainer = this.$el.find("#vc_template-library-shared_templates"), this.$popupItems = this.$el.find(".vc_ui-panel-popup-item"), this.$previewImage = this.$el.find(".vc_ui-panel-preview-image"), this.$previewTitle = this.$el.find(".vc_ui-panel-template-preview .vc_ui-panel-title"), this.$previewUpdate = this.$el.find("#vc_template-library-update"), this.$previewDownload = this.$el.find("#vc_template-library-download"), this.$previewUpdateBtn = this.$previewUpdate.find("#vc_template-library-update-btn"), this.$previewDownloadBtn = this.$previewUpdate.find("#vc_template-library-download-btn"), this.$templatePreview = this.$el.find(".vc_ui-panel-template-preview"), this.$templatePage = this.$el.find(".vc_ui-panel-template-content"), this.$downloadPage = this.$el.find(".vc_ui-panel-download"), this.$updatePage = this.$el.find(".vc_ui-panel-update"), this.$filter = this.$el.find("#vc_template_lib_name_filter"), this.$content = this.$el.find(".vc_ui-templates-content");
var gridTemplateHtml = $("#vc_template-grid-item").html();
this.compiledGridTemplate = vc.template(gridTemplateHtml);
var myTemplateHtml = $("#vc_template-item").html();
this.compiledTemplate = vc.template(myTemplateHtml), vc.events.on("templates:delete", this.deleteTemplate)
},
getLibrary: function() {
if (this.loaded) return void this.showLibrary();
this.checkAjax();
var data = this.getStorage("templates"),
_this = this;
data && "object" == typeof data && !_.isEmpty(data) ? (this.loaded = !0, this.loadLibrary(data), this.showLibrary()) : this.ajax = $.getJSON("//vc-cc-templates.wpbakery.com/templates.json").done(function(data) {
_this.setStorage("templates", data), _this.loaded = !0, _this.loadLibrary(data), _this.showLibrary()
}).always(this.resetAjax)
},
removeStorage: function(name) {
try {
localStorage.removeItem("vc4-" + name), localStorage.removeItem("vc4-" + name + "_expiresIn")
} catch (e) {
return !1
}
return !0
},
getStorage: function(key) {
var now = Date.now(),
expiresIn = localStorage.getItem("vc4-" + key + "_expiresIn");
if (void 0 !== expiresIn && null !== expiresIn || (expiresIn = 0), expiresIn < now) return this.removeStorage(key), null;
try {
return JSON.parse(localStorage.getItem("vc4-" + key))
} catch (e) {
return null
}
},
setStorage: function(key, value, expires) {
expires = void 0 === expires || null === expires ? 86400 : Math.abs(expires);
var now = Date.now(),
schedule = now + 1e3 * expires;
try {
localStorage.setItem("vc4-" + key, JSON.stringify(value)), localStorage.setItem("vc4-" + key + "_expiresIn", schedule)
} catch (e) {
return !1
}
return !0
},
loadLibrary: function(data) {
if (data) {
var renderedOutput = "",
_this = this;
this.loaded = !0, this.data = data, this.$filter.val(""), data.forEach(function(item) {
item = _this.addTemplateStatus(item), renderedOutput += _this.compiledGridTemplate({
id: item.id,
title: item.title,
thumbnailUrl: item.thumbnailUrl,
previewUrl: item.previewUrl,
status: item.status,
downloaded: _.find(_this.myTemplates, {
id: item.id
}),
version: item.version
})
}), this.$gridContainer.html(renderedOutput)
}
},
showLibrary: function() {
this.$loadingPage.addClass("vc_ui-hidden"), this.$mainPopup.removeClass("vc_ui-hidden"), this.$templatePage.removeClass("vc_ui-hidden")
},
addTemplateStatus: function(template) {
var statusHtml = "",
myTemplate = _.find(this.myTemplates, {
id: template.id
});
if (myTemplate) {
var status = window.i18nLocale.ui_template_downloaded;
template.version > myTemplate.version && (status = window.i18nLocale.ui_template_fupdate), statusHtml = '<span class="vc_ui-panel-template-item-info"><span>' + status + "</span></span>"
}
return template.status = statusHtml, template
},
loadMyTemplates: function() {
var renderedOutput = "",
_this = this;
this.myTemplates.forEach(function(item) {
renderedOutput += _this.compiledTemplate({
post_id: item.post_id,
title: item.title
})
}), this.$myTemplateContainer.html(renderedOutput)
},
closePopupButton: function(e) {
e && e.preventDefault && e.preventDefault(), this.$mainPopup.toggleClass("vc_ui-hidden"), this.$popupItems.addClass("vc_ui-hidden"), this.$content.removeClass("vc_ui-hidden")
},
accessLibrary: function() {
this.$loadingPage.removeClass("vc_ui-hidden"), this.$content.addClass("vc_ui-hidden"), this.getLibrary()
},
previewButton: function(e) {
var $template = $(e.currentTarget),
imgUrl = $template.data("preview-url"),
title = $template.data("title"),
templateId = $template.data("template-id"),
templateVersion = $template.data("template-version");
this.$previewImage.attr("src", imgUrl), this.$previewTitle.text(title);
var myTemplate = _.find(this.myTemplates, {
id: templateId
});
this.$previewUpdate.toggleClass("vc_ui-hidden", !(myTemplate && myTemplate.version < templateVersion)), this.$previewDownload.toggleClass("vc_ui-hidden", !!myTemplate), this.$previewUpdateBtn.data("template-id", templateId), this.$previewDownloadBtn.data("template-id", templateId), this.$popupItems.addClass("vc_ui-hidden"), this.$templatePreview.removeClass("vc_ui-hidden"), this.$templatePreview.attr("data-template-id", templateId)
},
backToTemplates: function() {
this.$popupItems.addClass("vc_ui-hidden"), this.$templatePage.removeClass("vc_ui-hidden")
},
deleteTemplate: function(data) {
if ("shared_templates" === data.type) {
var index = _.findIndex(this.myTemplates, {
post_id: data.id
}); - 1 !== index && (this.myTemplates.splice(index, 1), this.loaded && this.loadLibrary(this.data))
}
},
downloadButton: function(e) {
e && e.preventDefault && e.preventDefault();
var id = jQuery(e.currentTarget).closest("[data-template-id]").data("templateId");
id && (this.showDownloadOverlay(), this.downloadTemplate(id))
},
updateButton: function(e) {
e && e.preventDefault && e.preventDefault(), jQuery(e.currentTarget).closest("[data-template-id]").data("templateId") && this.showUpdateOverlay()
},
showDownloadOverlay: function() {
this.$popupItems.addClass("vc_ui-hidden"), this.$downloadPage.removeClass("vc_ui-hidden")
},
hideDownloadOverlay: function(message) {
message && alert(message), this.$downloadPage.addClass("vc_ui-hidden"), this.$templatePage.removeClass("vc_ui-hidden")
},
showUpdateOverlay: function() {
this.$popupItems.addClass("vc_ui-hidden"), this.$updatePage.removeClass("vc_ui-hidden")
},
hideUpdateOverlay: function(message) {
this.$updatePage.addClass("vc_ui-hidden"), this.$templatePage.removeClass("vc_ui-hidden")
},
downloadTemplate: function(id) {
this.checkAjax();
var fail = !0;
this.ajax = $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "vc_shared_templates_download",
id: id,
_vcnonce: window.vcAdminNonce
},
dataType: "json",
context: this
}).done(function(response) {
if (response && response.success) {
var template = _.find(this.data, {
id: id
});
template && (fail = !1, template.post_id = response.data.post_id, this.myTemplates.unshift(template), this.loadMyTemplates(), this.loadLibrary(this.data), this.showLibrary())
}
}).always(function(response, status) {
var message = "";
("success" !== status || fail) && (message = window.i18nLocale.ui_templates_failed_to_download), this.hideDownloadOverlay(message), this.resetAjax()
})
},
filterTemplates: function() {
var inputValue = this.$filter.val(),
filter = ".vc_ui-panel-template-item .vc_ui-panel-template-item-name:containsi('" + inputValue + "')";
$(".vc_ui-panel-template-item.vc_ui-visible", this.$gridContainer).removeClass("vc_ui-visible"), $(filter, this.$gridContainer).closest(".vc_ui-panel-template-item").addClass("vc_ui-visible")
}
}), $(function() {
window.vcTemplatesLibraryData && (vc.templatesLibrary = new vc.TemplateLibraryView({
el: '[data-vc-ui-element="panel-edit-element-tab"][data-tab="shared_templates"]'
}), vc.templatesLibrary.myTemplates = window.vcTemplatesLibraryData.templates || [], vc.templatesLibrary.loadMyTemplates())
})
}(window.jQuery),
function($) {
"use strict";
vc.PostSettingsUIPanelFrontendEditor = vc.PostSettingsPanelView.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperPanelViewResizable).vcExtendUI(vc.HelperPanelViewDraggable).vcExtendUI({
panelName: "post_settings",
uiEvents: {
setSize: "setEditorSize",
show: "setEditorSize"
},
setSize: function() {
this.trigger("setSize")
},
setDefaultHeightSettings: function() {
this.$el.css("height", "75vh")
},
setEditorSize: function() {
this.editor.setSizeResizable()
}
}), vc.PostSettingsUIPanelBackendEditor = vc.PostSettingsPanelViewBackendEditor.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperPanelViewResizable).vcExtendUI(vc.HelperPanelViewDraggable).vcExtendUI({
uiEvents: {
setSize: "setEditorSize",
show: "setEditorSize",
render: "removeChangeTitleField"
},
setSize: function() {
this.trigger("setSize")
},
setEditorSize: function() {
this.editor.setSizeResizable()
},
setDefaultHeightSettings: function() {
this.$el.css("height", "75vh")
},
removeChangeTitleField: function() {
$("#vc_settings-title-container").remove()
}
})
}(window.jQuery),
function($) {
"use strict";
var events = {
'click [data-vc-ui-element="button-save"]': "save",
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="button-minimize"]': "toggleOpacity",
'click [data-vc-ui-element="button-layout"]': "setLayout",
'click [data-vc-ui-element="button-update-layout"]': "updateFromInput"
};
vc.RowLayoutUIPanelFrontendEditor = vc.RowLayoutEditorPanelView.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperPanelViewDraggable).extend({
panelName: "rowLayouts",
events: events
}), vc.RowLayoutUIPanelBackendEditor = vc.RowLayoutEditorPanelViewBackend.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperPanelViewDraggable).extend({
panelName: "rowLayouts",
events: events
})
}(window.jQuery),
function($) {
"use strict";
vc.PresetSettingsUIPanelFrontendEditor = vc.PanelView.vcExtendUI(vc.HelperPanelViewHeaderFooter).vcExtendUI(vc.HelperAjax).vcExtendUI({
panelName: "preset_settings",
showMessageDisabled: !1,
events: {
'click [data-vc-ui-delete="preset-title"]': "removePreset",
'click [data-vc-ui-element="button-close"]': "hide",
'click [data-vc-ui-element="button-minimize"]': "toggleOpacity",
"click [data-vc-ui-add-preset]": "createPreset"
},
initialize: function(options) {
this.frontEnd = options && options.frontEnd
},
createPreset: function(e) {
var $control, preset, tag, row, column, model, row_params, column_params, rowOptions, showSettings;
if (_.isUndefined(vc.ShortcodesBuilder) || (this.builder = new vc.ShortcodesBuilder), $control = $(e.currentTarget), preset = $control.data("preset"), tag = $control.data("tag"), row_params = {}, column_params = {
width: "1/1"
}, rowOptions = {
shortcode: "vc_row",
params: row_params
}, !0 === this.frontEnd) {
this.builder.create(rowOptions);
var columnOptions = {
shortcode: "vc_column",
params: column_params,
parent_id: this.builder.lastID()
};
this.builder.create(columnOptions);
var options = {
shortcode: tag,
parent_id: this.builder.lastID()
};
preset && (options.preset = preset), vc.closeActivePanel(), this.builder.create(options), this.model = this.builder.last(), this.builder.render()
} else {
row = vc.shortcodes.create(rowOptions);
var columnOptions = {
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
};
column = vc.shortcodes.create(columnOptions), model = row;
var options = {
shortcode: tag,
parent_id: column.id,
root_id: row.id
};
preset && (options.preset = preset), model = vc.shortcodes.create(options), vc.closeActivePanel(), this.model = model
}(showSettings = !(_.isBoolean(vc.getMapped(tag).show_settings_on_create) && !1 === vc.getMapped(tag).show_settings_on_create)) && this.showEditForm()
},
showEditForm: function() {
vc.edit_element_block_view.render(this.model)
},
render: function() {
return this.$el.css("left", ($(window).width() - this.$el.width()) / 2), this
},
removePreset: function(e) {
e && e.preventDefault();
var closestPreset = jQuery(e.currentTarget).closest('[data-vc-ui-delete="preset-title"]'),
presetId = closestPreset.data("preset"),
presetParent = closestPreset.data("preset-parent");
this.deleteSettings(presetId, presetParent, e)
},
deleteSettings: function(id, shortcode_name) {
var _this = this;
return !!confirm(window.i18nLocale.delete_preset_confirmation) && (this.checkAjax(), this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: this.deleteSettingsAjaxData(shortcode_name, id),
context: this
}).done(function(response) {
response && response.success && (this.showMessage(window.i18nLocale.preset_removed, "success"), _this.$el.find('[data-preset="' + id + '"]').closest(".vc_ui-template").remove(), vc.events.trigger("vc:deletePreset", id))
}).always(this.resetAjax), this.ajax)
},
deleteSettingsAjaxData: function(shortcode_name, id) {
return {
action: "vc_action_delete_settings_preset",
shortcode_name: shortcode_name,
vc_inline: !0,
id: id,
_vcnonce: window.vcAdminNonce
}
},
showMessage: function(text, type) {
var wrapperCssClasses;
if (this.showMessageDisabled) return !1;
wrapperCssClasses = "vc_col-xs-12 wpb_element_wrapper", this.message_box_timeout && this.$el.find("[data-vc-panel-message]").remove() && window.clearTimeout(this.message_box_timeout), this.message_box_timeout = !1;
var $messageBox, messageBoxTemplate = vc.template('<div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-<%- color %>"><div class="vc_message_box-icon"><i class="fa fa fa-<%- icon %>"></i></div><p><%- text %></p></div>');
switch (type) {
case "error":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "danger",
icon: "times",
text: text
}));
break;
case "warning":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "warning",
icon: "exclamation-triangle",
text: text
}));
break;
case "success":
$messageBox = $('<div class="' + wrapperCssClasses + '" data-vc-panel-message>').html(messageBoxTemplate({
color: "success",
icon: "check",
text: text
}))
}
$messageBox.prependTo(this.$el.find(".vc_properties-list")), $messageBox.fadeIn(), this.message_box_timeout = window.setTimeout(function() {
$messageBox.remove()
}, 6e3)
}
})
}(window.jQuery), _.isUndefined(window.vc) && (window.vc = {}), void 0 === window.setCookie && (window.setCookie = function(c_name, value, exdays) {
var exdate = new Date;
exdate.setDate(exdate.getDate() + exdays);
var c_value = encodeURIComponent(value) + (null === exdays ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value
}), void 0 === window.getCookie && (window.getCookie = function(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++)
if (x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("=")), y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1), (x = x.replace(/^\s+|\s+$/g, "")) == c_name) return decodeURIComponent(y)
}),
function($) {
$.expr[":"].containsi = function(a, i, m) {
return 0 <= jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())
}
}(window.jQuery);
var vc_regexp_shortcode = _.memoize(function() {
return RegExp("\\[(\\[?)([\\w|-]+\\b)(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)")
});
if (vc.memoizeWrapper = function(func, resolver) {
var cache = {};
return function() {
var key = resolver ? resolver.apply(this, arguments) : arguments[0];
return _.hasOwnProperty.call(cache, key) || (cache[key] = func.apply(this, arguments)), _.isObject(cache[key]) ? jQuery.fn.extend(!0, {}, cache[key]) : cache[key]
}
}, vc.events.on("shortcodes:vc_row:add:param:name:parallax shortcodes:vc_row:update:param:name:parallax", function(model, value) {
if (value) {
var params = model.get("params");
params && params.css && (params.css = params.css.replace(/(background(\-position)?\s*\:\s*[\S]+(\s*[^\!\s]+)?)[\s*\!important]*/g, "$1"), model.set("params", params, {
silent: !0
}))
}
}), vc.events.on("shortcodes:vc_single_image:sync shortcodes:vc_single_image:add", function(model) {
var params = model.get("params");
params.link && !params.onclick && (params.onclick = "custom_link", model.save({
params: params
}))
}), window.vcConsoleLog = function() {
vcConsoleLog.history = vcConsoleLog.history || [], vcConsoleLog.history.push(arguments), this.console && console.log(Array.prototype.slice.call(arguments))
}, _.isUndefined(window.vc)) var vc = {};
window.vc.filters = {
templates: []
}, window.vc.addTemplateFilter = function(callback) {
_.isFunction(callback) && this.filters.templates.push(callback)
},
function($) {
function Suggester(element, options) {
this.el = element, this.$el = $(this.el), this.$el_wrap = "", this.$block = "", this.suggester = "", this.selected_items = [], this.options = _.isObject(options) ? options : {}, _.defaults(this.options, {
css_class: "vc_suggester",
limit: !1,
source: {},
predefined: [],
locked: !1,
select_callback: function(label, data) {},
remove_callback: function(label, data) {},
update_callback: function(label, data) {},
check_locked_callback: function(el, data) {
return !1
}
}), this.init()
}
function VcSortedList(element, settings) {
this.el = element, this.$el = $(this.el), this.$data_field = this.$el.find(".wpb_vc_param_value"), this.$toolbar = this.$el.find(".vc_sorted-list-toolbar"), this.$current_control = this.$el.find(".vc_sorted-list-container"), _.defaults(this.options, {}), this.init()
}
var vc_activeMce;
window.init_textarea_html = function($element) {
var $wp_link, textfield_id, $form_line, $content_holder;
$wp_link = $("#wp-link"), $wp_link.parent().hasClass("wp-dialog") && $wp_link.wpdialog("destroy"), textfield_id = $element.attr("id"), $form_line = $element.closest(".edit_form_line"), $content_holder = $form_line.find(".vc_textarea_html_content");
try {
_.isUndefined(tinyMCEPreInit.qtInit[textfield_id]) && (window.tinyMCEPreInit.qtInit[textfield_id] = _.extend({}, window.tinyMCEPreInit.qtInit[window.wpActiveEditor], {
id: textfield_id
})), window.tinyMCEPreInit && window.tinyMCEPreInit.mceInit[window.wpActiveEditor] && (window.tinyMCEPreInit.mceInit[textfield_id] = _.extend({}, window.tinyMCEPreInit.mceInit[window.wpActiveEditor], {
resize: "vertical",
height: 200,
id: textfield_id,
setup: function(ed) {
void 0 !== ed.on ? ed.on("init", function(ed) {
ed.target.focus(), window.wpActiveEditor = textfield_id
}) : ed.onInit.add(function(ed) {
ed.focus(), window.wpActiveEditor = textfield_id
})
}
}), window.tinyMCEPreInit.mceInit[textfield_id].plugins = window.tinyMCEPreInit.mceInit[textfield_id].plugins.replace(/,?wpfullscreen/, ""), window.tinyMCEPreInit.mceInit[textfield_id].wp_autoresize_on = !1),
vc.edit_element_block_view && vc.edit_element_block_view.currentModelParams ? $element.val(vc_wpautop(vc.edit_element_block_view.currentModelParams[$content_holder.attr("name")] || "")) : $element.val($content_holder.val()), quicktags(window.tinyMCEPreInit.qtInit[textfield_id]), QTags._buttonsInit(), window.tinymce && (window.switchEditors && window.switchEditors.go(textfield_id, "tmce"), "4" === tinymce.majorVersion && tinymce.execCommand("mceAddEditor", !0, textfield_id)), vc_activeMce = textfield_id, window.wpActiveEditor = textfield_id
} catch (e) {
$element.data("vcTinyMceDisabled", !0).appendTo($form_line), $("#wp-" + textfield_id + "-wrap").remove(), console && console.error && (console.error("VC: Tinymce error! Compatibility problem with other plugins."), console.error(e))
}
}, Color.prototype.toString = function() {
if (1 > this._alpha) return this.toCSS("rgba", this._alpha).replace(/\s+/g, "");
var hex = parseInt(this._color, 10).toString(16);
if (this.error) return "";
if (6 > hex.length)
for (var i = 6 - hex.length - 1; 0 <= i; i--) hex = "0" + hex;
return "#" + hex
}, vc.loop_partial = function(template_name, key, loop, settings) {
var data = _.isObject(loop) && !_.isUndefined(loop[key]) ? loop[key] : "";
return vc.template($("#_vcl-" + template_name).html(), vc.templateOptions.custom)({
name: key,
data: data,
settings: settings
})
}, vc.loop_field_not_hidden = function(key, loop) {
return !(_.isObject(loop[key]) && _.isBoolean(loop[key].hidden) && !0 === loop[key].hidden)
}, vc.is_locked = function(data) {
return _.isObject(data) && _.isBoolean(data.locked) && !0 === data.locked
}, Suggester.prototype = {
constructor: Suggester,
init: function() {
_.bindAll(this, "buildSource", "itemSelected", "labelClick", "setFocus", "resize"), this.$el.wrap('<ul class="' + this.options.css_class + '"><li class="input"/></ul>'), this.$el_wrap = this.$el.parent(), this.$block = this.$el_wrap.closest("ul").append($('<li class="clear"/>')), this.$el.focus(this.resize).blur(function() {
$(this).parent().width(170), $(this).val("")
}), this.$block.click(this.setFocus), this.suggester = this.$el.data("suggest"), this.$el.autocomplete({
source: this.buildSource,
select: this.itemSelected,
minLength: 2,
focus: function(event, ui) {
return !1
}
}).data("ui-autocomplete")._renderItem = function(ul, item) {
return $('<li data-value="' + item.value + '">').append("<a>" + item.name + "</a>").appendTo(ul)
}, this.$el.autocomplete("widget").addClass("vc_ui-front"), _.isArray(this.options.predefined) && _.each(this.options.predefined, function(item) {
this.create(item)
}, this)
},
resize: function() {
var position = this.$el_wrap.position(),
block_position = this.$block.position();
this.$el_wrap.width(parseFloat(this.$block.width()) - (parseFloat(position.left) - parseFloat(block_position.left) + 4))
},
setFocus: function(e) {
e.preventDefault(), $(e.target).hasClass(this.options.css_class) && this.$el.trigger("focus")
},
itemSelected: function(event, ui) {
return this.$el.blur(), this.create(ui.item), this.$el.focus(), !1
},
create: function(item) {
var $label, exclude_css, index = this.selected_items.push(item) - 1,
remove = !0 === this.options.check_locked_callback(this.$el, item) ? "" : ' <a class="remove">&times;</a>';
_.isUndefined(this.selected_items[index].action) && (this.selected_items[index].action = "+"), exclude_css = "-" === this.selected_items[index].action ? " exclude" : " include", $label = $('<li class="vc_suggest-label' + exclude_css + '" data-index="' + index + '" data-value="' + item.value + '"><span class="label">' + item.name + "</span>" + remove + "</li>"), $label.insertBefore(this.$el_wrap), _.isEmpty(remove) || $label.click(this.labelClick), this.options.select_callback($label, this.selected_items)
},
labelClick: function(e) {
e.preventDefault();
var $label = $(e.currentTarget),
index = parseInt($label.data("index"), 10);
if ($(e.target).is(".remove")) return this.selected_items.splice(index, 1), this.options.remove_callback($label, this.selected_items), $label.remove(), !1;
this.selected_items[index].action = "+" === this.selected_items[index].action ? "-" : "+", "+" === this.selected_items[index].action ? $label.removeClass("exclude").addClass("include") : $label.removeClass("include").addClass("exclude"), this.options.update_callback($label, this.selected_items)
},
buildSource: function(request, response) {
this.ajax && (this.ajax.abort(), response([]), this.ajax = !1);
var exclude = _.filter(_.map(this.selected_items, function(item) {
return item ? item.value : void 0
})).join(",");
this.ajax = $.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: {
action: "wpb_get_loop_suggestion",
field: this.suggester,
exclude: exclude,
query: request.term,
_vcnonce: window.vcAdminNonce
}
}).done(function(data) {
response(data)
})
}
}, $.fn.suggester = function(option) {
return this.each(function() {
var $this = $(this),
data = $this.data("suggester");
data || $this.data("suggester", data = new Suggester(this, option)), "string" == typeof option && data[option]()
})
};
var VcLoopEditorView = Backbone.View.extend({
className: "loop_params_holder",
events: {
"click input, select": "save",
"change input, select": "save",
"change :checkbox[data-input]": "updateCheckbox"
},
query_options: {},
return_array: {},
controller: "",
initialize: function() {
_.bindAll(this, "save", "updateSuggestion", "suggestionLocked")
},
render: function(controller) {
var template = vc.template($("#vcl-loop-frame").html(), _.extend({}, vc.templateOptions.custom, {
variable: "loop"
}));
return this.controller = controller, this.$el.html(template(this.model)), this.controller.$el.append(this.$el), _.each($("[data-suggest]"), function(object) {
var $field = $(object),
current_value = window.decodeURIComponent($("[data-suggest-prefill=" + $field.data("suggest") + "]").val());
$field.suggester({
predefined: $.parseJSON(current_value),
select_callback: this.updateSuggestion,
update_callback: this.updateSuggestion,
remove_callback: this.updateSuggestion,
check_locked_callback: this.suggestionLocked
})
}, this), this
},
show: function() {
this.$el.slideDown()
},
save: function(e) {
this.return_array = {}, _.each(this.model, function(value, key) {
var value = this.getValue(key, value);
_.isString(value) && !_.isEmpty(value) && (this.return_array[key] = value)
}, this), this.controller.setInputValue(this.return_array)
},
getValue: function(key) {
return $("[name=" + key + "]", this.$el).val()
},
hide: function() {
this.$el.slideUp()
},
toggle: function() {
this.$el.is(":animated") || this.$el.slideToggle()
},
updateCheckbox: function(e) {
var $checkbox = $(e.currentTarget),
input_name = $checkbox.data("input"),
$input = $("[data-name=" + input_name + "]", this.$el),
value = [];
$("[data-input=" + input_name + "]:checked").each(function() {
value.push($(this).val())
}), $input.val(value), this.save()
},
updateSuggestion: function($elem, data) {
var value, $suggestion_block = $elem.closest("[data-block=suggestion]");
value = _.reduce(data, function(memo, label) {
return _.isEmpty(label) ? "" : memo + (_.isEmpty(memo) ? "" : ",") + ("-" === label.action ? "-" : "") + label.value
}, "").trim(), $suggestion_block.find("[data-suggest-value]").val(value).trigger("change")
},
suggestionLocked: function($elem, data) {
var value = data.value,
field = $elem.closest("[data-block=suggestion]").find("[data-suggest-value]").data("suggest-value");
return this.controller.settings && this.controller.settings[field] && _.isBoolean(this.controller.settings[field].locked) && 1 == this.controller.settings[field].locked && _.isString(this.controller.settings[field].value) && 0 <= _.indexOf(this.controller.settings[field].value.replace("-", "").split(/\,/), "" + value)
}
}),
VcLoop = Backbone.View.extend({
events: {
"click .vc_loop-build": "showEditor"
},
initialize: function() {
_.bindAll(this, "createEditor"), this.$input = $(".wpb_vc_param_value", this.$el), this.$button = this.$el.find(".vc_loop-build"), this.data = this.$input.val(), this.settings = $.parseJSON(window.decodeURIComponent(this.$button.data("settings")))
},
render: function() {
return this
},
showEditor: function(e) {
if (e.preventDefault(), _.isObject(this.loop_editor_view)) return this.loop_editor_view.toggle(), !1;
$.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: {
action: "wpb_get_loop_settings",
value: this.data,
settings: this.settings,
post_id: vc.post_id,
_vcnonce: window.vcAdminNonce
}
}).done(this.createEditor)
},
createEditor: function(data) {
this.loop_editor_view = new VcLoopEditorView({
model: _.isEmpty(data) ? {} : data
}), this.loop_editor_view.render(this).show()
},
setInputValue: function(value) {
this.$input.val(_.map(value, function(value, key) {
return key + ":" + value
}).join("|"))
}
}),
VcOptionsField = Backbone.View.extend({
events: {
"click .vc_options-edit": "showEditor",
"click .vc_close-button": "showEditor",
"click input, select": "save",
"change input, select": "save",
"keyup input": "save"
},
data: {},
fields: {},
initialize: function() {
this.$button = this.$el.find(".vc_options-edit"), this.$form = this.$el.find(".vc_options-fields"), this.$input = this.$el.find(".wpb_vc_param_value"), this.settings = this.$form.data("settings"), this.parseData(), this.render()
},
render: function() {
var html = "";
return _.each(this.settings, function(field) {
_.isUndefined(this.data[field.name]) ? _.isUndefined(field.value) || (field.value = field.value.toString().split(","), this.data[field.name] = field.value) : field.value = this.data[field.name], this.fields[field.name] = field;
var $field = $("#vcl-options-field-" + field.type);
if ($field.is("script")) {
var template = vc.template($field.html(), vc.templateOptions.custom);
html += template(_.extend({}, {
name: "",
label: "",
value: [],
options: "",
description: ""
}, field))
}
}, this), this.$form.html(html + this.$form.html()), this
},
parseData: function() {
_.each(this.$input.val().split("|"), function(data) {
if (data.match(/\:/)) {
var split = data.split(":"),
name = split[0],
value = split[1];
this.data[name] = _.map(value.split(","), function(v) {
return window.decodeURIComponent(v)
})
}
}, this)
},
saveData: function() {
var data_string = _.map(this.data, function(value, key) {
return key + ":" + _.map(value, function(v) {
return window.encodeURIComponent(v)
}).join(",")
}).join("|");
this.$input.val(data_string)
},
showEditor: function() {
this.$form.slideToggle()
},
save: function(e) {
var $field = $(e.currentTarget);
if ($field.is(":checkbox")) {
var value = [];
this.$el.find("input[name=" + $field.attr("name") + "]").each(function() {
this.checked && value.push($(this).val())
}), this.data[$field.attr("name")] = value
} else this.data[$field.attr("name")] = [$field.val()];
this.saveData()
}
});
VcSortedList.prototype = {
constructor: VcSortedList,
init: function() {
_.bindAll(this, "controlEvent", "save"), this.$toolbar.on("change", "input", this.controlEvent);
var selected_data = this.$data_field.val().split(",");
for (var i in selected_data) {
var control_settings = selected_data[i].split("|"),
$control = !!control_settings.length && this.$toolbar.find("[data-element=" + decodeURIComponent(control_settings[0]) + "]");
!1 !== $control && $control.is("input") && ($control.prop("checked", !0), this.createControl({
value: $control.val(),
label: $control.parent().text(),
sub: $control.data("subcontrol"),
sub_value: _.map(control_settings.slice(1), function(item) {
return window.decodeURIComponent(item)
})
}))
}
this.$current_control.sortable({
stop: this.save
}).on("change", "select", this.save)
},
createControl: function(data) {
var sub_control = "",
selected_sub_value = _.isUndefined(data.sub_value) ? [] : data.sub_value;
_.isArray(data.sub) && _.each(data.sub, function(sub, index) {
sub_control += " <select>", _.each(sub, function(item) {
sub_control += '<option value="' + item[0] + '"' + (_.isString(selected_sub_value[index]) && selected_sub_value[index] === item[0] ? ' selected="true"' : "") + ">" + item[1] + "</option>"
}), sub_control += "</select>"
}, this), this.$current_control.append('<li class="vc_control-' + data.value + '" data-name="' + data.value + '">' + data.label + sub_control + "</li>")
},
controlEvent: function(e) {
var $control = $(e.currentTarget);
$control[0].checked ? this.createControl({
value: $control.val(),
label: $control.parent().text(),
sub: $control.data("subcontrol")
}) : this.$current_control.find(".vc_control-" + $control.val()).remove(), this.save()
},
save: function() {
var value = _.map(this.$current_control.find("[data-name]"), function(element) {
var return_string = encodeURIComponent($(element).data("name"));
return $(element).find("select").each(function() {
var $sub_control = $(this);
$sub_control.is("select") && "" !== $sub_control.val() && (return_string += "|" + encodeURIComponent($sub_control.val()))
}), return_string
}).join(",");
this.$data_field.val(value)
}
}, $.fn.VcSortedList = function(option) {
return this.each(function() {
var $this = $(this),
data = $this.data("vc_sorted_list");
_.isObject(option);
data || $this.data("vc_sorted_list", data = new VcSortedList(this, option)), "string" == typeof option && data[option]()
})
};
var GoogleFonts = Backbone.View.extend({
preview_el: ".vc_google_fonts_form_field-preview-container > span",
font_family_dropdown_el: ".vc_google_fonts_form_field-font_family-container > select",
font_style_dropdown_el: ".vc_google_fonts_form_field-font_style-container > select",
font_style_dropdown_el_container: ".vc_google_fonts_form_field-font_style-container",
status_el: ".vc_google_fonts_form_field-status-container > span",
events: {
"change .vc_google_fonts_form_field-font_family-container > select": "fontFamilyDropdownChange",
"change .vc_google_fonts_form_field-font_style-container > select": "fontStyleDropdownChange"
},
initialize: function(attr) {
_.bindAll(this, "previewElementInactive", "previewElementActive", "previewElementLoading"), this.$preview_el = $(this.preview_el, this.$el), this.$font_family_dropdown_el = $(this.font_family_dropdown_el, this.$el), this.$font_style_dropdown_el = $(this.font_style_dropdown_el, this.$el), this.$font_style_dropdown_el_container = $(this.font_style_dropdown_el_container, this.$el), this.$status_el = $(this.status_el, this.$el), this.fontFamilyDropdownRender()
},
render: function() {
return this
},
previewElementRender: function() {
return this.$preview_el.css({
"font-family": this.font_family,
"font-style": this.font_style,
"font-weight": this.font_weight
}), this
},
previewElementInactive: function() {
this.$status_el.text(window.i18nLocale.gfonts_loading_google_font_failed || "Loading google font failed.").css("color", "#FF0000")
},
previewElementActive: function() {
this.$preview_el.text("Grumpy wizards make toxic brew for the evil Queen and Jack.").css("color", "inherit"), this.fontStyleDropdownRender()
},
previewElementLoading: function() {
this.$preview_el.text(window.i18nLocale.gfonts_loading_google_font || "Loading Font...")
},
fontFamilyDropdownRender: function() {
return this.fontFamilyDropdownChange(), this
},
fontFamilyDropdownChange: function() {
var $font_family_selected = this.$font_family_dropdown_el.find(":selected");
return this.font_family_url = $font_family_selected.val(), this.font_family = $font_family_selected.attr("data[font_family]"), this.font_types = $font_family_selected.attr("data[font_types]"), this.$font_style_dropdown_el_container.parent().hide(), this.font_family_url && 0 < this.font_family_url.length && WebFont.load({
google: {
families: [this.font_family_url]
},
inactive: this.previewElementInactive,
active: this.previewElementActive,
loading: this.previewElementLoading
}), this
},
fontStyleDropdownRender: function() {
var str = this.font_types,
str_arr = str.split(","),
oel = "",
default_f_style = this.$font_family_dropdown_el.attr("default[font_style]");
for (var str_inner in str_arr) {
var str_arr_inner = str_arr[str_inner].split(":"),
sel = "";
_.isString(default_f_style) && 0 < default_f_style.length && str_arr[str_inner] == default_f_style && (sel = "selected"), oel = oel + "<option " + sel + ' value="' + str_arr[str_inner] + '" data[font_weight]="' + str_arr_inner[1] + '" data[font_style]="' + str_arr_inner[2] + '" class="' + str_arr_inner[2] + "_" + str_arr_inner[1] + '" >' + str_arr_inner[0] + "</option>"
}
return this.$font_style_dropdown_el.html(oel), this.$font_style_dropdown_el_container.parent().show(), this.fontStyleDropdownChange(), this
},
fontStyleDropdownChange: function() {
var $font_style_selected = this.$font_style_dropdown_el.find(":selected");
return this.font_weight = $font_style_selected.attr("data[font_weight]"), this.font_style = $font_style_selected.attr("data[font_style]"), this.previewElementRender(), this
}
}),
VC_AutoComplete = Backbone.View.extend({
min_length: 2,
delay: 500,
auto_focus: !0,
ajax_url: window.ajaxurl,
source_data: function() {
return {}
},
replace_values_on_select: !1,
initialize: function(params) {
_.bindAll(this, "sortableChange", "resize", "labelRemoveHook", "updateItems", "sortableCreate", "sortableUpdate", "source", "select", "labelRemoveClick", "createBox", "focus", "response", "change", "close", "open", "create", "search", "_renderItem", "_renderMenu", "_renderItemData", "_resizeMenu"), params = $.extend({
min_length: this.min_length,
delay: this.delay,
auto_focus: this.auto_focus,
replace_values_on_select: this.replace_values_on_select
}, params), this.options = params, this.param_name = this.options.param_name, this.$el = this.options.$el, this.$el_wrap = this.$el.parent(), this.$sortable_wrapper = this.$el_wrap.parent(), this.$input_param = this.options.$param_input, this.selected_items = [], this.isMultiple = !1, this.render()
},
resize: function() {
var position = this.$el_wrap.position(),
block_position = this.$block.position();
this.$el.autocomplete("widget").width(parseFloat(this.$block.width()) - (parseFloat(position.left) - parseFloat(block_position.left) + 4) + 11)
},
enableMultiple: function() {
this.isMultiple = !0, this.$el.show(), this.$el.focus()
},
enableSortable: function() {
this.sortable = this.$sortable_wrapper.sortable({
items: ".vc_data",
axis: "y",
change: this.sortableChange,
create: this.sortableCreate,
update: this.sortableUpdate
})
},
updateItems: function() {
this.selected_items.length ? this.$input_param.val(this.getSelectedItems().join(", ")) : this.$input_param.val("")
},
sortableChange: function(event, ui) {},
itemsCreate: function() {
var sel_items = [];
this.$block.find(".vc_data").each(function(key, item) {
sel_items.push({
label: item.dataset.label,
value: item.dataset.value
})
}), this.selected_items = sel_items
},
sortableCreate: function(event, ui) {},
sortableUpdate: function(event, ui) {
var elems = this.$sortable_wrapper.sortable("toArray", {
attribute: "data-index"
}),
items = [];
_.each(elems, function(index) {
items.push(this.selected_items[index])
}, this);
var index = 0;
$("li.vc_data", this.$sortable_wrapper).each(function() {
$(this).attr("data-index", index++)
}), this.selected_items = items, this.updateItems()
},
getWidget: function() {
return this.$el.autocomplete("widget")
},
render: function() {
if (this.$el.focus(this.resize), this.data = this.$el.autocomplete({
source: this.source,
minLength: this.options.min_length,
delay: this.options.delay,
autoFocus: this.options.auto_focus,
select: this.select,
focus: this.focus,
response: this.response,
change: this.change,
close: this.close,
open: this.open,
create: this.create,
search: this.search
}), this.data.data("ui-autocomplete")._renderItem = this._renderItem, this.data.data("ui-autocomplete")._renderMenu = this._renderMenu, this.data.data("ui-autocomplete")._resizeMenu = this._resizeMenu, 0 < this.$input_param.val().length) {
this.isMultiple ? this.$el.focus() : this.$el.hide();
var that = this;
$(".vc_autocomplete-label.vc_data", this.$sortable_wrapper).each(function() {
that.labelRemoveHook($(this))
})
}
return this.getWidget().addClass("vc_ui-front").addClass("vc_ui-auotocomplete"), this.$block = this.$el_wrap.closest("ul").append($('<li class="clear"/>')), this.itemsCreate(), this
},
close: function(event, ui) {
this.selected && this.options.no_hide && (this.getWidget().show(), 2 < ++this.selected && (this.selected = void 0))
},
open: function(event, ui) {
var widget = this.getWidget().menu(),
widget_position = widget.position();
widget.css("left", widget_position.left - 6), widget.css("top", widget_position.top + 2)
},
focus: function(event, ui) {
if (!this.options.replace_values_on_select) return event.preventDefault(), !1
},
create: function(event, ui) {},
change: function(event, ui) {},
response: function(event, ui) {},
search: function(event, ui) {},
select: function(event, ui) {
if (this.selected = 1, ui.item) {
if (this.options.unique_values) {
var $li_el = this.getWidget().data("uiMenu").active;
if (this.options.groups) {
var $prev_el = $li_el.prev(),
$next_el = $li_el.next();
$prev_el.hasClass("vc_autocomplete-group") && !$next_el.hasClass("vc_autocomplete-item") && $prev_el.remove()
}
$li_el.remove();
var that = this;
$("li.ui-menu-item", this.getWidget()).length || (that.selected = void 0)
}
this.createBox(ui.item), this.isMultiple ? this.$el.focus() : this.$el.hide()
}
return !1
},
createBox: function(item) {
var $label, index = this.selected_items.push(item) - 1;
this.updateItems(), $label = $('<li class="vc_autocomplete-label vc_data" data-index="' + index + '" data-value="' + item.value + '" data-label="' + item.label + '"><span class="vc_autocomplete-label"><a>' + item.label + '</a></span><a class="vc_autocomplete-remove">&times;</a></li>'), $label.insertBefore(this.$el_wrap), this.labelRemoveHook($label)
},
labelRemoveHook: function($label) {
this.$el.blur(), this.$el.val(""), $label.click(this.labelRemoveClick)
},
labelRemoveClick: function(e, ui) {
e.preventDefault();
var $label = $(e.currentTarget);
if ($(e.target).is(".vc_autocomplete-remove")) return this.selected_items.splice($label.index(), 1), $label.remove(), this.updateItems(), this.$el.show(), !1
},
getSelectedItems: function() {
if (this.selected_items.length) {
var results = [];
return _.each(this.selected_items, function(item) {
results.push(item.value)
}), results
}
return !1
},
_renderMenu: function(ul, items) {
var that = this,
group = null;
this.options.groups && items.sort(function(a, b) {
return a.group > b.group
}), $.each(items, function(index, item) {
that.options.groups && item.group != group && (group = item.group, ul.append("<li class='ui-autocomplete-group vc_autocomplete-group' aria-label='" + group + "'>" + group + "</li>")), that._renderItemData(ul, item)
})
},
_renderItem: function(ul, item) {
return $('<li data-value="' + item.value + '" class="vc_autocomplete-item">').append("<a>" + item.label + "</a>").appendTo(ul)
},
_renderItemData: function(ul, item) {
return this._renderItem(ul, item).data("ui-autocomplete-item", item)
},
_resizeMenu: function() {},
clearValue: function() {
this.selected_items = [], this.updateItems(), $(".vc_autocomplete-label.vc_data", this.$sortable_wrapper).remove()
},
source: function(request, response) {
var that = this;
this.options.values && 0 < this.options.values.length ? response(this.options.unique_values ? $.ui.autocomplete.filter(_.difference(this.options.values, this.selected_items), request.term) : $.ui.autocomplete.filter(this.options.values, request.term)) : $.ajax({
type: "POST",
dataType: "json",
url: this.ajax_url,
data: $.extend({
action: "vc_get_autocomplete_suggestion",
shortcode: vc.active_panel.model.get("shortcode"),
param: this.param_name,
query: request.term,
_vcnonce: window.vcAdminNonce
}, this.source_data(request, response))
}).done(function(data) {
response(that.options.unique_values ? _.filter(data, function(obj) {
return !_.findWhere(that.selected_items, obj)
}) : data)
})
}
}),
Vc_ParamInitializer = Backbone.View.extend({
$content: {},
initialize: function() {
_.bindAll(this, "content"), this.$content = this.$el, this.model = vc.active_panel.model
},
setContent: function($el) {
this.$content = $el
},
content: function() {
return this.$content
},
render: function() {
var self;
return self = this, $('[data-vc-ui-element="panel-shortcode-param"]', this.content()).each(function() {
var _this = $(this),
param = _this.data("param_settings");
vc.atts.init.call(self, param, _this)
}), this
}
}),
VC_ParamGroup = Backbone.View.extend({
options: {
max_items: 0,
sortable: !0,
deletable: !0,
collapsible: !0
},
items: 0,
$ul: !1,
initializer: {},
mappedParams: {},
adminLabelParams: [],
groupParamName: "",
events: {
"click > .edit_form_line > .vc_param_group-list > .vc_param_group-add_content": "addNew"
},
initialize: function(data) {
var $elParam, settings, self;
this.$ul = this.$el.find("> .edit_form_line > .vc_param_group-list"), $elParam = $("> .wpb_vc_row", this.$ul), this.initializer = new Vc_ParamInitializer({
el: this.$el
}), this.model = vc.active_panel.model, settings = this.$ul.data("settings"), this.mappedParams = {}, this.adminLabelParams = [], this.options = _.defaults({}, _.isObject(data.settings) ? data.settings : {}, settings, this.options), this.groupParamName = this.options.param.param_name, _.isObject(this.options.param) && _.isArray(this.options.param.params) && _.each(this.options.param.params, function(param) {
var elemName;
elemName = this.groupParamName + "_" + param.param_name, this.mappedParams[elemName] = param, _.isObject(param) && !0 === param.admin_label && this.adminLabelParams.push(elemName)
}, this), this.items = 0, self = this, $elParam.length && $elParam.each(function() {
$elParam.data("vc-param-group-param", new VC_ParamGroup_Param({
el: $(this),
parent: self
})), self.items++, self.afterAdd($(this), "init")
}), this.options.sortable && this.$ul.sortable({
handle: ".vc_control.column_move",
items: "> .wpb_vc_row:not(vc_param_group-add_content-wrapper)",
placeholder: "vc_placeholder"
})
},
addNew: function(ev) {
if (ev.preventDefault(), this.addAllowed()) {
var $newEl, fn;
if (void 0 !== this.options.param.callbacks && void 0 !== this.options.param.callbacks.before_add && "function" == typeof(fn = window[this.options.param.callbacks.before_add]) && !fn()) return;
$newEl = $(JSON.parse(this.$ul.next(".vc_param_group-template").html())), $newEl.removeClass("vc_param_group-add_content-wrapper"), $newEl.insertBefore(ev.currentTarget), $newEl.show(), this.initializer.setContent($newEl.find("> .wpb_element_wrapper")), this.initializer.render(), this.items++, $newEl.data("vc-param-group-param", new VC_ParamGroup_Param({
el: $newEl,
parent: this
})), this.afterAdd($newEl, "new"), vc.events.trigger("vc-param-group-add-new", ev, $newEl, this)
}
},
addAllowed: function() {
return 0 < this.options.max_items && this.items + 1 <= this.options.max_items || 0 >= this.options.max_items
},
afterAdd: function($newEl, action) {
var fn;
this.addAllowed() || (this.$ul.find("> .wpb_vc_row > .vc_param_group-controls > .vc_row_edit_clone_delete > .vc_control.column_clone").hide(), this.$ul.find("> .vc_param_group-add_content").hide()), this.options.sortable || this.$ul.find("> .wpb_vc_row > .vc_param_group-controls > .vc_control.column_move").hide(), this.options.deletable || this.$ul.find("> .wpb_vc_row > .vc_param_group-controls > .vc_row_edit_clone_delete > .vc_control.column_delete").hide(), this.options.collapsible || this.$ul.find("> .wpb_vc_row > .vc_param_group-controls > .vc_row_edit_clone_delete > .vc_control.column_toggle").hide(), void 0 !== this.options.param.callbacks && void 0 !== this.options.param.callbacks.after_add && "function" == typeof(fn = window[this.options.param.callbacks.after_add]) && fn($newEl, action)
},
afterDelete: function() {
var fn;
this.addAllowed() && (this.$ul.find("> .wpb_vc_row > .vc_param_group-controls > .vc_row_edit_clone_delete > .vc_control.column_clone").show(), this.$ul.find("> .vc_param_group-add_content").show()), void 0 !== this.options.param.callbacks && void 0 !== this.options.param.callbacks.after_delete && "function" == typeof(fn = window[this.options.param.callbacks.after_delete]) && fn()
}
}),
VC_ParamGroup_Param = Backbone.View.extend({
dependentElements: !1,
mappedParams: !1,
groupParamName: "",
adminLabelParams: [],
events: {
"click > .vc_controls > .vc_row_edit_clone_delete > .vc_control.column_toggle": "toggle",
"click > .vc_controls > .vc_row_edit_clone_delete > .vc_control.column_delete": "deleteParam",
"click > .vc_controls > .vc_row_edit_clone_delete > .vc_control.column_clone": "clone"
},
initialize: function(options) {
this.options = options, this.$content = this.options.parent.$ul, this.model = vc.active_panel.model, this.mappedParams = this.options.parent.mappedParams, this.groupParamName = this.options.parent.groupParamName, this.adminLabelParams = this.options.parent.adminLabelParams, this.dependentElements = {}, _.bindAll(this, "hookDependent"), this.initializeDependency(), _.bindAll(this, "hookAdminLabel"), this.initializeAdminLabels()
},
initializeAdminLabels: function() {
var i, $fields, callback;
for (callback = this.hookAdminLabel, i = 0; i < this.adminLabelParams.length; i++) $fields = $("[name=" + this.adminLabelParams[i] + "].wpb_vc_param_value", this.$el), $fields.each(function() {
var $field = $(this);
$field.data("vc_admin_labels") || ($field.data("vc_admin_labels", !0), $field.bind("keyup change", callback), callback({
currentTarget: this
}))
})
},
hookAdminLabel: function(e) {
var i, $wrapperLabel, elemName, paramSettings, labelName, labelValue, labels, $field, $parent;
for (labelName = "", labelValue = "", labels = [], $field = $(e.currentTarget), $parent = $field.closest(".vc_param_group-wrapper"), $wrapperLabel = $field.closest(".vc_param").find(".vc_param-group-admin-labels"), i = 0; i < this.adminLabelParams.length; i++) {
var $paramWrapper;
elemName = this.adminLabelParams[i], $field = $parent.find("[name=" + elemName + "]"), $paramWrapper = $field.closest('[data-vc-ui-element="panel-shortcode-param"]'), void 0 !== this.mappedParams[elemName] && (labelName = this.mappedParams[elemName].heading), labelValue = $field.is("select") ? $field.find("option:selected").text() : $field.is("input:checkbox") ? $field[0].checked ? $field.val() : "" : $field.val(), paramSettings = {
type: $paramWrapper.data("param_type"),
param_name: $paramWrapper.data("param_name")
}, _.isObject(vc.atts[paramSettings.type]) && _.isFunction(vc.atts[paramSettings.type].render) && (labelValue = vc.atts[paramSettings.type].render.call(this, paramSettings, labelValue)), "" !== labelValue && labels.push("<label>" + labelName + "</label>: " + labelValue)
}
$wrapperLabel.html(labels.join(", ")).toggleClass("vc_hidden-label", !labels.length)
},
initializeDependency: function() {
var callDependencies;
callDependencies = {}, _.each(this.mappedParams, function(param, name) {
if (_.isObject(param) && _.isObject(param.dependency) && _.isString(param.dependency.element)) {
var $masters, $slave;
$masters = $("[name=" + this.groupParamName + "_" + param.dependency.element + "].wpb_vc_param_value", this.$el), $slave = $("[name=" + name + "].wpb_vc_param_value", this.$el), $slave.length && _.each($masters, function(master) {
var $master;
$master = $(master);
var masterName, rules;
masterName = $master.attr("name"), rules = param.dependency, _.isArray(this.dependentElements[masterName]) || (this.dependentElements[masterName] = []), this.dependentElements[masterName].push($slave), $master.data("dependentSet") || ($master.attr("data-dependent-set", "true"), $master.bind("keyup change", this.hookDependent)), callDependencies[masterName] || (callDependencies[masterName] = $master), _.isString(rules.callback) && window[rules.callback].call(this)
}, this)
}
}, this), _.each(callDependencies, function(obj) {
this.hookDependent({
currentTarget: obj
})
}, this)
},
hookDependent: function(e) {
var $master, $masterContainer, isMasterEmpty, dependentElements, masterValue;
return $master = $(e.currentTarget), $masterContainer = $master.closest(".vc_column"), dependentElements = this.dependentElements[$master.attr("name")], masterValue = $master.is(":checkbox") ? _.map(this.$el.find("[name=" + $master.attr("name") + "].wpb_vc_param_value:checked"), function(element) {
return $(element).val()
}) : $master.val(), isMasterEmpty = $master.is(":checkbox") ? !this.$el.find("[name=" + $master.attr("name") + "].wpb_vc_param_value:checked").length : !masterValue.length, $masterContainer.hasClass("vc_dependent-hidden") ? _.each(dependentElements, function($element) {
var event = $.Event("change");
event.extra_type = "vcHookDependedParamGroup", $element.closest(".vc_column").addClass("vc_dependent-hidden"), $element.trigger(event)
}) : _.each(dependentElements, function($element) {
var event, paramName, rules, $paramBlock;
paramName = $element.attr("name"), rules = _.isObject(this.mappedParams[paramName]) && _.isObject(this.mappedParams[paramName].dependency) ? this.mappedParams[paramName].dependency : {}, $paramBlock = $element.closest(".vc_column"), _.isBoolean(rules.not_empty) && !0 === rules.not_empty && !isMasterEmpty ? $paramBlock.removeClass("vc_dependent-hidden") : _.isBoolean(rules.is_empty) && !0 === rules.is_empty && isMasterEmpty ? $paramBlock.removeClass("vc_dependent-hidden") : rules.value && _.intersection(_.isArray(rules.value) ? rules.value : [rules.value], _.isArray(masterValue) ? masterValue : [masterValue]).length ? $paramBlock.removeClass("vc_dependent-hidden") : rules.value_not_equal_to && !_.intersection(_.isArray(rules.value_not_equal_to) ? rules.value_not_equal_to : [rules.value_not_equal_to], _.isArray(masterValue) ? masterValue : [masterValue]).length ? $paramBlock.removeClass("vc_dependent-hidden") : $paramBlock.addClass("vc_dependent-hidden"), event = $.Event("change"), event.extra_type = "vcHookDependedParamGroup", $element.trigger(event)
}, this), this
},
deleteParam: function(ev) {
_.isObject(ev) && ev.preventDefault && ev.preventDefault(), !0 === confirm(window.i18nLocale.press_ok_to_delete_section) && (this.options.parent.items--, this.options.parent.afterDelete(), this.$el.remove(), this.unbind(), this.remove())
},
content: function() {
return this.$content
},
clone: function(ev) {
if (ev.preventDefault(), this.options.parent.addAllowed()) {
var param = this.options.parent.$ul.data("settings"),
$content = this.$content;
this.$content = this.$el;
var value = vc.atts.param_group.parseOne.call(this, param);
$.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "vc_param_group_clone",
param: encodeURIComponent(JSON.stringify(param)),
shortcode: vc.active_panel.model.get("shortcode"),
value: value,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
},
dataType: "html",
context: this
}).done(function(html) {
var $newEl;
$newEl = $(html), $newEl.insertAfter(this.$el), this.$content = $content, this.options.parent.initializer.$content = $("> .wpb_element_wrapper", $newEl), this.options.parent.initializer.render(), $newEl.data("vc-param-group-param", new VC_ParamGroup_Param({
el: $newEl,
parent: this.options.parent
})), this.options.parent.items++, this.options.parent.afterAdd($newEl, "clone")
})
}
},
toggle: function(ev) {
ev.preventDefault();
var $parent = this.$el;
$parent.find("> .wpb_element_wrapper").slideToggle(), $parent.toggleClass("vc_param_group-collapsed").siblings(":not(.vc_param_group-collapsed)").addClass("vc_param_group-collapsed").find("> .wpb_element_wrapper").slideUp()
}
});
window.i18nLocale;
vc.edit_form_callbacks = [], vc.atts = {
parse: function(param) {
var value, params, $param, $field;
if ($field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"), $param = $field.closest('[data-vc-ui-element="panel-shortcode-param"]'), _.isUndefined(vc.atts[param.type]) || _.isUndefined(vc.atts[param.type].parse) ? value = $field.length ? $field.val() : null : $param.data("vcInitParam") ? value = vc.atts[param.type].parse.call(this, param) : (params = this.model.get("params"), value = _.isUndefined(params[param.param_name]) ? $field.length ? $field.val() : null : params[param.param_name]), void 0 !== $field.data("js-function") && void 0 !== window[$field.data("js-function")]) {
(0, window[$field.data("js-function")])(this.$el, this, param)
}
return value
},
parseFrame: function(param) {
return vc.atts.parse.call(this, param)
},
init: function(param, $field) {
_.isUndefined(vc.atts[param.type]) || _.isUndefined(vc.atts[param.type].init) || vc.atts[param.type].init.call(this, param, $field)
}
}, vc.atts.textarea_html = {
parse: function(param) {
var _window = this.window(),
$field = this.content().find(".textarea_html." + param.param_name);
try {
_window.tinyMCE && _.isArray(_window.tinyMCE.editors) && _.each(_window.tinyMCE.editors, function(_editor) {
"wpb_tinymce_content" === _editor.id && _editor.save()
})
} catch (e) {
console && console.error && console.error(e)
}
return $field.val()
},
render: function(param, value) {
return _.isUndefined(value) ? value : vc_wpautop(value)
}
}, vc.atts.textarea_safe = {
parse: function(param) {
var $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
new_value = $field.val();
return new_value.match(/"|(http)/) ? "#E-8_" + base64_encode(rawurlencode(new_value)) : new_value
},
render: function(param, value) {
return value && value.match(/^#E\-8_/) ? $("<div/>").text(rawurldecode(base64_decode(value.replace(/^#E\-8_/, "")))).html() : value
}
}, vc.atts.checkbox = {
parse: function(param) {
var arr, newValue;
return arr = [], newValue = "", $("input[name=" + param.param_name + "]", this.content()).each(function() {
var self;
self = $(this), this.checked && arr.push(self.attr("value"))
}), 0 < arr.length && (newValue = arr.join(",")), newValue
},
defaults: function(param) {
return ""
}
}, vc.atts.el_id = {
clone: function(clonedModel, paramValue, paramSettings) {
var shortcodeParams;
shortcodeParams = clonedModel.get("params"), _.isUndefined(paramSettings) || _.isUndefined(paramSettings.settings) || _.isUndefined(paramSettings.settings.auto_generate) || !0 !== paramSettings.settings.auto_generate ? shortcodeParams[paramSettings.param_name] = "" : shortcodeParams[paramSettings.param_name] = Date.now() + "-" + vc_guid(), clonedModel.set({
params: shortcodeParams
}, {
silent: !0
})
},
create: function(shortcodeModel, paramValue, paramSettings) {
if (shortcodeModel.get("cloned")) return vc.atts.el_id.clone(shortcodeModel, paramValue, paramSettings);
if (_.isEmpty(paramValue) && !_.isUndefined(paramSettings) && !_.isUndefined(paramSettings.settings) && !_.isUndefined(paramSettings.settings.auto_generate) && 1 == paramSettings.settings.auto_generate) {
var shortcodeParams;
shortcodeParams = shortcodeModel.get("params"), shortcodeParams[paramSettings.param_name] = Date.now() + "-" + vc_guid(), shortcodeModel.set({
params: shortcodeParams
}, {
silent: !0
})
}
}
}, vc.events.on("shortcodes:add:param:type:el_id", vc.atts.el_id.create), vc.atts.posttypes = {
parse: function(param) {
var posstypes_arr = [],
new_value = "";
return $("input[name=" + param.param_name + "]", this.content()).each(function() {
var self = $(this);
this.checked && posstypes_arr.push(self.attr("value"))
}), 0 < posstypes_arr.length && (new_value = posstypes_arr.join(",")), new_value
}
}, vc.atts.taxonomies = {
parse: function(param) {
var posstypes_arr = [],
new_value = "";
return $("input[name=" + param.param_name + "]", this.content()).each(function() {
var self = $(this);
this.checked && posstypes_arr.push(self.attr("value"))
}), 0 < posstypes_arr.length && (new_value = posstypes_arr.join(",")), new_value
}
}, vc.atts.exploded_textarea = {
parse: function(param) {
return this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]").val().replace(/\n/g, ",")
}
}, vc.atts.exploded_textarea_safe = {
parse: function(param) {
var $field, new_value;
return $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"), new_value = $field.val(), new_value = new_value.replace(/\n/g, ","), new_value.match(/"|(http)/) ? "#E-8_" + base64_encode(rawurlencode(new_value)) : new_value
},
render: function(param, value) {
return value && value.match(/^#E\-8_/) ? $("<div/>").text(rawurldecode(base64_decode(value.replace(/^#E\-8_/, "")))).html() : value
}
}, vc.atts.textarea_raw_html = {
parse: function(param) {
var $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
new_value = $field.val();
return base64_encode(rawurlencode(new_value))
},
render: function(param, value) {
return value ? $("<div/>").text(rawurldecode(base64_decode(value.trim()))).html() : ""
}
}, vc.atts.dropdown = {
render: function(param, value) {
return value
},
init: function(param, $field) {
$(".wpb_vc_param_value.dropdown", $field).change(function() {
var $this = $(this),
$options = $this.find(":selected"),
prev_option_class = $this.data("option"),
option_class = $options.length ? $options.attr("class").replace(/\s/g, "_") : "";
option_class = option_class.replace("#", "hash-"), void 0 !== prev_option_class && $this.removeClass(prev_option_class), void 0 !== option_class && $this.data("option", option_class) && $this.addClass(option_class)
})
},
defaults: function(param) {
var values;
return _.isArray(param.value) || _.isString(param.value) ? _.isArray(param.value) ? (values = param.value[0], _.isArray(values) && values.length ? values[0] : values) : "" : (values = _.values(param.value)[0], values.label ? values.value : values)
}
}, vc.atts.attach_images = {
parse: function(param) {
var $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
thumbnails_html = "";
return $field.parent().find("li.added").each(function() {
thumbnails_html += '<li><img src="' + $(this).find("img").attr("src") + '" alt=""></li>'
}), $("[data-model-id=" + this.model.id + "]").data("field-" + param.param_name + "-attach-images", thumbnails_html), $field.length ? $field.val() : null
},
render: function(param, value) {
var $thumbnails = this.$el.find(".attachment-thumbnails[data-name=" + param.param_name + "]");
return "external_link" === this.model.getParam("source") && (value = this.model.getParam("custom_srcs")), _.isEmpty(value) ? (this.$el.removeData("field-" + param.param_name + "-attach-images"), vc.atts.attach_images.updateImages($thumbnails, "")) : $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "wpb_gallery_html",
content: value,
_vcnonce: window.vcAdminNonce
},
dataType: "html",
context: this
}).done(function(html) {
vc.atts.attach_images.updateImages($thumbnails, html)
}), value
},
updateImages: function($thumbnails, thumbnails_html) {
$thumbnails.html(thumbnails_html), thumbnails_html.length ? $thumbnails.removeClass("image-exists").next().addClass("image-exists") : $thumbnails.addClass("image-exists").next().removeClass("image-exists")
}
}, vc.atts.href = {
parse: function(param) {
var $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
val = "";
return $field.length && "http://" !== $field.val() && (val = $field.val()), val
}
}, vc.atts.attach_image = {
parse: function(param) {
var $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
image_src = "";
return $field.parent().find("li.added").length && (image_src = $field.parent().find("li.added img").attr("src")), $("[data-model-id=" + this.model.id + "]").data("field-" + param.param_name + "-attach-image", image_src), $field.length ? $field.val() : null
},
render: function(param, value) {
var $model = $("[data-model-id=" + this.model.id + "]"),
image_src = $model.data("field-" + param.param_name + "-attach-image"),
$thumbnail = this.$el.find(".attachment-thumbnail[data-name=" + param.param_name + "]"),
$post_id = $("#post_ID"),
post_id = $post_id.length ? $post_id.val() : 0;
if ("image" === param.param_name) switch (this.model.getParam("source")) {
case "external_link":
vc.atts.attach_image.updateImage($thumbnail, this.model.getParam("custom_src"));
break;
default:
_.isEmpty(value) && "featured_image" !== this.model.getParam("source") ? _.isUndefined(image_src) || ($model.removeData("field-" + param.param_name + "-attach-image"), vc.atts.attach_image.updateImage($thumbnail, image_src)) : $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "wpb_single_image_src",
content: value,
params: this.model.get("params"),
post_id: post_id,
_vcnonce: window.vcAdminNonce
},
dataType: "html",
context: this
}).done(function(image_src) {
var image_exists = image_src.length || "featured_image" === this.model.getParam("source");
vc.atts.attach_image.updateImage($thumbnail, image_src, image_exists)
})
}
return value
},
updateImage: function($thumbnail, image_src, image_exists) {
$thumbnail.length && (void 0 === image_exists && (image_exists = !1), image_exists || !_.isEmpty(image_src) ? ($thumbnail.attr("src", image_src), _.isEmpty(image_src) ? ($thumbnail.hide(), $thumbnail.next().removeClass("image-exists").next().addClass("image-exists")) : ($thumbnail.show(), $thumbnail.next().addClass("image-exists").next().addClass("image-exists"))) : $thumbnail.attr("src", "").hide().next().removeClass("image-exists").next().removeClass("image-exists"))
}
}, vc.atts.google_fonts = {
parse: function(param) {
var string_pieces, $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
$block = $field.parent(),
options = {};
return options.font_family = $block.find(".vc_google_fonts_form_field-font_family-select > option:selected").val(), options.font_style = $block.find(".vc_google_fonts_form_field-font_style-select > option:selected").val(), string_pieces = _.map(options, function(value, key) {
if (_.isString(value) && 0 < value.length) return key + ":" + encodeURIComponent(value)
}), $.grep(string_pieces, function(value) {
return _.isString(value) && 0 < value.length
}).join("|")
},
init: function(param, $field) {
var $g_fonts = $field;
$g_fonts.length && ("undefined" != typeof WebFont ? $field.data("vc-param-object", new GoogleFonts({
el: $g_fonts
})) : $g_fonts.find("> .edit_form_line").html(window.i18nLocale.gfonts_unable_to_load_google_fonts || "Unable to load Google Fonts"))
}
}, vc.atts.font_container = {
parse: function(param) {
var string_pieces, $field = this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]"),
$block = $field.parent(),
options = {};
return options.tag = $block.find(".vc_font_container_form_field-tag-select > option:selected").val(), options.font_size = $block.find(".vc_font_container_form_field-font_size-input").val(), options.text_align = $block.find(".vc_font_container_form_field-text_align-select > option:selected").val(), options.font_family = $block.find(".vc_font_container_form_field-font_family-select > option:selected").val(), options.color = $block.find(".vc_font_container_form_field-color-input").val(), options.line_height = $block.find(".vc_font_container_form_field-line_height-input").val(), options.font_style_italic = $block.find(".vc_font_container_form_field-font_style-checkbox.italic").prop("checked") ? "1" : "", options.font_style_bold = $block.find(".vc_font_container_form_field-font_style-checkbox.bold").prop("checked") ? "1" : "", string_pieces = _.map(options, function(value, key) {
if (_.isString(value) && 0 < value.length) return key + ":" + encodeURIComponent(value)
}), $.grep(string_pieces, function(value) {
return _.isString(value) && 0 < value.length
}).join("|")
},
init: function(param, $field) {
vc.atts.colorpicker.init.call(this, param, $field)
}
}, vc.atts.param_group = {
parse: function(param) {
var data, $content, $block, $list;
return $content = this.content(), $block = $content.find('.wpb_el_type_param_group[data-vc-ui-element="panel-shortcode-param"][data-vc-shortcode-param-name="' + param.param_name + '"]'), $list = $block.find("> .edit_form_line > .vc_param_group-list"), data = vc.atts.param_group.extractValues.call(this, param, $('>.wpb_vc_row:not(".vc_param_group-add_content-wrapper")', $list)), this.$content = $content, encodeURIComponent(JSON.stringify(data))
},
extractValues: function(param, $el) {
var data, self;
return data = [], self = this, $el.each(function() {
var innerData;
innerData = {}, self.$content = $(this), _.each(param.params, function(par) {
var innerParam, innerParamName, value;
innerParam = $.extend({}, par), innerParamName = innerParam.param_name, innerParam.param_name = param.param_name + "_" + innerParamName, value = vc.atts.parse.call(self, innerParam), (value.length || innerParam.save_always) && (innerData[innerParamName] = value)
}), data.push(innerData)
}), data
},
parseOne: function(param) {
var $content, data;
return $content = this.content(), data = vc.atts.param_group.extractValues.call(this, param, $content), this.$content = $content, encodeURIComponent(JSON.stringify(data))
},
init: function(param, $field) {
$field.data("vc-param-object", new VC_ParamGroup({
el: $field,
settings: {
param: param
}
}))
}
}, vc.atts.colorpicker = {
init: function(param, $field) {
$(".vc_color-control", $field).each(function() {
var $alpha, $alpha_output, $pickerContainer, $control = $(this),
value = $control.val().replace(/\s+/g, ""),
alpha_val = 100;
value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/) && (alpha_val = 100 * parseFloat(value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)[1])), $control.wpColorPicker({
clear: function(event, ui) {
$alpha.val(100), $alpha_output.val("100%")
},
change: _.debounce(function() {
$(this).trigger("change")
}, 500)
}), $pickerContainer = $control.closest(".wp-picker-container"), $('<div class="vc_alpha-container"><label>Alpha: <output class="rangevalue">' + alpha_val + '%</output></label><input type="range" min="1" max="100" value="' + alpha_val + '" name="alpha" class="vc_alpha-field"></div>').appendTo($pickerContainer.addClass("vc_color-picker").find(".iris-picker")), $alpha = $pickerContainer.find(".vc_alpha-field"), $alpha_output = $pickerContainer.find(".vc_alpha-container output"), $alpha.bind("change keyup", function() {
var alpha_val = parseFloat($alpha.val()),
iris = $control.data("a8c-iris"),
color_picker = $control.data("wp-wpColorPicker");
$alpha_output.val($alpha.val() + "%"), iris._color._alpha = alpha_val / 100, $control.val(iris._color.toString()), color_picker.toggler.css({
backgroundColor: $control.val()
})
}).val(alpha_val).trigger("change")
})
}
}, vc.atts.autocomplete = {
init: function(param, $field) {
var $el_type_autocomplete = $field;
$el_type_autocomplete.length && $el_type_autocomplete.each(function() {
var options, ac, $param = $(".wpb_vc_param_value", this),
param_name = $param.attr("name"),
$el = $(".vc_auto_complete_param", this);
options = $.extend({
$param_input: $param,
param_name: param_name,
$el: $el
}, $param.data("settings")), ac = new VC_AutoComplete(options), options.multiple && ac.enableMultiple(), options.sortable && ac.enableSortable(), $param.data("vc-param-object", ac)
})
}
}, vc.atts.loop = {
init: function(param, $field) {
$field.data("vc-param-object", new VcLoop({
el: $field
}))
}
}, vc.atts.vc_link = {
init: function(param, $field) {
$(".vc_link-build", $field).click(function(e) {
var $block, $input, $url_label, $title_label, value_object, $link_submit, $vc_link_submit, $vc_link_nofollow, dialog;
e.preventDefault(), $block = $(this).closest(".vc_link"), $input = $block.find(".wpb_vc_param_value"), $url_label = $block.find(".url-label"), $title_label = $block.find(".title-label"), value_object = $input.data("json"), $link_submit = $("#wp-link-submit"), $vc_link_submit = $('<input type="submit" name="vc_link-submit" id="vc_link-submit" class="button-primary" value="Set Link">'), $link_submit.hide(), $("#vc_link-submit").remove(), $vc_link_submit.insertBefore($link_submit), $vc_link_nofollow = $('<div class="link-target vc-link-nofollow"><label><span></span> <input type="checkbox" id="vc-link-nofollow"> Add nofollow option to link</label></div>'), $("#link-options .vc-link-nofollow").remove(), $vc_link_nofollow.insertAfter($("#link-options .link-target")), setTimeout(function() {
var currentHeight = $("#most-recent-results").css("top");
$("#most-recent-results").css("top", parseInt(currentHeight) + $vc_link_nofollow.height())
}, 200), dialog = !window.wpLink && $.fn.wpdialog && $("#wp-link").length ? {
$link: !1,
open: function() {
this.$link = $("#wp-link").wpdialog({
title: wpLinkL10n.title,
width: 480,
height: "auto",
modal: !0,
dialogClass: "wp-dialog",
zIndex: 3e5
})
},
close: function() {
this.$link.wpdialog("close")
}
} : window.wpLink, dialog.open("content"), _.isString(value_object.url) && ($("#wp-link-url").length ? $("#wp-link-url").val(value_object.url) : $("#url-field").val(value_object.url)), _.isString(value_object.title) && ($("#wp-link-text").length ? $("#wp-link-text").val(value_object.title) : $("#link-title-field").val(value_object.title)), $("#wp-link-target").length ? $("#wp-link-target").prop("checked", !_.isEmpty(value_object.target)) : $("#link-target-checkbox").prop("checked", !_.isEmpty(value_object.target)), $("#vc-link-nofollow").length && $("#vc-link-nofollow").prop("checked", !_.isEmpty(value_object.rel)), $vc_link_submit.unbind("click.vcLink").bind("click.vcLink", function(e) {
e.preventDefault(), e.stopImmediatePropagation();
var string, options = {};
options.url = $("#wp-link-url").length ? $("#wp-link-url").val() : $("#url-field").val(), options.title = $("#wp-link-text").length ? $("#wp-link-text").val() : $("#link-title-field").val();
var $checkbox = $($("#wp-link-target").length ? "#wp-link-target" : "#link-target-checkbox");
return options.target = $checkbox[0].checked ? " _blank" : "", options.rel = $("#vc-link-nofollow")[0].checked ? "nofollow" : "", string = _.map(options, function(value, key) {
if (_.isString(value) && 0 < value.length) return key + ":" + encodeURIComponent(value)
}).join("|"), $input.val(string), $input.data("json", options), $url_label.html(options.url + options.target), $title_label.html(options.title), dialog.close(), $link_submit.show(), $vc_link_submit.unbind("click.vcLink"), $vc_link_submit.remove(), $("#wp-link-cancel").unbind("click.vcLink"), window.wpLink.textarea = "", $checkbox.attr("checked", !1), $("#most-recent-results").css("top", ""), $("#vc-link-nofollow").attr("checked", !1), !1
}), $("#wp-link-cancel").unbind("click.vcLink").bind("click.vcLink", function(e) {
e.preventDefault(), dialog.close(), $vc_link_submit.unbind("click.vcLink"), $vc_link_submit.remove(), $("#wp-link-cancel").unbind("click.vcLink"), window.wpLink.textarea = ""
})
})
}
}, vc.atts.sorted_list = {
init: function(param, $field) {
$(".vc_sorted-list", $field).VcSortedList()
}
}, vc.atts.options = {
init: function(param, $field) {
$field.data("vc-param-object", new VcOptionsField({
el: $field
}))
}
}, vc.atts.iconpicker = {
change: function(param, $field) {
var $select = $field.find(".vc-iconpicker");
$select.val(this.value), $select.data("vc-no-check", !0), $select.find('[value="' + this.value + '"]').attr("selected", "selected"), $select.data("vcFontIconPicker").loadIcons()
},
parse: function(param) {
return this.content().find(".wpb_vc_param_value[name=" + param.param_name + "]").parent().find(".vc-iconpicker").val()
},
init: function(param, $field) {
var $el = $field.find(".wpb_vc_param_value"),
settings = $.extend({
iconsPerPage: 100,
iconDownClass: "fip-fa fa fa-arrow-down",
iconUpClass: "fip-fa fa fa-arrow-up",
iconLeftClass: "fip-fa fa fa-arrow-left",
iconRightClass: "fip-fa fa fa-arrow-right",
iconSearchClass: "fip-fa fa fa-search",
iconCancelClass: "fip-fa fa fa-remove",
iconBlockClass: "fip-fa"
}, $el.data("settings"));
$field.find(".vc-iconpicker").vcFontIconPicker(settings).on("change", function(e) {
var $select = $(this);
$select.data("vc-no-check") || $el.data("vc-no-check", !0).val(this.value).trigger("change"), $select.data("vc-no-check", !1)
}), $el.on("change", function(e) {
$el.data("vc-no-check") || vc.atts.iconpicker.change.call(this, param, $field), $el.data("vc-no-check", !1)
})
}
}, vc.atts.animation_style = {
init: function(param, $field) {
function animation_style_test(el, x) {
$(el).removeClass().addClass(x + " animated").one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function() {
$(this).removeClass().addClass("vc_param-animation-style-preview")
})
}
var content = $field,
$field_input = $(".wpb_vc_param_value[name=" + param.param_name + "]", content);
$('option[value="' + $field_input.val() + '"]', content).attr("selected", !0), $(".vc_param-animation-style-trigger", content).click(function(e) {
e.preventDefault();
var animation = $(".vc_param-animation-style", content).val();
"none" !== animation && animation_style_test(this.parentNode, "vc_param-animation-style-preview " + animation)
}), $(".vc_param-animation-style", content).change(function() {
var animation = $(this).val();
if ($field_input.val(animation), "none" !== animation) {
animation_style_test($(".vc_param-animation-style-preview", content), "vc_param-animation-style-preview " + animation)
}
})
}
}, vc.atts.vc_grid_id = {
parse: function() {
return "vc_gid:" + Date.now() + "-" + this.model.get("id") + "-" + Math.floor(11 * Math.random())
}
}, vc.atts.addShortcodeIdParam = function(model) {
var params, settings, _changed = !1;
params = model.get("params"), settings = vc.map[model.get("shortcode")], _.isArray(settings.params) && _.each(settings.params, function(p) {
p && !_.isUndefined(p.type) && ("tab_id" === p.type && _.isEmpty(params[p.param_name]) ? (_changed = !0, params[p.param_name] = vc_guid() + "-" + Math.floor(11 * Math.random())) : "vc_grid_id" === p.type && (_changed = !0, params[p.param_name] = vc.atts.vc_grid_id.parse.call({
model: model
})))
}), _changed && model.save("params", params, {
silent: !0
})
}, vc.getMapped = vc.memoizeWrapper(function(tag) {
return vc.map[tag] || {}
})
}(window.jQuery),
function($) {
vc.debug = !1, vc.map = _.isUndefined(window.vc_mapper) ? {} : window.vc_mapper, vc.roles = _.isUndefined(window.vc_roles) ? {} : window.vc_roles, vc.Storage = function() {
this.data = {}
}, vc.Storage.prototype = {
url: window.ajaxurl,
checksum: !1,
locked: !1,
create: function(model) {
return model.id || (model.id = model.attributes.id = vc_guid()), this.data[model.id] = model.toJSON(), this.setModelRoot(model.id), this.save(), model
},
lock: function() {
this.locked = !0
},
unlock: function() {
this.locked = !1
},
setModelRoot: function(id) {
var data = this.data[id];
_.isString(data.parent_id) && _.isObject(this.data[data.parent_id]) && (data.root_id = this.data[data.parent_id].root_id), _.isObject(this.data[data.root_id]) && (this.data[data.root_id].html = !1)
},
update: function(model) {
return this.data[model.id] = model.toJSON(), this.setModelRoot(model.id), this.save(), model
},
destroy: function(model) {
return _.isUndefined(this.data[model.id]) || _.isUndefined(this.data[model.id].root_id) || !_.isObject(this.data[this.data[model.id].root_id]) || (this.data[this.data[model.id].root_id].html = !1), _.isUndefined(this.data[model.id]) || delete this.data[model.id], this.save(), model
},
find: function(model_id) {
return this.data[model_id]
},
findAll: function() {
return this.fetch(), _.values(this.data)
},
findAllRootSorted: function() {
var models = _.filter(_.values(this.data), function(model) {
return !1 === model.parent_id
});
return _.sortBy(models, function(model) {
return model.order
})
},
escapeParam: function(value) {
return _.isUndefined(value) || _.isNull(value) || !value.toString ? "" : value.toString().replace(/"/g, "``").replace(/\[/g, "`{`").replace(/\]/g, "`}`")
},
unescapeParam: function(value) {
return value.replace("`{`", "[").replace("`}`", "]").replace(/(\`{2})/g, '"')
},
storageCreateShortcodeString: function(model) {
var mapped, data, tag, params, content, paramsForString, mergedParams, isContainer;
return tag = model.get("shortcode"), params = _.extend({}, model.get("params")), paramsForString = {}, mergedParams = vc.getMergedParams(tag, params), _.each(mergedParams, function(value, key) {
paramsForString[key] = this.escapeParam(value)
}, this), mapped = vc.getMapped(tag), isContainer = _.isObject(mapped) && (_.isBoolean(mapped.is_container) && !0 === mapped.is_container || !_.isEmpty(mapped.as_parent)), content = this._storageGetShortcodeContent(model), data = {
tag: tag,
attrs: paramsForString,
content: content,
type: _.isUndefined(vc.getParamSettings(tag, "content")) && !isContainer ? "single" : ""
}, model.trigger("stringify", model, data), wp.shortcode.string(data)
},
save: function() {
if (this.locked) return this.locked = !1, !1;
var content = _.reduce(this.findAllRootSorted(), function(memo, modelArray) {
var model = vc.shortcodes.get(modelArray);
return memo + this.storageCreateShortcodeString(model)
}, "", this);
return this.setContent(content), this.checksum = vc_globalHashCode(content), this
},
_storageGetShortcodeContent: function(parent) {
var models, params;
return models = _.sortBy(_.filter(this.data, function(model) {
return model.parent_id === parent.get("id")
}), function(model) {
return model.order
}), models.length ? _.reduce(models, function(memo, modelArray) {
var model = vc.shortcodes.get(modelArray);
return memo + this.storageCreateShortcodeString(model)
}, "", this) : (params = _.extend({}, parent.get("params")), _.isUndefined(params.content) ? "" : params.content)
},
getContent: function() {
return _.isObject(window.tinymce) && tinymce.editors.content && tinymce.editors.content.save(), window.vc_wpnop($("#content").val() || "")
},
setContent: function(content) {
var tiny = _.isObject(window.tinymce) && tinymce.editors.content && !_.isUndefined(window.switchEditors),
editor_hidden = tiny && window.tinyMCE.get("content") && window.tinyMCE.get("content").isHidden();
tiny && window.switchEditors.go("content", "html"), $("#content").val(content), tiny && !editor_hidden && window.switchEditors.go("content", "tmce")
},
parseContent: function(data, content, parent) {
var tags = _.keys(vc.map).join("|"),
reg = window.wp.shortcode.regexp(tags),
matches = content.trim().match(reg);
return _.isNull(matches) ? data : (_.each(matches, function(raw) {
var shortcode, map_settings, sub_matches = raw.match(this.regexp(tags)),
sub_content = sub_matches[5],
sub_regexp = new RegExp("^[\\s]*\\[\\[?(" + _.keys(vc.map).join("|") + ")(?![\\w-])"),
id = window.vc_guid(),
atts_raw = window.wp.shortcode.attrs(sub_matches[3]),
atts = {};
_.each(atts_raw.named, function(value, key) {
atts[key] = this.unescapeParam(value)
}, this), shortcode = {
id: id,
shortcode: sub_matches[2],
order: this.order,
params: _.extend({}, atts),
parent_id: !!_.isObject(parent) && parent.id,
root_id: _.isObject(parent) ? parent.root_id : id
}, map_settings = vc.map[shortcode.shortcode], this.order += 1, data[id] = shortcode, id == shortcode.root_id && (data[id].html = raw), _.isString(sub_content) && sub_content.match(sub_regexp) && (_.isBoolean(map_settings.is_container) && !0 === map_settings.is_container || !_.isEmpty(map_settings.as_parent) && !1 !== map_settings.as_parent) ? data = this.parseContent(data, sub_content, data[id]) : _.isString(sub_content) && sub_content.length && "vc_row" === sub_matches[2] ? data = this.parseContent(data, '[vc_column width="1/1"][vc_column_text]' + sub_content + "[/vc_column_text][/vc_column]", data[id]) : _.isString(sub_content) && sub_content.length && "vc_column" === sub_matches[2] ? data = this.parseContent(data, "[vc_column_text]" + sub_content + "[/vc_column_text]", data[id]) : _.isString(sub_content) && (data[id].params.content = sub_content)
}, this), data)
},
isContentChanged: function() {
return !1 === this.checksum || this.checksum !== vc_globalHashCode(this.getContent())
},
wrapData: function(content) {
var tags = _.keys(vc.map).join("|"),
reg = this.regexp_split("vc_row"),
starts_with_shortcode = new RegExp("^\\[(\\[?)(" + tags + ")", "g"),
_this = this,
storage = {},
i = 0;
content = wp.shortcode.replace("vc_section", content, function(data) {
var toSave = {
attrs: data.attrs.named,
content: _this.wrapData(data.content)
};
i++;
var hash = "vc_pseudo_section_" + i + "_" + VCS4() + VCS4();
return storage[hash] = {
tag: hash,
data: toSave
}, '[vc_row][vc_pseudo_section id="' + hash + '"][/vc_pseudo_section][/vc_row]'
});
var matches = _.filter(content.trim().split(reg), function(value) {
if (!_.isEmpty(value)) return value
});
return content = _.reduce(matches, function(mem, value) {
-1 !== value.trim().indexOf("vc_pseudo_section_") || value.trim().match(starts_with_shortcode) || (value = "[vc_row][vc_column][vc_column_text]" + value + "[/vc_column_text][/vc_column][/vc_row]");
var matches_local = value.match(vc_regexp_shortcode());
return !_.isArray(matches_local) || _.isUndefined(matches_local[2]) || -1 !== matches_local[2].indexOf("vc_pseudo_section_") || _.isUndefined(vc.map[matches_local[2]]) || !_.isUndefined(vc.map[matches_local[2]].is_container) && vc.map[matches_local[2]].is_container || !_.isEmpty(vc.map[matches_local[2]].as_parent) || (value = "[vc_row][vc_column]" + value + "[/vc_column][/vc_row]"), mem + value
}, ""), Object.keys(storage).length > 0 && (content = content.replace(/\[vc_row\]\[vc_pseudo_section/g, "[vc_pseudo_section"), content = content.replace(/\[\/vc_pseudo_section\]\[\/vc_row\]/g, "[/vc_pseudo_section]"), content = wp.shortcode.replace("vc_pseudo_section", content, function(data) {
var item = storage[data.attrs.named.id];
return wp.shortcode.string({
tag: "vc_section",
attrs: item.data.attrs,
content: item.data.content
})
})), content
},
fetch: function() {
if (!this.isContentChanged()) return this;
this.order = 0;
var content = this.getContent();
this.checksum = vc_globalHashCode(content), content = this.wrapData(content), this.data = this.parseContent({}, content)
},
append: function(content) {
this.data = {}, this.order = 0;
try {
var current_content = this.getContent();
this.setContent(current_content + "" + content)
} catch (e) {
window.console && window.console.error && window.console.error(e)
}
},
regexp_split: _.memoize(function(tags) {
return new RegExp("(\\[(\\[?)[" + tags + "]+(?![\\w-])[^\\]\\/]*[\\/(?!\\])[^\\]\\/]*]?(?:\\/]\\]|\\](?:[^\\[]*(?:\\[(?!\\/" + tags + "\\])[^\\[]*)*\\[\\/" + tags + "\\])?)\\]?)", "g")
}),
regexp: _.memoize(function(tags) {
return new RegExp("\\[(\\[?)(" + tags + ")(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)")
})
}, vc.storage = new vc.Storage
}(window.jQuery),
function($) {
var store = vc.storage;
vc.shortcode = Backbone.Model.extend({
settings: !1,
defaults: function() {
var id = window.vc_guid();
return {
id: id,
shortcode: "vc_text_block",
order: vc.shortcodes.getNextOrder(),
params: {},
parent_id: !1,
root_id: id,
cloned: !1,
html: !1,
view: !1
}
},
initialize: function() {
this.bind("remove", this.removeChildren, this), this.bind("remove", this.removeEvents, this)
},
removeEvents: function(model) {
vc.events.triggerShortcodeEvents("destroy", model)
},
sync: function(method, model, options) {
if (options && options.silent) return options.success(model);
var response;
switch (method) {
case "read":
response = model.id ? store.find(model) : store.findAll();
break;
case "create":
response = store.create(model);
break;
case "update":
response = store.update(model);
break;
case "delete":
response = store.destroy(model)
}
response ? options.success(response) : options.error("Record not found")
},
getParam: function(key) {
return _.isObject(this.get("params")) && !_.isUndefined(this.get("params")[key]) ? this.get("params")[key] : ""
},
removeChildren: function(parent) {
var models = vc.shortcodes.where({
parent_id: parent.id
});
_.each(models, function(model) {
vc.storage.lock(), model.destroy(), this.removeChildren(model)
}, this), models.length && vc.storage.save()
},
setting: function(name) {
return !1 === this.settings && (this.settings = vc.getMapped(this.get("shortcode")) || {}), this.settings[name]
}
}), vc.shortcodes_collection = Backbone.Collection.extend({
model: vc.shortcode,
last_index: 0,
getNextOrder: function() {
return this.last_index++
},
comparator: function(model) {
return model.get("order")
},
initialize: function() {},
createFromString: function(shortcodes_string, parent_model) {
var data;
data = vc.storage.parseContent({}, shortcodes_string, !!_.isObject(parent_model) && parent_model.toJSON()), _.each(_.values(data), function(model) {
vc.shortcodes.create(model)
}, this)
},
sync: function(method, model, options) {
var response;
switch (method) {
case "read":
response = model.id ? store.find(model) : store.findAll();
break;
case "create":
response = store.create(model);
break;
case "update":
response = store.update(model);
break;
case "delete":
response = store.destroy(model)
}
response ? options.success(response) : options.error("Record not found")
},
stringify: function(state) {
var models = _.sortBy(vc.shortcodes.where({
parent_id: !1
}), function(model) {
return model.get("order")
});
return this.modelsToString(models, state)
},
singleStringify: function(id, state) {
return this.modelsToString([vc.shortcodes.get(id)], state)
},
createShortcodeString: function(model, state) {
var mapped, data, tag, params, content, paramsForString, mergedParams, isContainer;
return tag = model.get("shortcode"), params = _.extend({}, model.get("params")), paramsForString = {}, mergedParams = vc.getMergedParams(tag, params), _.each(mergedParams, function(value, key) {
paramsForString[key] = vc.storage.escapeParam(value)
}, this), mapped = vc.getMapped(tag),
isContainer = _.isObject(mapped) && (_.isBoolean(mapped.is_container) && !0 === mapped.is_container || !_.isEmpty(mapped.as_parent)), content = this._getShortcodeContent(model, state), data = {
tag: tag,
attrs: paramsForString,
content: content,
type: _.isUndefined(vc.getParamSettings(tag, "content")) && !isContainer ? "single" : ""
}, _.isUndefined(state) ? model.trigger("stringify", model, data) : model.trigger("stringify:" + state, model, data), data.remove ? "" : wp.shortcode.string(data)
},
modelsToString: function(models, state) {
return _.reduce(models, function(memo, model) {
return memo + this.createShortcodeString(model, state)
}, "", this)
},
_getShortcodeContent: function(parent, state) {
var models, params;
return models = _.sortBy(vc.shortcodes.where({
parent_id: parent.get("id")
}), function(model) {
return model.get("order")
}), models.length ? _.reduce(models, function(memo, model) {
return memo + this.createShortcodeString(model, state)
}, "", this) : (params = _.extend({}, parent.get("params")), _.isUndefined(params.content) ? "" : params.content)
}
}), vc.shortcodes = new vc.shortcodes_collection, vc.getDefaults = vc.memoizeWrapper(function(tag) {
var defaults, params;
return defaults = {}, params = _.isObject(vc.map[tag]) && _.isArray(vc.map[tag].params) ? vc.map[tag].params : [], _.each(params, function(param) {
_.isObject(param) && (_.isUndefined(param.std) ? vc.atts[param.type] && vc.atts[param.type].defaults ? defaults[param.param_name] = vc.atts[param.type].defaults(param) : _.isUndefined(param.value) || (_.isObject(param.value) ? defaults[param.param_name] = _.values(param.value)[0] : _.isArray(param.value) ? defaults[param.param_name] = param.value[0] : defaults[param.param_name] = param.value) : defaults[param.param_name] = param.std)
}), defaults
}), vc.getDefaultsAndDependencyMap = vc.memoizeWrapper(function(tag) {
var defaults, dependencyMap, params;
return dependencyMap = {}, defaults = {}, params = _.isObject(vc.map[tag]) && _.isArray(vc.map[tag].params) ? vc.map[tag].params : [], _.each(params, function(param) {
_.isObject(param) && "content" !== param.param_name && (_.isUndefined(param.std) ? _.isUndefined(param.value) || (vc.atts[param.type] && vc.atts[param.type].defaults ? defaults[param.param_name] = vc.atts[param.type].defaults(param) : _.isObject(param.value) ? defaults[param.param_name] = _.values(param.value)[0] : _.isArray(param.value) ? defaults[param.param_name] = param.value[0] : defaults[param.param_name] = param.value) : defaults[param.param_name] = param.std, _.isUndefined(param.dependency) || _.isUndefined(param.dependency.element) || (dependencyMap[param.param_name] = param.dependency))
}), {
defaults: defaults,
dependencyMap: dependencyMap
}
}), vc.getMergedParams = function(tag, values) {
var paramsMap, outputParams, paramsDependencies;
return paramsMap = vc.getDefaultsAndDependencyMap(tag), outputParams = {}, values = _.extend({}, paramsMap.defaults, values), paramsDependencies = _.extend({}, paramsMap.dependencyMap), _.each(values, function(value, key) {
if ("content" !== key) {
var paramSettings;
if (!_.isUndefined(paramsDependencies[key])) {
if (!_.isUndefined(paramsDependencies[paramsDependencies[key].element]) && _.isBoolean(paramsDependencies[paramsDependencies[key].element].failed) && !0 === paramsDependencies[paramsDependencies[key].element].failed) return void(paramsDependencies[key].failed = !0);
var rules, isDependedEmpty, dependedElement, dependedValue;
if (dependedElement = paramsDependencies[key].element, dependedValue = values[dependedElement], isDependedEmpty = _.isEmpty(dependedValue), rules = _.omit(paramsDependencies[key], "element"), _.isBoolean(rules.not_empty) && !0 === rules.not_empty && isDependedEmpty || _.isBoolean(rules.is_empty) && !0 === rules.is_empty && !isDependedEmpty || rules.value && !_.intersection(_.isArray(rules.value) ? rules.value : [rules.value], _.isArray(dependedValue) ? dependedValue : [dependedValue]).length || rules.value_not_equal_to && _.intersection(_.isArray(rules.value_not_equal_to) ? rules.value_not_equal_to : [rules.value_not_equal_to], _.isArray(dependedValue) ? dependedValue : [dependedValue]).length) return void(paramsDependencies[key].failed = !0)
}
paramSettings = vc.getParamSettings(tag, key), _.isUndefined(paramSettings) ? outputParams[key] = value : (!_.isUndefined(paramsMap.defaults[key]) && paramsMap.defaults[key] !== value || _.isUndefined(paramsMap.defaults[key]) && "" !== value || !_.isUndefined(paramSettings.save_always) && !0 === paramSettings.save_always) && (outputParams[key] = value)
}
}), outputParams
}, vc.getParamSettings = vc.memoizeWrapper(function(tag, paramName) {
var params;
return params = _.isObject(vc.map[tag]) && _.isArray(vc.map[tag].params) ? vc.map[tag].params : [], _.find(params, function(settings) {
return _.isObject(settings) && settings.param_name === paramName
}, this)
}, function() {
return arguments[0] + "," + arguments[1]
}), vc.getParamSettingsByType = vc.memoizeWrapper(function(tag, paramType) {
var params;
return params = _.isObject(vc.map[tag]) && _.isArray(vc.map[tag].params) ? vc.map[tag].params : [], _.find(params, function(settings) {
return _.isObject(settings) && settings.type === paramType
}, this)
}, function() {
return arguments[0] + "," + arguments[1]
}), vc.shortcodeHasIdParam = vc.memoizeWrapper(function(tag) {
return vc.getParamSettingsByType(tag, "el_id")
})
}(window.jQuery),
function($) {
vc.clone_index = 1, vc.shortcode_view = Backbone.View.extend({
tagName: "div",
$content: "",
use_default_content: !1,
params: {},
events: {
"click .column_delete,.vc_control-btn-delete": "deleteShortcode",
"click .column_add,.vc_control-btn-prepend": "addElement",
"click .column_edit,.vc_control-btn-edit, .column_edit_trigger": "editElement",
"click .column_clone,.vc_control-btn-clone": "clone",
mousemove: "checkControlsPosition"
},
removeView: function() {
vc.closeActivePanel(this.model), this.remove()
},
checkControlsPosition: function() {
if (this.$controls_buttons) {
var window_top, element_position_top, new_position, element_height = this.$el.height();
element_height > $(window).height() && (window_top = $(window).scrollTop(), element_position_top = this.$el.offset().top, new_position = window_top - element_position_top + $(window).height() / 2, 40 < new_position && new_position < element_height ? this.$controls_buttons.css("top", new_position) : new_position > element_height ? this.$controls_buttons.css("top", element_height - 40) : this.$controls_buttons.css("top", 40))
}
},
initialize: function() {
this.model.bind("destroy", this.removeView, this), this.model.bind("change:params", this.changeShortcodeParams, this), this.model.bind("change_parent_id", this.changeShortcodeParent, this), this.createParams()
},
hasUserAccess: function() {
var shortcodeTag;
return shortcodeTag = this.model.get("shortcode"), -1 < _.indexOf(["vc_row", "vc_column", "vc_row_inner", "vc_column_inner"], shortcodeTag) || !!_.every(vc.roles.current_user, function(role) {
return !(!_.isUndefined(vc.roles[role]) && !_.isUndefined(vc.roles[role].shortcodes) && _.isUndefined(vc.roles[role].shortcodes[shortcodeTag]))
})
},
canCurrentUser: function(action) {
var tag;
return tag = this.model.get("shortcode"), void 0 === action || "all" === action ? vc_user_access().shortcodeAll(tag) : vc_user_access().shortcodeEdit(tag)
},
createParams: function() {
var tag, settings;
tag = this.model.get("shortcode"), settings = _.isObject(vc.map[tag]) && _.isArray(vc.map[tag].params) ? vc.map[tag].params : [], this.model.get("params"), this.params = {}, _.each(settings, function(param) {
this.params[param.param_name] = param
}, this)
},
setContent: function() {
this.$content = this.$el.find("> .wpb_element_wrapper > .vc_container_for_children, > .vc_element-wrapper > .vc_container_for_children")
},
setEmpty: function() {},
unsetEmpty: function() {},
checkIsEmpty: function() {
this.model.get("parent_id") && vc.app.views[this.model.get("parent_id")].checkIsEmpty()
},
html2element: function(html) {
var $template, attributes = {},
template = vc.template(html);
$template = $(template(this.model.toJSON()).trim()), _.each($template.get(0).attributes, function(attr) {
attributes[attr.name] = attr.value
}), this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()
},
render: function() {
var $shortcode_template_el = $("#vc_shortcode-template-" + this.model.get("shortcode"));
return $shortcode_template_el.is("script") && this.html2element($shortcode_template_el.html()), this.model.view = this, this.$controls_buttons = this.$el.find(".vc_controls > :first"), this
},
renderContent: function() {
return this.$el.attr("data-model-id", this.model.get("id")), this.$el.data("model", this.model), this
},
changedContent: function(view) {},
_loadDefaults: function() {
var tag, hasChilds;
tag = this.model.get("shortcode"), !(hasChilds = !!vc.shortcodes.where({
parent_id: this.model.get("id")
}).length) && !0 === this.use_default_content && _.isObject(vc.map[tag]) && _.isString(vc.map[tag].default_content) && vc.map[tag].default_content.length && (this.use_default_content = !1, vc.shortcodes.createFromString(vc.map[tag].default_content, this.model))
},
_callJsCallback: function() {
var tag = this.model.get("shortcode");
if (_.isObject(vc.map[tag]) && _.isObject(vc.map[tag].js_callback) && !_.isUndefined(vc.map[tag].js_callback.init)) {
var fn = vc.map[tag].js_callback.init;
window[fn](this.$el)
}
},
ready: function(e) {
return this._loadDefaults(), this._callJsCallback(), this.model.get("parent_id") && _.isObject(vc.app.views[this.model.get("parent_id")]) && vc.app.views[this.model.get("parent_id")].changedContent(this), _.defer(_.bind(function() {
vc.events.trigger("shortcodeView:ready", this), vc.events.trigger("shortcodeView:ready:" + this.model.get("shortcode"), this)
}, this)), this
},
addShortcode: function(view, method) {
var before_shortcode;
before_shortcode = _.last(vc.shortcodes.filter(function(shortcode) {
return shortcode.get("parent_id") === this.get("parent_id") && parseFloat(shortcode.get("order")) < parseFloat(this.get("order"))
}, view.model)), before_shortcode ? view.render().$el.insertAfter("[data-model-id=" + before_shortcode.id + "]") : "append" === method ? this.$content.append(view.render().el) : this.$content.prepend(view.render().el)
},
changeShortcodeParams: function(model) {
var tag, params, settings, view;
tag = model.get("shortcode"), params = model.get("params"), settings = vc.map[tag], _.defer(function() {
vc.events.trigger("backend.shortcodeViewChangeParams:" + tag)
}), (_.isArray(settings.params) || _.isObject(settings.params)) && _.each(settings.params, function(param_settings) {
var name, value, $wrapper, label_value, $admin_label;
if (name = param_settings.param_name, value = params[name], $wrapper = this.$el.find("> .wpb_element_wrapper, > .vc_element-wrapper"), label_value = value, $admin_label = $wrapper.children(".admin_label_" + name), _.isObject(vc.atts[param_settings.type]) && _.isFunction(vc.atts[param_settings.type].render) && (value = vc.atts[param_settings.type].render.call(this, param_settings, value)), $wrapper.children("." + param_settings.param_name).is("input,textarea,select")) $wrapper.children("[name=" + param_settings.param_name + "]").val(value);
else if ($wrapper.children("." + param_settings.param_name).is("iframe")) $wrapper.children("[name=" + param_settings.param_name + "]").attr("src", value);
else if ($wrapper.children("." + param_settings.param_name).is("img")) {
var $img;
$img = $wrapper.children("[name=" + param_settings.param_name + "]"), value && value.match(/^\d+$/) ? $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "wpb_single_image_src",
content: value,
size: "thumbnail",
_vcnonce: window.vcAdminNonce
},
dataType: "html",
context: this
}).done(function(url) {
$img.attr("src", url)
}) : value && $img.attr("src", value)
} else $wrapper.children("[name=" + param_settings.param_name + "]").html(value || "");
if ($admin_label.length) {
var inverted_value;
"" === value || _.isUndefined(value) ? $admin_label.hide().addClass("hidden-label") : (_.isObject(param_settings.value) && !_.isArray(param_settings.value) && "checkbox" === param_settings.type ? (inverted_value = _.invert(param_settings.value), label_value = _.map(value.split(/[\s]*\,[\s]*/), function(val) {
return _.isString(inverted_value[val]) ? inverted_value[val] : val
}).join(", ")) : _.isObject(param_settings.value) && !_.isArray(param_settings.value) && (inverted_value = _.invert(param_settings.value), label_value = _.isString(inverted_value[value]) ? inverted_value[value] : value), $admin_label.html("<label>" + $admin_label.find("label").text() + "</label>: " + label_value), $admin_label.show().removeClass("hidden-label"))
}
}, this), view = vc.app.views[model.get("parent_id")], !1 !== model.get("parent_id") && _.isObject(view) && view.checkIsEmpty()
},
changeShortcodeParent: function(model) {
if (!1 === this.model.get("parent_id")) return model;
var $parent_view = $("[data-model-id=" + this.model.get("parent_id") + "]"),
view = vc.app.views[this.model.get("parent_id")];
this.$el.appendTo($parent_view.find("> .wpb_element_wrapper > .wpb_column_container, > .vc_element-wrapper > .wpb_column_container")), view.checkIsEmpty()
},
deleteShortcode: function(e) {
_.isObject(e) && e.preventDefault(), !0 === confirm(window.i18nLocale.press_ok_to_delete_section) && this.model.destroy()
},
addElement: function(e) {
_.isObject(e) && e.preventDefault(), vc.add_element_block_view.render(this.model, !_.isObject(e) || !$(e.currentTarget).closest(".bottom-controls").hasClass("bottom-controls"))
},
editElement: function(e) {
_.isObject(e) && e.preventDefault(), (!vc.active_panel || !vc.active_panel.model || !this.model || vc.active_panel.model && this.model && vc.active_panel.model.get("id") != this.model.get("id")) && (vc.closeActivePanel(), vc.edit_element_block_view.render(this.model))
},
clone: function(e) {
return _.isObject(e) && e.preventDefault(), vc.clone_index /= 10, this.cloneModel(this.model, this.model.get("parent_id"))
},
cloneModel: function(model, parent_id, save_order) {
var new_order, model_clone, params, tag;
return new_order = _.isBoolean(save_order) && !0 === save_order ? model.get("order") : parseFloat(model.get("order")) + vc.clone_index, params = _.extend({}, model.get("params")), tag = model.get("shortcode"), model_clone = vc.shortcodes.create({
shortcode: tag,
id: window.vc_guid(),
parent_id: parent_id,
order: new_order,
cloned: !0,
cloned_from: model.toJSON(),
params: params
}), _.each(vc.shortcodes.where({
parent_id: model.id
}), function(shortcode) {
this.cloneModel(shortcode, model_clone.get("id"), !0)
}, this), model_clone
},
remove: function() {
this.$content && this.$content.data("uiSortable") && this.$content.sortable("destroy"), this.$content && this.$content.data("uiDroppable") && this.$content.droppable("destroy"), delete vc.app.views[this.model.id], window.vc.shortcode_view.__super__.remove.call(this)
}
}), vc.shortcodes.on("sync", function(collection) {
_.isObject(collection) && !_.isEmpty(collection.models) && _.each(collection.models, function(model) {
vc.events.triggerShortcodeEvents("sync", model)
})
}), vc.shortcodes.on("add", function(model) {
_.isObject(model) && vc.events.triggerShortcodeEvents("add", model)
})
}(window.jQuery),
function($) {
vc.saved_custom_css = !1, vc.visualComposerView = Backbone.View.extend({
el: $("#wpb_visual_composer"),
views: {},
disableFixedNav: !1,
events: {
"click #wpb-add-new-row": "createRow",
"click #vc_post-settings-button": "editSettings",
'click #vc_add-new-element, [data-vc-element="add-element-action"]': "addElement",
"click #vc_fullscreen-button": "enterFullscreen",
"click #vc_windowed-button": "leaveFullscreen",
'click [data-vc-element="add-text-block-action"]': "addTextBlock",
"click .wpb_switch-to-composer": "switchComposer",
"click #vc_templates-editor-button": "openTemplatesWindow",
"click #vc_templates-more-layouts": "openTemplatesWindow",
"click .vc_template[data-template_id] > .wpb_wrapper": "loadDefaultTemplate",
"click #wpb-save-post": "save",
"click .vc_control-preview": "preview"
},
initializeAccessPolicy: function() {
this.accessPolicy = {
be_editor: vc_user_access().editor("backend_editor"),
fe_editor: vc_frontend_enabled && vc_user_access().editor("frontend_editor"),
classic_editor: !vc_user_access().check("backend_editor", "disabled_ce_editor", void 0, !0)
}
},
accessPolicyActions: function() {
var front = "",
back = "";
if (this.accessPolicy.fe_editor && (front = '<span class="vc_spacer"></span><a class="wpb_switch-to-front-composer" href="' + $("#wpb-edit-inline").attr("href") + '">' + window.i18nLocale.main_button_title_frontend_editor + "</a>"), this.accessPolicy.classic_editor) this.accessPolicy.be_editor && (back = '<span class="vc_spacer"></span><a class="wpb_switch-to-composer" href="#">' + window.i18nLocale.main_button_title_backend_editor + "</a>");
else if ($("#postdivrich").hide(), this.accessPolicy.be_editor) {
var _this = this;
_.defer(function() {
_this.show(), _this.status = "shown"
})
}(front || back) && (this.$buttonsContainer = $('<div class="composer-switch"><span class="logo-icon"></span>' + back + front + "</div>").insertAfter("div#titlediv"), this.accessPolicy.classic_editor && (this.$switchButton = this.$buttonsContainer.find(".wpb_switch-to-composer"), this.$switchButton.click(this.switchComposer)))
},
initialize: function() {
var _this = this;
_.bindAll(this, "switchComposer", "dropButton", "processScroll", "updateRowsSorting", "updateElementsSorting"), this.accessPolicy = vc.accessPolicy, this.buildRelevance(), vc.events.on("shortcodes:add", vcAddShortcodeDefaultParams, this), vc.events.on("shortcodes:add", vc.atts.addShortcodeIdParam, this), vc.events.on("shortcodes:sync", vc.atts.addShortcodeIdParam, this), vc.events.on("shortcodes:add", this.addShortcode, this), vc.events.on("shortcodes:destroy", this.checkEmpty, this), vc.shortcodes.on("change:params", this.changeParamsEvents, this), vc.shortcodes.on("reset", this.addAll, this), $(document).on("wp-collapse-menu", function(e, params) {
"open" === params.state && _this.leaveFullscreen()
}), this.render()
},
changeParamsEvents: function(model) {
vc.events.triggerShortcodeEvents("update", model)
},
render: function() {
return this.$buttonsContainer = $(".composer-switch"), this.$switchButton = this.$buttonsContainer.find(".wpb_switch-to-composer"), this.$vcStatus = $("#wpb_vc_js_status"), this.$metablock_content = $(".metabox-composer-content"), this.$content = $("#visual_composer_content"), this.$post = $("#postdivrich"), this.$loading_block = $("#vc_logo"), vc.add_element_block_view = new vc.AddElementUIPanelBackendEditor({
el: "#vc_ui-panel-add-element"
}), vc.edit_element_block_view = new vc.EditElementUIPanel({
el: "#vc_ui-panel-edit-element"
}), vc.templates_panel_view = new vc.TemplateWindowUIPanelBackendEditor({
el: "#vc_ui-panel-templates"
}), vc.post_settings_view = new vc.PostSettingsUIPanelBackendEditor({
el: "#vc_ui-panel-post-settings"
}), vc.preset_panel_view = new vc.PresetSettingsUIPanelFrontendEditor({
el: "#vc_ui-panel-preset"
}), this.setSortable(), vc.is_mobile = 0 < $("body.mobile").length, vc.saved_custom_css = $("#wpb_custom_post_css_field").val(), vc.updateSettingsBadge(), _.defer(function() {
vc.events.trigger("app.render")
}), this
},
addAll: function() {
this.views = {}, this.$content.removeClass("loading").empty(), this.addChild(!1), this.checkEmpty(), this.$loading_block.removeClass("vc_ui-wp-spinner"), this.$metablock_content.removeClass("vc_loading-shortcodes"), _.defer(function() {
vc.events.trigger("app.addAll")
})
},
addChild: function(parent_id) {
_.each(vc.shortcodes.where({
parent_id: parent_id
}), function(shortcode) {
this.appendShortcode(shortcode), this.addChild(shortcode.get("id"))
}, this), this.setSortable()
},
getView: function(model) {
var view;
return view = _.isObject(vc.map[model.get("shortcode")]) && _.isString(vc.map[model.get("shortcode")].js_view) && vc.map[model.get("shortcode")].js_view.length && !_.isUndefined(window[window.vc.map[model.get("shortcode")].js_view]) ? new(window[window.vc.map[model.get("shortcode")].js_view])({
model: model
}) : new vc.shortcode_view({
model: model
}), model.set({
view: view
}), view
},
setDraggable: function() {
$("#wpb-add-new-element, #wpb-add-new-row").draggable({
helper: function() {
return $('<div id="drag_placeholder"></div>').appendTo("body")
},
zIndex: 99999,
cursor: "move",
revert: "invalid",
start: function(event, ui) {
$("#drag_placeholder").addClass("column_placeholder").html(window.i18nLocale.drag_drop_me_in_column)
}
})
},
setDropable: function() {
this.$content.droppable({
greedy: !0,
accept: ".dropable_el,.dropable_row",
hoverClass: "wpb_ui-state-active",
drop: this.dropButton
})
},
dropButton: function(event, ui) {
ui.draggable.is("#wpb-add-new-element") ? this.addElement() : ui.draggable.is("#wpb-add-new-row") && this.createRow()
},
appendShortcode: function(model) {
var view, parentModelView, params;
if (view = this.getView(model), params = _.extend(vc.getDefaults(model.get("shortcode")), model.get("params")), model.set("params", params, {
silent: !0
}), parentModelView = !1 !== model.get("parent_id") && this.views[model.get("parent_id")], this.views[model.id] = view, model.get("parent_id")) {
var parentView;
parentView = this.views[model.get("parent_id")], parentView.unsetEmpty()
}
parentModelView ? parentModelView.addShortcode(view, "append") : this.$content.append(view.render().el), view.ready(), view.changeShortcodeParams(model), view.checkIsEmpty(), this.setNotEmpty()
},
addShortcode: function(model) {
var view, parentModelView, params;
if (params = _.extend(vc.getDefaults(model.get("shortcode")), model.get("params")), model.set("params", params, {
silent: !0
}), view = this.getView(model), parentModelView = !1 !== model.get("parent_id") && this.views[model.get("parent_id")], view.use_default_content = !0 !== model.get("cloned"), this.views[model.id] = view, parentModelView) {
parentModelView.addShortcode(view), parentModelView.checkIsEmpty();
var _this;
_this = this, _.defer(function() {
view.changeShortcodeParams && view.changeShortcodeParams(model), view.ready(), view.checkIsEmpty(), _this.setSortable(), _this.setNotEmpty()
})
} else this.addRow(view), _.defer(function() {
view.changeShortcodeParams && view.changeShortcodeParams(model), view.ready(), view.checkIsEmpty()
})
},
addRow: function(view) {
var before_shortcode;
before_shortcode = _.last(vc.shortcodes.filter(function(shortcode) {
return !1 === shortcode.get("parent_id") && parseFloat(shortcode.get("order")) < parseFloat(this.get("order"))
}, view.model)), before_shortcode ? view.render().$el.insertAfter("[data-model-id=" + before_shortcode.id + "]") : this.$content.append(view.render().el)
},
addTextBlock: function(e) {
var row, column, params, row_params, column_params;
return e.preventDefault(), row_params = {}, row = vc.shortcodes.create({
shortcode: "vc_row",
params: row_params
}), column_params = {
width: "1/1"
}, column = vc.shortcodes.create({
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
}), params = vc.getDefaults("vc_column_text"), vc.shortcodes.create({
shortcode: "vc_column_text",
parent_id: column.id,
root_id: row.id,
params: params
})
},
createRow: function() {
var row, row_params, column_params;
return row_params = {}, row = vc.shortcodes.create({
shortcode: "vc_row",
params: row_params
}), column_params = {
width: "1/1"
}, vc.shortcodes.create({
shortcode: "vc_column",
params: column_params,
parent_id: row.id,
root_id: row.id
}), row
},
addElement: function(e) {
_.isObject(e) && e.preventDefault(), vc.add_element_block_view.render(!1)
},
openTemplatesWindow: function(e) {
e && e.preventDefault(), $(e.currentTarget).is("#vc_templates-more-layouts") && vc.templates_panel_view.once("show", function() {
$('[data-vc-ui-element-target="[data-tab=default_templates]"]').click()
}), vc.templates_panel_view.render().show()
},
loadDefaultTemplate: function(e) {
e && e.preventDefault(), vc.templates_panel_view.loadTemplate(e)
},
editSettings: function(e) {
e && e.preventDefault(), vc.post_settings_view.render().show()
},
enterFullscreen: function() {
var $body = $("body");
$body.hasClass("folded") ? ($body.data("vcKeepMenuFolded", !0), $body.addClass("vc_fullscreen")) : $body.addClass("vc_fullscreen folded")
},
leaveFullscreen: function() {
var $body = $("body");
$body.hasClass("vc_fullscreen") && ($body.data("vcKeepMenuFolded") ? ($body.removeClass("vc_fullscreen"), $body.removeData("vcKeepMenuFolded")) : $body.removeClass("vc_fullscreen folded"))
},
sortingStarted: function(event, ui) {
$("#visual_composer_content").addClass("vc_sorting-started")
},
sortingStopped: function(event, ui) {
var tag = ui.item.data("element_type"),
parent_tag = ui.placeholder.closest("[data-element_type]").data("element_type") || "";
vc.check_relevance(parent_tag, tag) && parent_tag != tag || (ui.placeholder.addClass("vc_hidden-placeholder"), $(event.target).sortable("cancel")), $("#visual_composer_content").removeClass("vc_sorting-started")
},
updateElementsSorting: function(event, ui) {
_.defer(function(app) {
var $current_container = ui.item.parent().closest("[data-model-id]"),
parent = $current_container.data("model"),
model = ui.item.data("model"),
models = app.views[parent.id].$content.find("> [data-model-id]"),
i = 0;
if (!_.isNull(ui.sender)) {
var old_parent_id = model.get("parent_id");
vc.storage.lock(), model.save({
parent_id: parent.id
}), old_parent_id && app.views[old_parent_id].checkIsEmpty(), app.views[parent.id].checkIsEmpty()
}
models.each(function() {
var shortcode = $(this).data("model");
vc.storage.lock(), shortcode.save({
order: i++
})
}), model.save()
}, this)
},
updateRowsSorting: function(e, ui) {
_.defer(function(app) {
var parentNode = ui.item.parent(),
$currentContainer = parentNode.closest("[data-model-id]"),
newParentId = !!$currentContainer.length && $currentContainer.data("model").get("id"),
model = ui.item.data("model"),
tag = ui.item.data("element_type"),
parent_tag = ui.item.parent().closest("[data-element_type]").data("element_type") || "";
if (!vc.check_relevance(parent_tag, tag) || parent_tag == tag) return void $(e.target).sortable("cancel");
var oldParentId = model.get("parent_id");
parentNode.find(app.rowSortableSelector).each(function() {
var index = $(this).index();
vc.storage.lock(), $(this).data("model").save({
order: index
})
}), model.save({
parent_id: newParentId
}), oldParentId && app.views[oldParentId].checkIsEmpty(), newParentId && app.views[newParentId].checkIsEmpty()
}, this)
},
renderPlaceholder: function(event, element) {
var tag = $(element).data("element_type"),
is_container = _.isObject(vc.map[tag]) && (_.isBoolean(vc.map[tag].is_container) && !0 === vc.map[tag].is_container || !_.isEmpty(vc.map[tag].as_parent));
return $('<div class="vc_helper vc_helper-' + tag + '"><i class="vc_general vc_element-icon' + (vc.map[tag].icon ? " " + vc.map[tag].icon : "") + '"' + (is_container ? ' data-is-container="true"' : "") + "></i> " + vc.map[tag].name + "</div>").prependTo("body")
},
rowSortableSelector: "> .wpb_vc_row, > .vc_main-sortable-element",
setSortable: function() {
if (vc_user_access().partAccess("dragndrop")) return $(".wpb_main_sortable").sortable({
forcePlaceholderSize: !0,
placeholder: "widgets-placeholder",
cursor: "move",
connectWith: ".vc_section_container",
items: this.rowSortableSelector,
handle: ".vc_column-move",
cancel: ".vc-non-draggable-row",
distance: .5,
start: this.sortingStarted,
stop: this.sortingStopped,
update: this.updateRowsSorting,
tolerance: "intersect",
over: function(event, ui) {
var tag = ui.item.data("element_type"),
parent_tag = ui.placeholder.closest("[data-element_type]").data("element_type") || "";
if (!vc.check_relevance(parent_tag, tag) || parent_tag == tag) return ui.placeholder.addClass("vc_hidden-placeholder"), !1;
ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
})
},
out: function(event, ui) {
ui.placeholder.removeClass("vc_hidden-placeholder"), ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
})
}
}), $(".wpb_column_container").sortable({
forcePlaceholderSize: !0,
forceHelperSize: !1,
connectWith: ".wpb_column_container",
placeholder: "vc_placeholder",
items: "> div.wpb_sortable,> div.vc-non-draggable",
helper: this.renderPlaceholder,
distance: 3,
cancel: ".vc-non-draggable",
scroll: !0,
scrollSensitivity: 70,
cursor: "move",
cursorAt: {
top: 20,
left: 16
},
tolerance: "intersect",
start: function() {
$("#visual_composer_content").addClass("vc_sorting-started"), $(".vc_not_inner_content").addClass("dragging_in")
},
stop: function(event, ui) {
$("#visual_composer_content").removeClass("vc_sorting-started"), $(".dragging_in").removeClass("dragging_in");
var tag = ui.item.data("element_type"),
parent_tag = ui.item.parent().closest("[data-element_type]").data("element_type") || "",
allowed_container_element = !!_.isUndefined(vc.map[parent_tag].allowed_container_element) || vc.map[parent_tag].allowed_container_element;
vc.check_relevance(parent_tag, tag) && parent_tag != tag || $(this).sortable("cancel"), _.isObject(vc.map[tag]) && (_.isBoolean(vc.map[tag].is_container) && !0 === vc.map[tag].is_container || !_.isEmpty(vc.map[tag].as_parent)) && !0 !== allowed_container_element && allowed_container_element !== ui.item.data("element_type").replace(/_inner$/, "") && $(this).sortable("cancel"), $(".vc_sorting-empty-container").removeClass("vc_sorting-empty-container")
},
update: this.updateElementsSorting,
over: function(event, ui) {
var tag = ui.item.data("element_type"),
parent_tag = ui.placeholder.closest("[data-element_type]").data("element_type"),
allowed_container_element = !!_.isUndefined(vc.map[parent_tag].allowed_container_element) || vc.map[parent_tag].allowed_container_element;
vc.check_relevance(parent_tag, tag) && parent_tag != tag || ui.placeholder.addClass("vc_hidden-placeholder"), _.isObject(vc.map[tag]) && (_.isBoolean(vc.map[tag].is_container) && !0 === vc.map[tag].is_container || !_.isEmpty(vc.map[tag].as_parent)) && !0 !== allowed_container_element && allowed_container_element !== ui.item.data("element_type").replace(/_inner$/, "") && ui.placeholder.addClass("vc_hidden-placeholder"), _.isNull(ui.sender) || !ui.sender.length || ui.sender.find("> [data-element_type]:not(.ui-sortable-helper):visible").length || ui.sender.addClass("vc_sorting-empty-container"), ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
})
},
out: function(event, ui) {
ui.placeholder.removeClass("vc_hidden-placeholder"), ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
})
}
}).disableSelection(), this
},
setNotEmpty: function() {
$("#vc_no-content-helper").addClass("vc_not-empty")
},
setIsEmpty: function() {
vc.views = {}, $("#vc_no-content-helper").removeClass("vc_not-empty")
},
checkEmpty: function(model) {
if (_.isObject(model) && !1 !== model.get("parent_id") && model.get("parent_id") != model.id) {
var parent_view = this.views[model.get("parent_id")];
if (!parent_view) return;
parent_view.checkIsEmpty()
}
0 === vc.shortcodes.length ? this.setIsEmpty() : this.setNotEmpty()
},
switchComposer: function(e) {
_.isObject(e) && e.preventDefault(), "shown" === this.status ? (this.accessPolicy.can("classic_editor") && (!_.isUndefined(this.$switchButton) && this.$switchButton.text(window.i18nLocale.main_button_title_backend_editor), !_.isUndefined(this.$buttonsContainer) && this.$buttonsContainer.removeClass("vc_backend-status")), this.close(), this.status = "closed") : (this.accessPolicy.can("classic_editor") && (!_.isUndefined(this.$switchButton) && this.$switchButton.text(window.i18nLocale.main_button_title_revert), !_.isUndefined(this.$buttonsContainer) && this.$buttonsContainer.addClass("vc_backend-status")), this.show(), this.status = "shown")
},
show: function() {
this.$el.show(), this.$post.hide(), this.$vcStatus.val("true"), this.navOnScroll(), vc.storage.isContentChanged() && (vc.app.setLoading(), vc.app.views = {}, _.defer(function() {
vc.shortcodes.fetch({
reset: !0
}), vc.events.trigger("backendEditor.show")
}))
},
setLoading: function() {
this.setNotEmpty(), this.$loading_block.addClass("vc_ui-wp-spinner"), this.$metablock_content.addClass("vc_loading-shortcodes")
},
close: function() {
this.$vcStatus.val("false"), this.$el.hide(), _.isObject(window.editorExpand) && _.defer(function() {
window.editorExpand.on(), window.editorExpand.on()
}), this.$post.show(), _.defer(function() {
vc.events.trigger("backendEditor.close")
})
},
checkVcStatus: function() {
!vc.accessPolicy.can("be_editor") || vc.accessPolicy.can("classic_editor") && "true" !== this.$vcStatus.val() || this.switchComposer()
},
setNavTop: function() {
this.navTop = this.$nav.length && this.$nav.offset().top - 28
},
save: function() {
$("#wpb-save-post").text(window.i18nLocale.loading), $("#publish").click()
},
preview: function() {
$("#post-preview").click()
},
navOnScroll: function() {
this.$nav = $("#vc_navbar"), this.setNavTop(), this.processScroll(), $(window).unbind("scroll.composer").on("scroll.composer", this.processScroll)
},
processScroll: function(e) {
if (!0 === this.disableFixedNav) return void this.$nav.removeClass("vc_subnav-fixed");
(!this.navTop || 0 > this.navTop) && this.setNavTop(), this.scrollTop = $(window).scrollTop() + 80, 0 < this.navTop && this.scrollTop >= this.navTop && !this.isFixed ? (this.isFixed = 1, this.$nav.addClass("vc_subnav-fixed")) : this.scrollTop <= this.navTop && this.isFixed && (this.isFixed = 0, this.$nav.removeClass("vc_subnav-fixed"))
},
buildRelevance: function() {
vc.shortcode_relevance = {}, _.map(vc.map, function(object) {
_.isObject(object.as_parent) && _.isString(object.as_parent.only) && (vc.shortcode_relevance["parent_only_" + object.base] = object.as_parent.only.replace(/\s/, "").split(",")), _.isObject(object.as_parent) && _.isString(object.as_parent.except) && (vc.shortcode_relevance["parent_except_" + object.base] = object.as_parent.except.replace(/\s/, "").split(",")), _.isObject(object.as_child) && _.isString(object.as_child.only) && (vc.shortcode_relevance["child_only_" + object.base] = object.as_child.only.replace(/\s/, "").split(",")), _.isObject(object.as_child) && _.isString(object.as_child.except) && (vc.shortcode_relevance["child_except_" + object.base] = object.as_child.except.replace(/\s/, "").split(","))
}), vc.check_relevance = function(tag, related_tag) {
return !(_.isArray(vc.shortcode_relevance["parent_only_" + tag]) && !_.contains(vc.shortcode_relevance["parent_only_" + tag], related_tag)) && ((!_.isArray(vc.shortcode_relevance["parent_except_" + tag]) || !_.contains(vc.shortcode_relevance["parent_except_" + tag], related_tag)) && (!(_.isArray(vc.shortcode_relevance["child_only_" + related_tag]) && !_.contains(vc.shortcode_relevance["child_only_" + related_tag], tag)) && (!_.isArray(vc.shortcode_relevance["child_except_" + related_tag]) || !_.contains(vc.shortcode_relevance["child_except" + related_tag], tag))))
}
}
}), $(function() {
var $wpbVisualComposer;
$wpbVisualComposer = $("#wpb_visual_composer"), $wpbVisualComposer.is("div") && (vc.app = new vc.visualComposerView({
el: $wpbVisualComposer
}), vc.accessPolicy.can("be_editor") ? vc.app.checkVcStatus() : vc.app.$el.remove(), vc.events.on("vc:backend_editor:show", function() {
vc.app.show(), vc.app.status = "shown"
}), vc.events.on("vc:backend_editor:switch", function() {
vc.app.switchComposer()
}))
})
}(window.jQuery),
function($) {
var Shortcodes = vc.shortcodes;
window.VcRowView = vc.shortcode_view.extend({
change_columns_layout: !1,
events: {
'click > .vc_controls [data-vc-control="delete"]': "deleteShortcode",
"click > .vc_controls .set_columns": "setColumns",
'click > .vc_controls [data-vc-control="add"]': "addElement",
'click > .vc_controls [data-vc-control="edit"]': "editElement",
'click > .vc_controls [data-vc-control="clone"]': "clone",
'click > .vc_controls [data-vc-control="move"]': "moveElement",
'click > .vc_controls [data-vc-control="toggle"]': "toggleElement",
"click > .wpb_element_wrapper .vc_controls": "openClosedRow"
},
convertRowColumns: function(layout) {
var layout_split = layout.toString().split(/_/),
columns = Shortcodes.where({
parent_id: this.model.id
}),
new_columns = [],
new_layout = [],
new_width = "";
return _.each(layout_split, function(value, i) {
var new_column_params, new_column, column_data = _.map(value.toString().split(""), function(v, i) {
return parseInt(v, 10)
});
new_width = 3 < column_data.length ? column_data[0] + "" + column_data[1] + "/" + column_data[2] + column_data[3] : 2 < column_data.length ? column_data[0] + "/" + column_data[1] + column_data[2] : column_data[0] + "/" + column_data[1], new_layout.push(new_width), new_column_params = _.extend(_.isUndefined(columns[i]) ? {} : columns[i].get("params"), {
width: new_width
}), vc.storage.lock(), new_column = Shortcodes.create({
shortcode: this.getChildTag(),
params: new_column_params,
parent_id: this.model.id
}), _.isObject(columns[i]) && _.each(Shortcodes.where({
parent_id: columns[i].id
}), function(shortcode) {
vc.storage.lock(), shortcode.save({
parent_id: new_column.id
}), vc.storage.lock(), shortcode.trigger("change_parent_id")
}), new_columns.push(new_column)
}, this), layout_split.length < columns.length && _.each(columns.slice(layout_split.length), function(column) {
_.each(Shortcodes.where({
parent_id: column.id
}), function(shortcode) {
vc.storage.lock(), shortcode.save({
parent_id: _.last(new_columns).id
}), vc.storage.lock(), shortcode.trigger("change_parent_id")
})
}), _.each(columns, function(shortcode) {
vc.storage.lock(), shortcode.destroy()
}, this), this.model.save(), this.setActiveLayoutButton("" + layout), new_layout
},
changeShortcodeParams: function(model) {
window.VcRowView.__super__.changeShortcodeParams.call(this, model), this.buildDesignHelpers(), this.setRowClasses()
},
setRowClasses: function() {
var disable = this.model.getParam("disable_element"),
disableClass = "vc_hidden-xs vc_hidden-sm vc_hidden-md vc_hidden-lg";
this.disable_element_class && this.$el.removeClass(this.disable_element_class), _.isEmpty(disable) || (this.$el.addClass(disableClass), this.disable_element_class = disableClass)
},
designHelpersSelector: "> .vc_controls .column_toggle",
buildDesignHelpers: function() {
var css, $elementToPrepend, image, color, rowId, matches;
css = this.model.getParam("css"), $elementToPrepend = this.$el.find(this.designHelpersSelector), this.$el.find("> .vc_controls .vc_row_color").remove(), this.$el.find("> .vc_controls .vc_row_image").remove(), matches = css.match(/background\-image:\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (image = matches[1]), matches = css.match(/background\-color:\s*([^\s\;]+)\b/), matches && !_.isUndefined(matches[1]) && (color = matches[1]), matches = css.match(/background:\s*([^\s]+)\b\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (color = matches[1], image = matches[2]), rowId = this.model.getParam("el_id"), this.$el.find("> .vc_controls .vc_row-hash-id").remove(), _.isEmpty(rowId) || $('<span class="vc_row-hash-id"></span>').text("#" + rowId).insertAfter($elementToPrepend), image && $('<span class="vc_row_image" style="background-image: url(' + image + ');" title="' + window.i18nLocale.row_background_image + '"></span>').insertAfter($elementToPrepend), color && $('<span class="vc_row_color" style="background-color: ' + color + '" title="' + window.i18nLocale.row_background_color + '"></span>').insertAfter($elementToPrepend)
},
addElement: function(e) {
e && e.preventDefault(), Shortcodes.create({
shortcode: this.getChildTag(),
params: {},
parent_id: this.model.id
}), this.setActiveLayoutButton(), this.$el.removeClass("vc_collapsed-row")
},
getChildTag: function() {
return "vc_row_inner" === this.model.get("shortcode") ? "vc_column_inner" : "vc_column"
},
sortingSelector: "> [data-element_type=vc_column], > [data-element_type=vc_column_inner]",
sortingSelectorCancel: ".vc-non-draggable-column",
setSorting: function() {
if (vc_user_access().partAccess("dragndrop")) {
var _this = this;
1 < this.$content.find(this.sortingSelector).length ? this.$content.removeClass("wpb-not-sortable").sortable({
forcePlaceholderSize: !0,
placeholder: "widgets-placeholder-column",
tolerance: "pointer",
cursor: "move",
items: this.sortingSelector,
cancel: this.sortingSelectorCancel,
distance: .5,
start: function(event, ui) {
$("#visual_composer_content").addClass("vc_sorting-started"), ui.placeholder.width(ui.item.width())
},
stop: function(event, ui) {
$("#visual_composer_content").removeClass("vc_sorting-started")
},
update: function() {
var $columns = $(_this.sortingSelector, _this.$content);
$columns.each(function() {
var model = $(this).data("model"),
index = $(this).index();
model.set("order", index), $columns.length - 1 > index && vc.storage.lock(), model.save()
})
},
over: function(event, ui) {
ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
}), ui.placeholder.removeClass("vc_hidden-placeholder")
},
beforeStop: function(event, ui) {}
}) : (this.$content.hasClass("ui-sortable") && this.$content.sortable("destroy"), this.$content.addClass("wpb-not-sortable"))
}
},
validateCellsList: function(cells) {
var b, return_cells = [],
split = cells.replace(/\s/g, "").split("+");
return 12 === _.reduce(_.map(split, function(c) {
if (c.match(/^(vc_)?span\d?$/)) {
var converted_c = vc_convert_column_span_size(c);
return !1 === converted_c ? 1e3 : (b = converted_c.split(/\//), return_cells.push(b[0] + "" + b[1]), 12 * parseInt(b[0], 10) / parseInt(b[1], 10))
}
return c.match(/^[1-9]|1[0-2]\/[1-9]|1[0-2]$/) ? (b = c.split(/\//), return_cells.push(b[0] + "" + b[1]), 12 * parseInt(b[0], 10) / parseInt(b[1], 10)) : 1e4
}), function(num, memo) {
return memo += num
}, 0) && return_cells.join("_")
},
setActiveLayoutButton: function(column_layout) {
column_layout || (column_layout = _.map(vc.shortcodes.where({
parent_id: this.model.get("id")
}), function(model) {
var width = model.getParam("width");
return width ? width.replace(/\//, "") : "11"
}).join("_")), this.$el.find("> .vc_controls .vc_active").removeClass("vc_active");
var $button = this.$el.find('> .vc_ [data-cells-mask="' + vc_get_column_mask(column_layout) + '"] [data-cells="' + column_layout + '"], > .vc_controls [data-cells-mask="' + vc_get_column_mask(column_layout) + '"][data-cells="' + column_layout + '"]');
$button.length ? $button.addClass("vc_active") : this.$el.find("> .vc_controls [data-cells-mask=custom]").addClass("vc_active")
},
layoutEditor: function() {
return _.isUndefined(vc.row_layout_editor) && (vc.row_layout_editor = new vc.RowLayoutUIPanelBackendEditor({
el: $("#vc_ui-panel-row-layout")
})), vc.row_layout_editor
},
setColumns: function(e) {
_.isObject(e) && e.preventDefault();
var $button = $(e.currentTarget);
if ("custom" === $button.data("cells")) this.layoutEditor().render(this.model).show();
else {
if (vc.is_mobile) {
var $parent = $button.parent();
$parent.hasClass("vc_visible") || ($parent.addClass("vc_visible"), $(document).off("click.vcRowColumnsControl").on("click.vcRowColumnsControl", function(e) {
$parent.removeClass("vc_visible")
}))
}
$button.is(".vc_active") || (this.change_columns_layout = !0, _.defer(function(view, cells) {
view.convertRowColumns(cells)
}, this, $button.data("cells")))
}
this.$el.removeClass("vc_collapsed-row")
},
sizeRows: function() {
var max_height = 45;
$("> .wpb_vc_column, > .wpb_vc_column_inner", this.$content).each(function() {
var content_height = $(this).find("> .wpb_element_wrapper > .wpb_column_container").css({
minHeight: 0
}).height();
content_height > max_height && (max_height = content_height)
}).each(function() {
$(this).find("> .wpb_element_wrapper > .wpb_column_container").css({
minHeight: max_height
})
})
},
ready: function(e) {
return window.VcRowView.__super__.ready.call(this, e), this
},
checkIsEmpty: function() {
window.VcRowView.__super__.checkIsEmpty.call(this), this.setSorting()
},
changedContent: function(view) {
if (this.change_columns_layout) return this;
this.setActiveLayoutButton()
},
moveElement: function(e) {
e.preventDefault()
},
toggleElement: function(e) {
e && e.preventDefault(), this.$el.toggleClass("vc_collapsed-row")
},
openClosedRow: function(e) {
this.$el.removeClass("vc_collapsed-row")
},
remove: function() {
this.$content && this.$content.data("uiSortable") && this.$content.sortable("destroy"), this.$content && this.$content.data("uiDroppable") && this.$content.droppable("destroy"), delete vc.app.views[this.model.id], window.VcRowView.__super__.remove.call(this)
}
}), window.VcColumnView = vc.shortcode_view.extend({
events: {
'click > .vc_controls [data-vc-control="delete"]': "deleteShortcode",
'click > .vc_controls [data-vc-control="add"]': "addElement",
'click > .vc_controls [data-vc-control="edit"]': "editElement",
'click > .vc_controls [data-vc-control="clone"]': "clone",
"click > .wpb_element_wrapper > .vc_empty-container": "addToEmpty"
},
current_column_width: !1,
initialize: function(options) {
window.VcColumnView.__super__.initialize.call(this, options), _.bindAll(this, "setDropable", "dropButton")
},
ready: function(e) {
return window.VcColumnView.__super__.ready.call(this, e), this
},
render: function() {
return window.VcColumnView.__super__.render.call(this), this.current_column_width = this.model.get("params").width || "1/1", this.$el.attr("data-width", this.current_column_width), this.setEmpty(), this
},
changeShortcodeParams: function(model) {
window.VcColumnView.__super__.changeShortcodeParams.call(this, model), this.setColumnClasses(), this.buildDesignHelpers()
},
designHelpersSelector: "> .vc_controls .column_add",
buildDesignHelpers: function() {
var matches, image, color, css = this.model.getParam("css"),
$column_toggle = this.$el.find(this.designHelpersSelector).get(0);
this.$el.find("> .vc_controls .vc_column_color").remove(), this.$el.find("> .vc_controls .vc_column_image").remove(), matches = css.match(/background\-image:\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (image = matches[1]), matches = css.match(/background\-color:\s*([^\s\;]+)\b/), matches && !_.isUndefined(matches[1]) && (color = matches[1]), matches = css.match(/background:\s*([^\s]+)\b\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (color = matches[1], image = matches[2]), image && $('<span class="vc_column_image" style="background-image: url(' + image + ');" title="' + i18nLocale.column_background_image + '"></span>').insertBefore($column_toggle), color && $('<span class="vc_column_color" style="background-color: ' + color + '" title="' + i18nLocale.column_background_color + '"></span>').insertBefore($column_toggle)
},
setColumnClasses: function() {
var current_css_class_width, offset = this.model.getParam("offset") || "",
width = this.model.getParam("width") || "1/1",
css_class_width = this.convertSize(width);
this.current_offset_class && this.$el.removeClass(this.current_offset_class), this.current_column_width !== width && (current_css_class_width = this.convertSize(this.current_column_width), this.$el.attr("data-width", width).removeClass(current_css_class_width).addClass(css_class_width), this.current_column_width = width), offset.match(/vc_col\-sm\-\d+/) && this.$el.removeClass(css_class_width), _.isEmpty(offset) || this.$el.addClass(offset), this.current_offset_class = offset
},
addToEmpty: function(e) {
e.preventDefault(), $(e.target).hasClass("vc_empty-container") && this.addElement(e)
},
setDropable: function() {
return this.$content.droppable({
greedy: !0,
accept: "vc_column_inner" === this.model.get("shortcode") ? ".dropable_el" : ".dropable_el,.dropable_row",
hoverClass: "wpb_ui-state-active",
drop: this.dropButton
}), this
},
dropButton: function(event, ui) {
ui.draggable.is("#wpb-add-new-element") ? vc.add_element_block_view({
model: {
position_to_add: "end"
}
}).show(this) : ui.draggable.is("#wpb-add-new-row") && this.createRow()
},
setEmpty: function() {
this.$el.addClass("vc_empty-column"), "edit" !== vc_user_access().getState("shortcodes") && this.$content.addClass("vc_empty-container")
},
unsetEmpty: function() {
this.$el.removeClass("vc_empty-column"), this.$content.removeClass("vc_empty-container")
},
checkIsEmpty: function() {
Shortcodes.where({
parent_id: this.model.id
}).length ? this.unsetEmpty() : this.setEmpty(), window.VcColumnView.__super__.checkIsEmpty.call(this)
},
createRow: function() {
var row_params, column_params, row;
return row_params = {}, column_params = {
width: "1/1"
}, row = Shortcodes.create({
shortcode: "vc_row_inner",
params: row_params,
parent_id: this.model.id
}), Shortcodes.create({
shortcode: "vc_column_inner",
params: column_params,
parent_id: row.id
}), row
},
convertSize: function(width) {
var numbers = width ? width.split("/") : [1, 1],
range = _.range(1, 13),
num = !_.isUndefined(numbers[0]) && 0 <= _.indexOf(range, parseInt(numbers[0], 10)) && parseInt(numbers[0], 10),
dev = !_.isUndefined(numbers[1]) && 0 <= _.indexOf(range, parseInt(numbers[1], 10)) && parseInt(numbers[1], 10);
return !1 !== num && !1 !== dev ? "vc_col-sm-" + 12 * num / dev : "vc_col-sm-12"
},
deleteShortcode: function(e) {
var parent, parent_id = this.model.get("parent_id");
if (_.isObject(e) && e.preventDefault(), !0 !== confirm(window.i18nLocale.press_ok_to_delete_section)) return !1;
this.model.destroy(), parent_id && !vc.shortcodes.where({
parent_id: parent_id
}).length ? (parent = vc.shortcodes.get(parent_id), _.contains(["vc_column", "vc_column_inner"], parent.get("shortcode")) || parent.destroy()) : parent_id && (parent = vc.shortcodes.get(parent_id)) && parent.view && parent.view.setActiveLayoutButton && parent.view.setActiveLayoutButton()
},
remove: function() {
this.$content && this.$content.data("uiSortable") && this.$content.sortable("destroy"), this.$content && this.$content.data("uiDroppable") && this.$content.droppable("destroy"), delete vc.app.views[this.model.id], window.VcColumnView.__super__.remove.call(this)
}
}), window.VcSectionView = VcColumnView.extend({
designHelpersSelector: "> .vc_controls-row .vc_column-edit",
setColumnClasses: function() {
var disable = this.model.getParam("disable_element"),
disableClass = "vc_hidden-xs vc_hidden-sm vc_hidden-md vc_hidden-lg";
this.disable_element_class && this.$el.removeClass(this.disable_element_class), _.isEmpty(disable) || (this.$el.addClass(disableClass), this.disable_element_class = disableClass)
},
buildDesignHelpers: function() {
var css, $elementToPrepend, image, color, elId, matches;
css = this.model.getParam("css"), $elementToPrepend = this.$el.find(this.designHelpersSelector), this.$el.find("> .vc_controls-row .vc_row_color").remove(), this.$el.find("> .vc_controls-row .vc_row_image").remove(), matches = css.match(/background\-image:\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (image = matches[1]), matches = css.match(/background\-color:\s*([^\s\;]+)\b/), matches && !_.isUndefined(matches[1]) && (color = matches[1]), matches = css.match(/background:\s*([^\s]+)\b\s*url\(([^\)]+)\)/), matches && !_.isUndefined(matches[1]) && (color = matches[1], image = matches[2]), elId = this.model.getParam("el_id"), this.$el.find("> .vc_controls-row .vc_row-hash-id").remove(), _.isEmpty(elId) || $('<span class="vc_row-hash-id"></span>').text("#" + elId).insertAfter($elementToPrepend), image && $('<span class="vc_row_image" style="background-image: url(' + image + ');" title="' + window.i18nLocale.row_background_image + '"></span>').insertAfter($elementToPrepend), color && $('<span class="vc_row_color" style="background-color: ' + color + '" title="' + window.i18nLocale.row_background_color + '"></span>').insertAfter($elementToPrepend)
},
checkIsEmpty: function() {
window.VcSectionView.__super__.checkIsEmpty.call(this), this.setSorting()
},
setSorting: function() {
if (vc_user_access().partAccess("dragndrop")) {
var _this = this;
this.$content.sortable({
forcePlaceholderSize: !0,
placeholder: "widgets-placeholder",
connectWith: ".wpb_main_sortable,.wpb_vc_section .vc_section_container",
cursor: "move",
items: "> .wpb_vc_row",
handle: ".vc_column-move",
cancel: ".vc-non-draggable-row",
distance: .5,
scroll: !0,
scrollSensitivity: 70,
tolerance: "intersect",
update: function(event, ui) {
var $elements = $("> div.wpb_sortable,> div.vc-non-draggable", _this.$content);
$elements.each(function() {
var model = $(this).data("model"),
index = $(this).index();
if (model.set("order", index), $elements.length - 1 > index && vc.storage.lock(), !_.isNull(ui.sender)) {
var $current_container = ui.item.parent().closest("[data-model-id]"),
parent = $current_container.data("model"),
old_parent_id = model.get("parent_id");
vc.storage.lock(), model.save({
parent_id: parent.id
}), old_parent_id && vc.app.views[old_parent_id].checkIsEmpty(), vc.app.views[parent.id].checkIsEmpty()
}
model.save()
})
},
stop: function(event, ui) {
$("#visual_composer_content").removeClass("vc_sorting-started"), $(".dragging_in").removeClass("dragging_in");
var tag = ui.item.data("element_type"),
parent_tag = ui.item.parent().closest("[data-element_type]").data("element_type");
vc.check_relevance(parent_tag, tag) && parent_tag != tag || $(this).sortable("cancel"), $(".vc_sorting-empty-container").removeClass("vc_sorting-empty-container")
},
over: function(event, ui) {
var tag = ui.item.data("element_type"),
parent_tag = ui.placeholder.closest("[data-element_type]").data("element_type") || "",
allowed_container_element = !!_.isUndefined(vc.map[parent_tag].allowed_container_element) || vc.map[parent_tag].allowed_container_element;
return vc.check_relevance(parent_tag, tag) && parent_tag != tag ? _.isObject(vc.map[tag]) && (_.isBoolean(vc.map[tag].is_container) && !0 === vc.map[tag].is_container || !_.isEmpty(vc.map[tag].as_parent)) && !0 !== allowed_container_element && allowed_container_element !== ui.item.data("element_type").replace(/_inner$/, "") ? (ui.placeholder.addClass("vc_hidden-placeholder"), !1) : (_.isNull(ui.sender) || !ui.sender.length || ui.sender.find("> [data-element_type]:not(.ui-sortable-helper):visible").length || ui.sender.addClass("vc_sorting-empty-container"), void ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
})) : (ui.placeholder.addClass("vc_hidden-placeholder"), !1)
},
out: function(event, ui) {
ui.placeholder.removeClass("vc_hidden-placeholder"), ui.placeholder.css({
maxWidth: ui.placeholder.parent().width()
}), _.isNull(ui.sender) || !ui.sender.length || ui.sender.find("> [data-element_type]:not(.ui-sortable-helper):visible").length || ui.sender.addClass("vc_sorting-empty-container")
}
})
}
}
}), window.VcAccordionView = vc.shortcode_view.extend({
adding_new_tab: !1,
events: {
"click .add_tab": "addTab",
"click > .vc_controls .column_delete, > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > .vc_controls .column_edit, > .vc_controls .vc_control-btn-edit": "editElement",
"click > .vc_controls .column_clone,> .vc_controls .vc_control-btn-clone": "clone"
},
render: function() {
return window.VcAccordionView.__super__.render.call(this), vc_user_access().shortcodeAll("vc_accordion_tab") ? (vc_user_access().partAccess("dragndrop") && this.$content.sortable({
axis: "y",
handle: "h3",
stop: function(event, ui) {
ui.item.prev().triggerHandler("focusout"), $(this).find("> .wpb_sortable").each(function() {
$(this).data("model").save({
order: $(this).index()
})
})
}
}), this) : (this.$el.find(".tab_controls").hide(), this)
},
changeShortcodeParams: function(model) {
var params, collapsible;
window.VcAccordionView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), collapsible = !(!_.isString(params.collapsible) || "yes" !== params.collapsible), this.$content.hasClass("ui-accordion") && this.$content.accordion("option", "collapsible", collapsible)
},
changedContent: function(view) {
this.$content.hasClass("ui-accordion") && this.$content.accordion("destroy");
var collapsible = !(!_.isString(this.model.get("params").collapsible) || "yes" !== this.model.get("params").collapsible);
this.$content.accordion({
header: "h3",
navigation: !1,
autoHeight: !0,
heightStyle: "content",
collapsible: collapsible,
active: !1 === this.adding_new_tab && !0 !== view.model.get("cloned") ? 0 : view.$el.index()
}), this.adding_new_tab = !1
},
addTab: function(e) {
if (e.preventDefault(), !vc_user_access().shortcodeAll("vc_accordion_tab")) return !1;
this.adding_new_tab = !0, vc.shortcodes.create({
shortcode: "vc_accordion_tab",
params: {
title: window.i18nLocale.section
},
parent_id: this.model.id
})
},
_loadDefaults: function() {
window.VcAccordionView.__super__._loadDefaults.call(this)
}
}), window.VcAccordionTabView = window.VcColumnView.extend({
events: {
"click > [data-element_type] > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > [data-element_type] > .vc_controls .vc_control-btn-prepend": "addElement",
"click > [data-element_type] > .vc_controls .vc_control-btn-edit": "editElement",
"click > [data-element_type] > .vc_controls .vc_control-btn-clone": "clone",
"click > [data-element_type] > .wpb_element_wrapper > .vc_empty-container": "addToEmpty"
},
setContent: function() {
this.$content = this.$el.find("> [data-element_type] > .wpb_element_wrapper > .vc_container_for_children")
},
changeShortcodeParams: function(model) {
var params;
window.VcAccordionTabView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params) && _.isString(params.title) && this.$el.find("> h3 .tab-label").text(params.title)
},
setEmpty: function() {
$("> [data-element_type]", this.$el).addClass("vc_empty-column"), "edit" !== vc_user_access().getState("shortcodes") && this.$content.addClass("vc_empty-container")
},
unsetEmpty: function() {
$("> [data-element_type]", this.$el).removeClass("vc_empty-column"), this.$content.removeClass("vc_empty-container")
}
}), window.VcMessageView = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var params, $wrapper;
window.VcMessageView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), $wrapper = this.$el.find("> .wpb_element_wrapper").removeClass(_.values(this.params.color.value).join(" ")), _.isObject(params) && _.isString(params.color) && $wrapper.addClass(params.color)
}
}), window.VcMessageView_Backend = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var params, $wrapper, classes, iconClass, color;
switch (window.VcMessageView_Backend.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), $wrapper = this.$el.find("> .wpb_element_wrapper"), classes = ["vc_message_box"], _.isUndefined(params.message_box_style) && (params.message_box_style = "classic"), _.isUndefined(params.message_box_color) && (params.message_box_color = "alert-info"), params.style ? "3d" === params.style ? (params.message_box_style = "3d", params.style = "rounded") : "outlined" === params.style ? (params.message_box_style = "outline", params.style = "rounded") : "square_outlined" === params.style && (params.message_box_style = "outline", params.style = "square") : params.style = "rounded", classes.push("vc_message_box-" + params.style), params.message_box_style && classes.push("vc_message_box-" + params.message_box_style), $wrapper.attr("class", "wpb_element_wrapper"), $wrapper.find(".vc_message_box-icon").remove(), iconClass = _.isUndefined(params["icon_" + params.icon_type]) ? "fa fa-info-circle" : params["icon_" + params.icon_type], color = params.color, params.color) {
case "info":
iconClass = "fa fa-info-circle";
break;
case "alert-info":
iconClass = "vc_pixel_icon vc_pixel_icon-info";
break;
case "success":
iconClass = "fa fa-check";
break;
case "alert-success":
iconClass = "vc_pixel_icon vc_pixel_icon-tick";
break;
case "warning":
iconClass = "fa fa-exclamation-triangle";
break;
case "alert-warning":
iconClass = "vc_pixel_icon vc_pixel_icon-alert";
break;
case "danger":
iconClass = "fa fa-times";
break;
case "alert-danger":
iconClass = "vc_pixel_icon vc_pixel_icon-explanation";
break;
case "alert-custom":
default:
color = params.message_box_color
}
classes.push("vc_color-" + color), $wrapper.addClass(classes.join(" ")), $wrapper.prepend($('<div class="vc_message_box-icon"><i class="' + iconClass + '"></i></div>'))
}
}), window.VcTextSeparatorView = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var params, icon;
window.VcTextSeparatorView.__super__.changeShortcodeParams.call(this, model), params = model.get("params");
var $find = this.$el.find("> .wpb_element_wrapper");
_.isObject(params) && _.isString(params.title_align) && $find.removeClass(_.values(this.params.title_align.value).join(" ")).addClass(params.title_align), _.isObject(params) && _.isString(params.add_icon) && "true" === params.add_icon && (icon = $('<i class="' + params["i_icon_" + params.i_type] + '" ></i>'), icon.prependTo($find.find("[name=title]")), icon.after(" "))
}
}), window.VcCallToActionView = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var params;
window.VcCallToActionView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params) && _.isString(params.position) && this.$el.find("> .wpb_element_wrapper").removeClass(_.values(this.params.position.value).join(" ")).addClass(params.position)
}
}), window.VcCallToActionView3 = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var params, value, $adminLabel;
window.VcCallToActionView3.__super__.changeShortcodeParams.call(this, model), params = _.extend({
add_icon: "",
i_type: ""
}, model.get("params")), $adminLabel = this.$el.find(".vc_admin_label.admin_label_i_type"), _.isEmpty(params.add_icon) ? $adminLabel.addClass("hidden-label").hide() : _.isEmpty(params.i_type) || _.isEmpty(params["i_icon_" + params.i_type]) || (value = vc_toTitleCase(params.i_type) + ' - <i class="' + params["i_icon_" + params.i_type] + '"></i>', $adminLabel.html("<label>" + $adminLabel.find("label").text() + "</label>: " + value), $adminLabel.show().removeClass("hidden-label"))
}
}), window.VcToggleView = vc.shortcode_view.extend({
events: function() {
return _.extend({
"click .vc_toggle_title": "toggle",
"click .toggle_title": "toggle"
}, window.VcToggleView.__super__.events)
},
toggle: function(e) {
e && e.preventDefault(), $(e.currentTarget).toggleClass("vc_toggle_title_active"), $(".vc_toggle_content", this.$el).slideToggle(500)
},
changeShortcodeParams: function(model) {
var params;
window.VcToggleView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params) && _.isString(params.open) && "true" === params.open && $(".vc_toggle_title", this.$el).addClass("vc_toggle_title_active").next().show()
}
}), window.VcButtonView = vc.shortcode_view.extend({
events: function() {
return _.extend({
"click button": "buttonClick"
}, window.VcToggleView.__super__.events)
},
buttonClick: function(e) {
e.preventDefault()
},
changeShortcodeParams: function(model) {
var params;
if (window.VcButtonView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params)) {
var el_class;
el_class = params.color + " " + params.size + " " + params.icon, this.$el.find(".wpb_element_wrapper").removeClass(el_class), this.$el.find("button.title").attr({
class: "title textfield wpb_button " + el_class
}), "none" !== params.icon && 0 === this.$el.find("button i.icon").length ? this.$el.find("button.title").append('<i class="icon"></i>') : this.$el.find("button.title i.icon").remove()
}
}
}), window.VcButton2View = vc.shortcode_view.extend({
events: function() {
return _.extend({
"click button": "buttonClick"
}, window.VcToggleView.__super__.events)
},
buttonClick: function(e) {
e.preventDefault()
},
changeShortcodeParams: function(model) {
var params;
if (window.VcButton2View.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params)) {
var el_class;
el_class = (params.color ? "vc_btn_" + params.color : "") + " " + (params.color ? "vc_btn-" + params.color : "") + " " + (params.size ? "vc_btn-" + params.size : "") + " " + (params.size ? "vc_btn_" + params.size : "") + " " + (params.style ? "vc_btn_" + params.style : ""), this.$el.find(".wpb_element_wrapper").removeClass(el_class), this.$el.find("button.title").attr({
class: "title textfield vc_btn " + el_class
})
}
}
}), window.VcButton3View = vc.shortcode_view.extend({
buttonTemplate: !1,
buttonTemplateCompiled: !1,
$wrapper: !1,
events: function() {
return _.extend({
"click .vc_btn3": "buttonClick"
}, window.VcToggleView.__super__.events)
},
buttonClick: function(e) {
e.preventDefault()
},
changeShortcodeParams: function(model) {
var params;
if (window.VcButton3View.__super__.changeShortcodeParams.call(this, model), params = _.extend({}, model.get("params")), this.buttonTemplate || (this.buttonTemplate = this.$el.find(".vc_btn3-container").html(), this.buttonTemplateCompiled = vc.template(this.buttonTemplate, vc.templateOptions.custom)), this.$wrapper || (this.$wrapper = this.$el.find(".wpb_element_wrapper")), _.isObject(params)) {
params.title && _.isEmpty(params.title.trim()) && (params.title = '<span class="vc_btn3-placeholder">&nbsp;</span>'), "custom" === params.style ? (params.color = void 0, _.isEmpty(params.custom_background) && _.isEmpty(params.custom_text) && (params.color = "grey")) : "outline-custom" === params.style && (params.color = void 0, _.isEmpty(params.outline_custom_color) && _.isEmpty(params.outline_custom_hover_background) && _.isEmpty(params.outline_custom_hover_text) && (params.style = "outline", params.color = "grey"));
var $element = $(this.buttonTemplateCompiled({
params: params
}));
"custom" === params.style ? ("undefined" !== params.custom_background && $element.css("background-color", params.custom_background), "undefined" !== params.custom_text && $element.css("color", params.custom_text)) : "outline-custom" === params.style && $element.css({
"background-color": "transparent",
"border-color": params.outline_custom_color,
color: params.outline_custom_color
}).hover(function() {
$(this).css({
"background-color": params.outline_custom_hover_background,
"border-color": params.outline_custom_hover_background,
color: params.outline_custom_hover_text
})
}, function() {
$(this).css({
"background-color": "transparent",
"border-color": params.outline_custom_color,
color: params.outline_custom_color
})
}), this.$wrapper.find(".vc_btn3-container").html($element)
}
}
}), window.VcTabsView = vc.shortcode_view.extend({
new_tab_adding: !1,
events: {
"click .add_tab": "addTab",
"click > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > .vc_controls .vc_control-btn-edit": "editElement",
"click > .vc_controls .vc_control-btn-clone": "clone"
},
initialize: function(params) {
window.VcTabsView.__super__.initialize.call(this, params), _.bindAll(this, "stopSorting")
},
render: function() {
return window.VcTabsView.__super__.render.call(this), this.$tabs = this.$el.find(".wpb_tabs_holder"), this.createAddTabButton(), this
},
ready: function(e) {
window.VcTabsView.__super__.ready.call(this, e)
},
createAddTabButton: function() {
var new_tab_button_id = Date.now() + "-" + Math.floor(11 * Math.random());
this.$tabs.append('<div id="new-tab-' + new_tab_button_id + '" class="new_element_button"></div>'), this.$add_button = $('<li class="add_tab_block"><a href="#new-tab-' + new_tab_button_id + '" class="add_tab" title="' + window.i18nLocale.add_tab + '"></a></li>').appendTo(this.$tabs.find(".tabs_controls")), vc_user_access().shortcodeAll("vc_tab") || this.$add_button.hide()
},
addTab: function(e) {
if (e.preventDefault(), !vc_user_access().shortcodeAll("vc_tab")) return !1;
this.new_tab_adding = !0;
var tab_title = window.i18nLocale.tab,
tabs_count = this.$tabs.find("[data-element_type=vc_tab]").length,
tab_id = Date.now() + "-" + tabs_count + "-" + Math.floor(11 * Math.random());
return vc.shortcodes.create({
shortcode: "vc_tab",
params: {
title: tab_title,
tab_id: tab_id
},
parent_id: this.model.id
}), !1
},
stopSorting: function(event, ui) {
var shortcode;
this.$tabs.find("ul.tabs_controls li:not(.add_tab_block)").each(function(index) {
$(this).find("a").attr("href").replace("#", "");
shortcode = vc.shortcodes.get($("[id=" + $(this).attr("aria-controls") + "]").data("model-id")), vc.storage.lock(), shortcode.save({
order: $(this).index()
})
}), shortcode && shortcode.save()
},
changedContent: function(view) {
var params = view.model.get("params");
if (this.$tabs.hasClass("ui-tabs") || (this.$tabs.tabs({
select: function(event, ui) {
return !$(ui.tab).hasClass("add_tab")
}
}), this.$tabs.find(".ui-tabs-nav").prependTo(this.$tabs),
vc_user_access().shortcodeAll("vc_tab") && this.$tabs.find(".ui-tabs-nav").sortable({
axis: "vc_tour" === this.$tabs.closest("[data-element_type]").data("element_type") ? "y" : "x",
update: this.stopSorting,
items: "> li:not(.add_tab_block)"
})), !0 === view.model.get("cloned")) {
var $tab_controls = (view.model.get("cloned_from"), $(".tabs_controls > .add_tab_block", this.$content)),
$new_tab = $("<li><a href='#tab-" + params.tab_id + "'>" + params.title + "</a></li>").insertBefore($tab_controls);
this.$tabs.tabs("refresh"), this.$tabs.tabs("option", "active", $new_tab.index())
} else $("<li><a href='#tab-" + params.tab_id + "'>" + params.title + "</a></li>").insertBefore(this.$add_button), this.$tabs.tabs("refresh"), this.$tabs.tabs("option", "active", this.new_tab_adding ? $(".ui-tabs-nav li", this.$content).length - 2 : 0);
this.new_tab_adding = !1
},
cloneModel: function(model, parent_id, save_order) {
var new_order, model_clone, params, tag;
return new_order = _.isBoolean(save_order) && !0 === save_order ? model.get("order") : parseFloat(model.get("order")) + vc.clone_index, params = _.extend({}, model.get("params")), tag = model.get("shortcode"), "vc_tab" === tag && _.extend(params, {
tab_id: Date.now() + "-" + this.$tabs.find("[data-element-type=vc_tab]").length + "-" + Math.floor(11 * Math.random())
}), model_clone = Shortcodes.create({
shortcode: tag,
id: vc_guid(),
parent_id: parent_id,
order: new_order,
cloned: "vc_tab" !== tag,
cloned_from: model.toJSON(),
params: params
}), _.each(Shortcodes.where({
parent_id: model.id
}), function(shortcode) {
this.cloneModel(shortcode, model_clone.get("id"), !0)
}, this), model_clone
}
}), window.VcTabView = window.VcColumnView.extend({
events: {
"click > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > .vc_controls .vc_control-btn-prepend": "addElement",
"click > .vc_controls .vc_control-btn-edit": "editElement",
"click > .vc_controls .vc_control-btn-clone": "clone",
"click > .wpb_element_wrapper > .vc_empty-container": "addToEmpty"
},
render: function() {
var params = this.model.get("params");
return window.VcTabView.__super__.render.call(this), params.tab_id || (params.tab_id = Date.now() + "-" + Math.floor(11 * Math.random()), this.model.save("params", params)), this.id = "tab-" + params.tab_id, this.$el.attr("id", this.id), this
},
ready: function(e) {
window.VcTabView.__super__.ready.call(this, e), this.$tabs = this.$el.closest(".wpb_tabs_holder");
this.model.get("params");
return this
},
changeShortcodeParams: function(model) {
var params;
window.VcTabView.__super__.changeShortcodeParams.call(this, model), params = model.get("params"), _.isObject(params) && _.isString(params.title) && _.isString(params.tab_id) && $('.ui-tabs-nav [href="#tab-' + params.tab_id + '"]').text(params.title)
},
deleteShortcode: function(e) {
_.isObject(e) && e.preventDefault();
var answer = confirm(window.i18nLocale.press_ok_to_delete_section),
parent_id = this.model.get("parent_id");
if (!0 !== answer) return !1;
if (this.model.destroy(), !vc.shortcodes.where({
parent_id: parent_id
}).length) {
return vc.shortcodes.get(parent_id).destroy(), !1
}
var params = this.model.get("params"),
current_tab_index = $('[href="#tab-' + params.tab_id + '"]', this.$tabs).parent().index();
$('[href="#tab-' + params.tab_id + '"]').parent().remove();
var tab_length = this.$tabs.find(".ui-tabs-nav li:not(.add_tab_block)").length;
0 < tab_length && this.$tabs.tabs("refresh"), current_tab_index < tab_length ? this.$tabs.tabs("option", "active", current_tab_index) : 0 < tab_length && this.$tabs.tabs("option", "active", tab_length - 1)
},
cloneModel: function(model, parent_id, save_order) {
var new_order, model_clone, params, tag;
return new_order = _.isBoolean(save_order) && !0 === save_order ? model.get("order") : parseFloat(model.get("order")) + vc.clone_index, params = _.extend({}, model.get("params")), tag = model.get("shortcode"), "vc_tab" === tag && _.extend(params, {
tab_id: Date.now() + "-" + this.$tabs.find("[data-element_type=vc_tab]").length + "-" + Math.floor(11 * Math.random())
}), model_clone = Shortcodes.create({
shortcode: tag,
parent_id: parent_id,
order: new_order,
cloned: !0,
cloned_from: model.toJSON(),
params: params
}), _.each(Shortcodes.where({
parent_id: model.id
}), function(shortcode) {
this.cloneModel(shortcode, model_clone.get("id"), !0)
}, this), model_clone
}
}), window.VcIconElementView_Backend = vc.shortcode_view.extend({
changeShortcodeParams: function(model) {
var tag, params, settings, view;
tag = model.get("shortcode"), params = model.get("params"), settings = vc.map[tag], _.isArray(settings.params) && _.each(settings.params, function(param_settings) {
if (!_.isUndefined(param_settings.admin_label) && param_settings.admin_label) {
var name, value, $wrapper, $admin_label;
name = param_settings.param_name, value = params[name], $wrapper = this.$el.find("> .wpb_element_wrapper"), $admin_label = $wrapper.children(".admin_label_" + name), $admin_label.length && ("" === value || _.isUndefined(value) ? $admin_label.hide().addClass("hidden-label") : ("type" === name && (_.isUndefined(params["icon_" + value]) || (value = vc_toTitleCase(value) + " - <i class='" + params["icon_" + value] + "'></i>")), $admin_label.html("<label>" + $admin_label.find("label").text() + "</label>: " + value), $admin_label.show().removeClass("hidden-label")))
}
}, this), view = vc.app.views[this.model.get("parent_id")], !1 !== model.get("parent_id") && _.isObject(view) && view.checkIsEmpty()
}
}), window.VcBackendTtaViewInterface = vc.shortcode_view.extend({
sortableSelector: !1,
$sortable: !1,
$navigation: !1,
defaultSectionTitle: window.i18nLocale.tab,
sortableUpdateModelIdSelector: "data-vc-target-model-id",
activeClass: "vc_active",
sortingPlaceholder: "vc_placeholder",
events: {
"click > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > .vc_controls .vc_control-btn-edit": "editElement",
"click > .vc_controls .vc_control-btn-clone": "clone",
"click > .vc_controls .vc_control-btn-prepend": "clickPrependSection",
"click .vc_tta-section-append": "clickAppendSection"
},
initialize: function(params) {
window.VcBackendTtaViewInterface.__super__.initialize.call(this, params), _.bindAll(this, "updateSorting")
},
render: function() {
return window.VcBackendTtaViewInterface.__super__.render.call(this), this.$el.addClass("vc_tta-container vc_tta-o-non-responsive"), this
},
setContent: function() {
this.$content = this.$el.find("> .wpb_element_wrapper .vc_tta-panels")
},
clickAppendSection: function(e) {
e.preventDefault(), this.addSection()
},
clickPrependSection: function(e) {
e.preventDefault(), this.addSection(!0)
},
addSection: function(prepend) {
var newTabTitle, params;
return newTabTitle = this.defaultSectionTitle, params = {
shortcode: "vc_tta_section",
params: {
title: newTabTitle
},
parent_id: this.model.get("id"),
order: _.isBoolean(prepend) && prepend ? vc.add_element_block_view.getFirstPositionIndex() : vc.shortcodes.getNextOrder(),
prepend: prepend
}, vc.shortcodes.create(params)
},
findSection: function(modelId) {
return this.$content.children('[data-model-id="' + modelId + '"]')
},
getIndex: function($element) {
return $element.index()
},
buildSortable: function($element) {
return !("edit" === vc_user_access().getState("shortcodes") || !vc_user_access().shortcodeAll("vc_tta_section")) && $element.sortable({
forcePlaceholderSize: !0,
placeholder: this.sortingPlaceholder,
helper: this.renderSortingPlaceholder,
scroll: !0,
cursor: "move",
cursorAt: {
top: 20,
left: 16
},
start: function(event, ui) {},
over: function(event, ui) {},
stop: function(event, ui) {
ui.item.attr("style", "")
},
update: this.updateSorting,
items: this.sortableSelector
})
},
updateSorting: function(event, ui) {
var self;
if (!vc_user_access().shortcodeAll("vc_tta_section")) return !1;
self = this, this.$sortable.find(this.sortableSelector).each(function() {
var shortcode, modelId, $this;
$this = $(this), modelId = $this.attr(self.sortableUpdateModelIdSelector), shortcode = vc.shortcodes.get(modelId), vc.storage.lock(), shortcode.save({
order: self.getIndex($this)
})
}), vc.storage.unlock(), vc.storage.save()
},
makeFirstSectionActive: function() {
this.$content.children(":first-child").addClass(this.activeClass)
},
checkForActiveSection: function() {
var $currentActive;
$currentActive = this.$content.children("." + this.activeClass), $currentActive.length || this.makeFirstSectionActive()
},
changeActiveSection: function(modelId) {
this.$content.children(".vc_tta-panel." + this.activeClass).removeClass(this.activeClass), this.findSection(modelId).addClass(this.activeClass)
},
changedContent: function(view) {
var changedContent;
return changedContent = window.VcBackendTtaViewInterface.__super__.changedContent.call(this, view), this.checkForActiveSection(), this.buildSortable(this.$sortable), changedContent
},
notifySectionChanged: function(model) {
var view, title;
view = model.get("view"), _.isObject(view) && (title = model.getParam("title"), _.isString(title) && title.length || (title = this.defaultSectionTitle), view.$el.find(".vc_tta-panel-title a .vc_tta-title-text").text(title))
},
notifySectionRendered: function(model) {},
getNextTab: function($viewTab) {
var lastIndex, viewTabIndex, $navigationSections;
return $navigationSections = this.$navigation.children(), lastIndex = $navigationSections.length - 2, viewTabIndex = $viewTab.index(), viewTabIndex !== lastIndex ? $navigationSections.eq(viewTabIndex + 1) : $navigationSections.eq(viewTabIndex - 1)
},
renderSortingPlaceholder: function(event, element) {
return vc.app.renderPlaceholder(event, element)
}
}), window.VcBackendTtaTabsView = window.VcBackendTtaViewInterface.extend({
sortableSelector: "> [data-vc-tab]",
sortableSelectorCancel: ".vc-non-draggable-container",
sortablePlaceholderClass: "vc_placeholder-tta-tab",
navigationSectionTemplate: null,
navigationSectionTemplateParsed: null,
$navigationSectionAdd: null,
sortingPlaceholder: "vc_placeholder-tab vc_tta-tab",
render: function() {
return window.VcBackendTtaTabsView.__super__.render.call(this), this.$navigation = this.$el.find("> .wpb_element_wrapper .vc_tta-tabs-list"), this.$sortable = this.$navigation, this.$navigationSectionAdd = this.$navigation.children(".vc_tta-tab:first-child"), this.setNavigationSectionTemplate(this.$navigationSectionAdd.prop("outerHTML")), vc_user_access().shortcodeAll("vc_tta_section") ? this.$navigationSectionAdd.addClass("vc_tta-section-append").removeAttr("data-vc-target-model-id").removeAttr("data-vc-tab").find("[data-vc-target]").html('<i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i>').removeAttr("data-vc-tabs").removeAttr("data-vc-target").removeAttr("data-vc-target-model-id").removeAttr("data-vc-toggle") : this.$navigationSectionAdd.hide(), this
},
setNavigationSectionTemplate: function(html) {
this.navigationSectionTemplate = html, this.navigationSectionTemplateParsed = vc.template(this.navigationSectionTemplate, vc.templateOptions.custom)
},
getNavigationSectionTemplate: function() {
return this.navigationSectionTemplate
},
getParsedNavigationSectionTemplate: function(data) {
return this.navigationSectionTemplateParsed(data)
},
changeNavigationSectionTitle: function(modelId, title) {
this.findNavigationTab(modelId).find("[data-vc-target]").text(title)
},
changeActiveSection: function(modelId) {
window.VcBackendTtaTabsView.__super__.changeActiveSection.call(this, modelId), this.$navigation.children("." + this.activeClass).removeClass(this.activeClass), this.findNavigationTab(modelId).addClass(this.activeClass)
},
notifySectionRendered: function(model) {
var $element, title, $insertAfter, clonedFrom;
window.VcBackendTtaTabsView.__super__.notifySectionRendered.call(this, model), title = model.getParam("title"), $element = $(this.getParsedNavigationSectionTemplate({
model_id: model.get("id"),
section_title: _.isString(title) && 0 < title.length ? title : this.defaultSectionTitle
})), model.get("cloned") ? (clonedFrom = model.get("cloned_from"), _.isObject(clonedFrom) && ($insertAfter = this.$navigation.children('[data-vc-target-model-id="' + clonedFrom.id + '"]'), $insertAfter.length ? $element.insertAfter($insertAfter) : $element.insertBefore(this.$navigation.children(".vc_tta-section-append")))) : model.get("prepend") ? $element.insertBefore(this.$navigation.children(":first-child")) : $element.insertBefore(this.$navigation.children(":last-child"))
},
notifySectionChanged: function(model) {
var title;
window.VcBackendTtaTabsView.__super__.notifySectionChanged.call(this, model), title = model.getParam("title"), _.isString(title) && title.length || (title = this.defaultSectionTitle), this.changeNavigationSectionTitle(model.get("id"), title), model.view.$el.find("> .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_element-name").removeClass("vc_element-move"), model.view.$el.find("> .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_element-name .vc-c-icon-dragndrop").hide()
},
makeFirstSectionActive: function() {
var $tab;
$tab = this.$navigation.children(":first-child:not(.vc_tta-section-append)").addClass(this.activeClass), $tab.length && this.findSection($tab.data("vc-target-model-id")).addClass(this.activeClass)
},
findNavigationTab: function(modelId) {
return this.$navigation.children('[data-vc-target-model-id="' + modelId + '"]')
},
removeSection: function(model) {
var $viewTab, $nextTab, tabIsActive;
$viewTab = this.findNavigationTab(model.get("id")), tabIsActive = $viewTab.hasClass(this.activeClass), tabIsActive && ($nextTab = this.getNextTab($viewTab), $nextTab.addClass(this.activeClass), this.changeActiveSection($nextTab.data("vc-target-model-id"))), $viewTab.remove()
},
renderSortingPlaceholder: function(event, currentItem) {
var helper, currentItemWidth, currentItemHeight;
return helper = currentItem, currentItemWidth = currentItem.width() + 1, currentItemHeight = currentItem.height(), helper.width(currentItemWidth), helper.height(currentItemHeight), helper
}
}), window.VcBackendTtaAccordionView = VcBackendTtaViewInterface.extend({
sortableSelector: "> .vc_tta-panel:not(.vc_tta-section-append)",
sortableSelectorCancel: ".vc-non-draggable",
sortableUpdateModelIdSelector: "data-model-id",
defaultSectionTitle: window.i18nLocale.section,
render: function() {
return window.VcBackendTtaTabsView.__super__.render.call(this), this.$navigation = this.$content, this.$sortable = this.$content, vc_user_access().shortcodeAll("vc_tta_section") || this.$content.find(".vc_tta-section-append").hide(), this
},
removeSection: function(model) {
var $viewTab, $nextTab, tabIsActive;
$viewTab = this.findSection(model.get("id")), (tabIsActive = $viewTab.hasClass(this.activeClass)) && ($nextTab = this.getNextTab($viewTab), $nextTab.addClass(this.activeClass))
},
addShortcode: function(view) {
var beforeShortcode;
beforeShortcode = _.last(vc.shortcodes.filter(function(shortcode) {
return shortcode.get("parent_id") === this.get("parent_id") && parseFloat(shortcode.get("order")) < parseFloat(this.get("order"))
}, view.model)), beforeShortcode ? view.render().$el.insertAfter("[data-model-id=" + beforeShortcode.id + "]") : this.$content.prepend(view.render().el)
}
}), window.VcBackendTtaTourView = window.VcBackendTtaTabsView.extend({
defaultSectionTitle: window.i18nLocale.section
}), window.VcBackendTtaPageableView = window.VcBackendTtaTabsView.extend({
defaultSectionTitle: window.i18nLocale.section
}), window.VcBackendTtaSectionView = window.VcColumnView.extend({
parentObj: null,
events: {
"click > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_control-btn-delete": "deleteShortcode",
"click > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_control-btn-prepend": "addElement",
"click > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_control-btn-edit": "editElement",
"click > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls .vc_control-btn-clone": "clone",
"click > .wpb_element_wrapper > .vc_tta-panel-body > .vc_empty-container": "addToEmpty"
},
setContent: function() {
this.$content = this.$el.find("> .wpb_element_wrapper > .vc_tta-panel-body > .vc_container_for_children")
},
render: function() {
var parentObj;
return window.VcBackendTtaSectionView.__super__.render.call(this), parentObj = vc.shortcodes.get(this.model.get("parent_id")), _.isObject(parentObj) && !_.isUndefined(parentObj.view) && (this.parentObj = parentObj), this.$el.addClass("vc_tta-panel"), this.$el.attr("style", ""), this.$el.attr("data-vc-toggle", "tab"), this.replaceTemplateVars(), this
},
replaceTemplateVars: function() {
var title, $panelHeading;
title = this.model.getParam("title"), _.isEmpty(title) && (title = this.parentObj && this.parentObj.defaultSectionTitle && this.parentObj.defaultSectionTitle.length ? this.parentObj.defaultSectionTitle : window.i18nLocale.section), $panelHeading = this.$el.find(".vc_tta-panel-heading");
var template = vc.template($panelHeading.html(), vc.templateOptions.custom);
$panelHeading.html(template({
model_id: this.model.get("id"),
section_title: title
}))
},
getIndex: function() {
return this.$el.index()
},
ready: function() {
this.updateParentNavigation(), window.VcBackendTtaSectionView.__super__.ready.call(this)
},
updateParentNavigation: function() {
_.isObject(this.parentObj) && this.parentObj.view && this.parentObj.view.notifySectionRendered && this.parentObj.view.notifySectionRendered(this.model)
},
deleteShortcode: function(e) {
return _.isObject(e) && e.preventDefault(), !0 === confirm(window.i18nLocale.press_ok_to_delete_section) && (1 === vc.shortcodes.where({
parent_id: this.model.get("parent_id")
}).length ? (this.model.destroy(), this.parentObj && this.parentObj.destroy()) : (this.parentObj && this.parentObj.view && this.parentObj.view.removeSection && this.parentObj.view.removeSection(this.model), this.model.destroy()), !0)
},
changeShortcodeParams: function(model) {
window.VcBackendTtaSectionView.__super__.changeShortcodeParams.call(this, model), _.isObject(this.parentObj) && this.parentObj.view && this.parentObj.view.notifySectionChanged && this.parentObj.view.notifySectionChanged(model)
}
}), vc.addTemplateFilter(function(string) {
var random_id = VCS4() + "-" + VCS4();
return string.replace(/tab\_id\=\"([^\"]+)\"/g, 'tab_id="$1' + random_id + '"')
})
}(window.jQuery),
function($, _) {
"use strict";
function processImages(attachments, callback) {
var ids = attachments.models ? attachments.pluck("id") : attachments;
$.ajax({
dataType: "json",
type: "POST",
url: window.ajaxurl,
data: {
action: "vc_media_editor_add_image",
filters: window.vc_selectedFilters,
ids: ids,
vc_inline: !0,
_vcnonce: window.vcAdminNonce
}
}).done(function(response) {
var models, attachment, promises, i;
if ("function" == typeof callback) {
for (models = [], promises = [], i = 0; i < response.data.ids.length; i++) attachment = attachments[response.data.ids[i]], attachment || (attachment = media.model.Attachment.get(response.data.ids[i]), promises.push(attachment.fetch())), models.push(attachment);
$.when.apply($, promises).done(function() {
callback(models)
})
}
}).fail(function(response) {
$(".media-modal-close").click(), attachCb = [], window.vc && window.vc.active_panel && window.i18nLocale && window.i18nLocale.error_while_saving_image_filtered && vc.active_panel.showMessage(window.i18nLocale.error_while_saving_image_filtered, "error"), window.console && window.console.error && window.console.error(response)
}).always(function() {
$(".media-modal").removeClass("processing-media")
})
}
function previewFilter(attachmentId) {
var $previewContainer, $preview, $filter;
if ($filter = $(".media-frame:visible [data-vc-preview-image-filter=" + attachmentId + "]"), $filter.length) {
if ($previewContainer = $(".media-frame:visible .attachment-info .thumbnail-image").eq(-1), $preview = $previewContainer.find("img"), $previewContainer.addClass("loading"), $preview.data("original-src") || $preview.data("original-src", $preview.attr("src")), !$filter.val().length) return $preview.attr("src", $preview.data("original-src")), void $previewContainer.removeClass("loading");
$.ajax({
type: "POST",
dataType: "json",
url: window.ajaxurl,
data: {
action: "vc_media_editor_preview_image",
filter: $filter.val(),
attachment_id: attachmentId,
preferred_size: window.getUserSetting("imgsize", "medium"),
_vcnonce: window.vcAdminNonce
}
}).done(function(response) {
response.success && response.data.src.length && $preview.attr("src", response.data.src)
}).fail(function(jqXHR, textStatus, errorThrown) {
window.console && window.console.error && window.console.error("Filter preview failed:", textStatus, errorThrown)
}).always(function() {
$previewContainer.removeClass("loading")
})
}
}
var attachmentCompatRender, attachCb = [],
media = wp.media,
origFeaturedImageSet = media.featuredImage.set,
origEditorSendAttachment = media.editor.send.attachment,
l10n = i18nLocale,
workflows = {};
attachmentCompatRender = _.extend(media.view.AttachmentCompat.prototype.render), media.view.AttachmentCompat.prototype.render = function() {
var attachmentId, that = this;
return attachmentId = this.model.get("id"), attachmentCompatRender.call(this), _.defer(function() {
var $container, html, $filter, label, $input;
$container = that.controller.$el.find(".attachment-info"), $input = that.controller.$el.find("[data-vc-preview-image-filter]"), $container.length && $input.length && (label = $input.parent().find(".vc-filter-label").text(), html = '<label class="setting vc-image-filter-setting">', html += '<span class="name">' + label + "</span>", html += $input[0].outerHTML, html += "</label>", $container.before(html), $input.parents("tr").remove()), void 0 !== window.vc_selectedFilters && void 0 !== window.vc_selectedFilters[attachmentId] && ($filter = $(".media-frame:visible [data-vc-preview-image-filter=" + attachmentId + "]"), $filter.length && $filter.val(window.vc_selectedFilters[attachmentId]).change()), previewFilter(attachmentId)
}), this
}, media.editor.send.attachment = function(props, attachment) {
function finishImageProcessing(newAttachment) {
var attachment = newAttachment.slice(0).pop().attributes;
origEditorSendAttachment(props, attachment).done(function(html) {
origEditorSendAttachmentCallback(html, attachment.id)
})
}
function origEditorSendAttachmentCallback(html, id) {
attachCb && attachCb[0] !== id ? setTimeout(function() {
origEditorSendAttachmentCallback(html, id)
}, 50) : (attachCb.shift(), media.editor.insert(html))
}
attachCb.push(attachment.id), processImages([attachment.id], finishImageProcessing)
}, media.featuredImage.set = function(id) {
var ids = [id]; - 1 !== id ? $.ajax({
type: "POST",
url: window.ajaxurl,
data: {
action: "vc_media_editor_add_image",
filters: window.vc_selectedFilters,
ids: ids,
_vcnonce: window.vcAdminNonce
}
}).done(function(response) {
var newId;
!0 === response.success && response.data.ids.length ? (newId = response.data.ids.pop(), origFeaturedImageSet(newId)) : origFeaturedImageSet(id)
}).fail(function() {
origFeaturedImageSet(id)
}) : origFeaturedImageSet(id)
}, media.controller.VcSingleImage = media.controller.FeaturedImage.extend({
defaults: _.defaults({
id: "vc_single-image",
filterable: "uploaded",
multiple: !1,
toolbar: "vc_single-image",
title: l10n.set_image,
priority: 60,
syncSelection: !1
}, media.controller.Library.prototype.defaults),
updateSelection: function() {
var attachments, selection = this.get("selection"),
ids = media.vc_editor.getData();
this.get("library");
void 0 !== ids && "" !== ids && -1 !== ids && (attachments = _.map(ids.toString().split(/,/), function(id) {
var attachment = media.model.Attachment.get(id);
return attachment.fetch(), attachment
})), selection.reset(attachments)
}
}), media.controller.VcGallery = media.controller.VcSingleImage.extend({
defaults: _.defaults({
id: "vc_gallery",
title: l10n.add_images,
toolbar: "main-insert",
filterable: "uploaded",
library: media.query({
type: "image"
}),
multiple: "add",
editable: !0,
priority: 60,
syncSelection: !1
}, media.controller.Library.prototype.defaults)
}), media.VcSingleImage = {
getData: function() {
return this.$hidden_ids.val()
},
set: function(selection) {
var template = vc.template($("#vc_settings-image-block").html(), vc.templateOptions.custom);
return this.$img_ul.html(template(selection)), this.$clear_button.show(), this.$hidden_ids.val(selection.id).trigger("change"), !1
},
frame: function(element) {
return window.vc_selectedFilters = {}, this.element = element, this.$button = $(this.element), this.$block = this.$button.closest(".edit_form_line"), this.$hidden_ids = this.$block.find(".gallery_widget_attached_images_ids"), this.$img_ul = this.$block.find(".gallery_widget_attached_images_list"), this.$clear_button = this.$img_ul.next(), this._frame ? this._frame : (this._frame = media({
state: "vc_single-image",
states: [new media.controller.VcSingleImage]
}), this._frame.on("toolbar:create:vc_single-image", function(toolbar) {
this.createSelectToolbar(toolbar, {
text: l10n.set_image,
close: !1
})
}, this._frame), this._frame.state("vc_single-image").on("select", this.select), this._frame)
},
select: function() {
var selection = this.get("selection");
vc.events.trigger("click:media_editor:add_image", selection, "single")
}
}, media.view.MediaFrame.VcGallery = media.view.MediaFrame.Post.extend({
createStates: function() {
this.states.add([new media.controller.VcGallery])
},
bindHandlers: function() {
media.view.MediaFrame.Select.prototype.bindHandlers.apply(this, arguments), this.on("toolbar:create:main-insert", this.createToolbar, this);
var handlers = {
content: {
embed: "embedContent",
"edit-selection": "editSelectionContent"
},
toolbar: {
"main-insert": "mainInsertToolbar"
}
};
_.each(handlers, function(regionHandlers, region) {
_.each(regionHandlers, function(callback, handler) {
this.on(region + ":render:" + handler, this[callback], this)
}, this)
}, this)
},
mainInsertToolbar: function(view) {
var controller = this;
this.selectionStatusToolbar(view), view.set("insert", {
style: "primary",
priority: 80,
text: l10n.add_images,
requires: {
selection: !0
},
click: function() {
var state = controller.state(),
selection = state.get("selection");
vc.events.trigger("click:media_editor:add_image", selection, "gallery"), state.trigger("insert", selection).reset()
}
})
}
}), media.vc_editor = _.clone(media.editor), _.extend(media.vc_editor, {
$vc_editor_element: null,
getData: function() {
return media.vc_editor.$vc_editor_element.closest(".edit_form_line").find(".gallery_widget_attached_images_ids").val()
},
insert: function(images) {
var $button = media.vc_editor.$vc_editor_element,
$block = $button.closest(".edit_form_line"),
$hidden_ids = $block.find(".gallery_widget_attached_images_ids"),
$img_ul = $block.find(".gallery_widget_attached_images_list"),
$thumbnails_string = "",
template = vc.template($("#vc_settings-image-block").html(), vc.templateOptions.custom);
_.each(images, function(image) {
$thumbnails_string += template(image)
}), $hidden_ids.val(_.map(images, function(image) {
return image.id
}).join(",")).trigger("change"), $img_ul.html($thumbnails_string)
},
open: function(id) {
var workflow;
return id = this.id(id), workflow = this.get(id), workflow || (workflow = this.add(id)), window.vc_selectedFilters = {}, workflow.open()
},
add: function(id, options) {
var workflow = this.get(id);
return workflow || (workflows[id] ? workflows[id] : workflow = workflows[id] = new media.view.MediaFrame.VcGallery(_.defaults(options || {}, {
state: "vc_gallery",
title: l10n.add_images,
library: {
type: "image"
},
multiple: !0
})))
},
init: function() {
$("body").unbind("click.vcGalleryWidget").on("click.vcGalleryWidget", ".gallery_widget_add_images", function(event) {
event.preventDefault();
var $this = $(this);
if (media.vc_editor.$vc_editor_element = $(this), "true" === $this.attr("use-single")) return void media.VcSingleImage.frame(this).open("vc_editor");
$this.blur(), media.vc_editor.open("visual-composer")
})
}
}), _.bindAll(media.vc_editor, "open"), $(document).ready(function() {
media.vc_editor.init()
}), vc.events.on("click:media_editor:add_image", function(selection, type) {
function finishImageProcessing(newAttachments) {
var attachments, objects;
switch (attachments = _.map(newAttachments, function(newAttachment) {
return newAttachment.attributes
}), selection.reset(attachments), objects = _.map(selection.models, function(model) {
return model.attributes
}), void 0 === type && (type = ""), type) {
case "gallery":
media.vc_editor.insert(objects);
break;
case "single":
media.VcSingleImage.set(objects[0])
}
$(".media-modal").removeClass("processing-media"), $(".media-modal-close").click()
}
$(".media-modal").addClass("processing-media"), processImages(_.extend({}, selection), finishImageProcessing)
}), $("body").on("change", "[data-vc-preview-image-filter]", function() {
var id;
id = $(this).data("vcPreviewImageFilter"), void 0 === window.vc_selectedFilters && (window.vc_selectedFilters = {}), window.vc_selectedFilters[id] = $(this).val(), previewFilter(id)
})
}(window.jQuery, window._);
var vcPointerMessage;
! function($) {
"use strict";
vcPointerMessage = function(target, pointerOptions, texts) {
this.target = target, this.$pointer = null, this.texts = texts, this.pointerOptions = pointerOptions, this.init()
}, vcPointerMessage.prototype = {
init: function() {
_.bindAll(this, "openedEvent", "reposition")
},
show: function() {
this.$pointer = $(this.target), this.$pointer.data("vcPointerMessage", this), this.pointerOptions.opened = this.openedEvent, this.$pointer.addClass("vc-with-vc-pointer").pointer(this.pointerOptions).pointer("open"), $(window).on("resize.vcPointer", this.reposition)
},
domButtonsWrapper: function() {
return $('<div class="vc_wp-pointer-controls" />')
},
domCloseBtn: function() {
return $('<a class="vc_pointer-close close">' + this.texts.finish + "</a>")
},
domNextBtn: function() {
return $('<button class="button button-primary button-large vc_wp-pointers-next">' + this.texts.next + '<i class="vc_pointer-icon"></i></button>')
},
domPrevBtn: function() {
return $('<button class="button button-primary button-large vc_wp-pointers-prev"><i class="vc_pointer-icon"></i>' + this.texts.prev + "</button> ")
},
openedEvent: function(a, b) {
var offset = b.pointer.offset();
offset && offset.top && $("body").scrollTop(80 < offset.top ? offset.top - 80 : 0)
},
reposition: function() {
this.$pointer.pointer("reposition")
},
close: function() {
this.$pointer && this.$pointer.removeClass("vc-with-vc-pointer").pointer("close"), $(window).off("resize.vcPointer")
}
}
}(window.jQuery);
var vcPointersController;
! function($) {
"use strict";
vcPointersController = function(Pointer, texts) {
this.pointers = Pointer && Pointer.messages || [], this._texts = texts, this.pointerId = Pointer && Pointer.pointer_id ? Pointer.pointer_id : "", this.pointerData = {}, this._index = 0, this.messagesDismissed = !1, this.init()
}, vcPointersController.prototype = {
init: function() {
_.bindAll(this, "show", "clickEventClose", "clickEventNext", "clickEventPrev", "buttonsEvent"), this.build()
},
getPointer: function(index) {
return this.pointerData = this.pointers[index] && this.pointers[index].target ? this.pointers[index] : null, this.pointerData && this.pointerData.options ? new vcPointerMessage(this.pointerData.target, this.buildOptions(this.pointerData.options), this._texts) : null
},
buildOptions: function(data) {
return data.buttonsEvent && _.isFunction(window[data.buttonsEvent]) ? data.buttons = _.bind(window[data.buttonsEvent], this) : data.buttons = this.buttonsEvent, data.vcPointerController = this, data
},
build: function() {
if (this.pointer = this.getPointer(this._index), vc.events.once("backendEditor.close", this.close, this), !this.pointer) return !1;
this.setShowEventHandler()
},
show: function() {
this.pointer.show(), this.setCloseEventHandler(), vc.events.trigger("vcPointer:show")
},
setShowEventHandler: function() {
var showEvent;
this.pointerData.showCallback && window[this.pointerData.showCallback] ? window[this.pointerData.showCallback].call(this) : this.pointerData.showEvent ? this.pointerData.showEvent.match(/\s/) ? (showEvent = this.pointerData.closeEvent.split(/\s+(.+)?/), 1 < showEvent.length && $(showEvent[1]).one(showEvent[0], this.show)) : vc.events.once(this.pointerData.showEvent, this.show) : this.show()
},
setCloseEventHandler: function() {
var closeEvent;
this.pointerData.closeCallback && window[this.pointerData.closeCallback] ? window[this.pointerData.closeCallback].call(this) : this.pointerData.closeEvent ? this.pointerData.closeEvent.match(/\s/) ? (closeEvent = this.pointerData.closeEvent.split(/\s+(.+)?/), $(closeEvent[1] || this.$pointer).one(closeEvent[1] && closeEvent[0] ? closeEvent[0] : "click", this.clickEventNext)) : vc.events.once(this.pointerData.closeEvent, this.nextOnEvent, this) : this.pointer.$pointer && 0 < this.pointer.$pointer.length && $(this.pointer.$pointer).one("click", this.clickEventNext)
},
nextOnEvent: function() {
this.close(), this.next()
},
next: function() {
this._index++, this.build()
},
prev: function() {
this._index--, this.build()
},
close: function() {
this.pointer && (this.pointer.close(), this.pointerData = null, this.pointer = null, vc.events.trigger("vcPointer:close", this))
},
buttonsEvent: function() {
var $closeBtn, $nextBtn, $prevBtn, $buttons;
return $closeBtn = this.pointer.domCloseBtn(), $nextBtn = this.pointer.domNextBtn(), $prevBtn = this.pointer.domPrevBtn(), $closeBtn.bind("click.vcPointer", this.clickEventClose), $buttons = this.pointer.domButtonsWrapper().append($closeBtn), 0 < this._index && ($prevBtn.bind("click.vcPointer", this.clickEventPrev), $buttons.addClass("vc_wp-pointer-controls-prev").append($prevBtn)), this._index + 1 < this.pointers.length && ($nextBtn.bind("click.vcPointer", this.clickEventNext), $buttons.addClass("vc_wp-pointer-controls-next").append($nextBtn)), $buttons
},
clickEventClose: function() {
this.close(), this.dismissMessages()
},
clickEventNext: function() {
this.close(), this.next()
},
clickEventPrev: function() {
this.close(), this.prev()
},
dismissMessages: function() {
if (this.messagesDismissed) return !1;
$.post(window.ajaxurl, {
pointer: this.pointerId,
action: "dismiss-wp-pointer"
}), this.messagesDismissed = !0
}
}
}(window.jQuery),
function($) {
"use strict";
vc.events.on("app.render", function() {
window.vcPointer && window.vcPointer.pointers && window.vcPointer.pointers.length && _.each(vcPointer.pointers, function(pointer) {
new vcPointersController(pointer, vcPointer.texts)
}, this)
}), vc.events.on("vcPointer:show", function() {
vc.app.disableFixedNav = !0
}), vc.events.on("vcPointer:close", function() {
vc.app.disableFixedNav = !1
}), window.vcPointersEditorsTourEvents = function() {
var $closeBtn;
return $closeBtn = this.pointer.domCloseBtn(), $closeBtn.bind("click.vcPointer", this.clickEventClose), this.dismissMessages(), $closeBtn
}, window.vcPointersShowOnContentElementControls = function() {
this.pointer && $(this.pointer.target).length ? ($(this.pointer.target).parent().addClass("vc-with-vc-pointer-controls"), this.show(), $("#wpb_visual_composer").one("click", function() {
$(".vc-with-vc-pointer-controls").removeClass("vc-with-vc-pointer-controls")
})) : vc.events.once("shortcodes:add", vcPointersShowOnContentElementControls, this)
}, window.vcPointersSetInIFrame = function() {
this.pointerData && vc.frame_window.jQuery(this.pointerData.target).length ? (this.pointer = new vc.frame_window.vcPointerMessage(this.pointerData.target, this.buildOptions(this.pointerData.options), this._texts), this.show(), this.pointer.$pointer.closest(".vc_controls").addClass("vc-with-vc-pointer-controls")) : vc.events.once("shortcodeView:ready", vcPointersSetInIFrame, this)
}, window.vcPointersCloseInIFrame = function() {
var controller, _$;
controller = this, _$ = vc.frame_window.jQuery, _$("body").one("click", function() {
_$(".vc-with-vc-pointer-controls").removeClass("vc-with-vc-pointer-controls"), controller.nextOnEvent()
})
}
}(window.jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment