%PDF-
%PDF-
Mini Shell
Mini Shell
/*
* KingComposer Page Builder
*
* (c) Copyright king-theme.com
*
*
* kc.mapper.js
*
*/
(function ($) {
window.kc_mapper = {
changed: false,
init : function() {
kc.trigger({
el : $('body'),
events : {
'.item.add-new:click': kc_mapper.add,
'.item.import-export:click': kc_mapper.import_export,
'#kc-mapper-parse:click': 'valid',
'#kc-mapper-shortcode-info input[name="tag"]:change': kc_mapper.shortcode_string,
'#kc-mapper-shortcode-info input[name="is_container"]:change': 'is_container',
'#kc-mapper-fields-btn .save-fields:click': 'save_shortcode',
'#kc-mapper-fields-btn .kc-mapper-settings-delete:click': 'delete_shortcode',
'#kc-mapper-overlay:click': 'close',
'.kc-mapper-settings-close:click': 'close',
'#kc-mapper-screen-import-export h2.mp-title a:click': 'import_tab',
'#kc-mapper-screen-import-export .tab.import input[type="file"]:change': 'upload_file',
'#kc-mapper-screen-import-export button.do-export:click': 'do_export',
'#kc-mapper-screen-import-export button.do-import:click': 'do_import',
},
is_container : function(e) {
if (this.checked === true && $('#kc-mapper-fields .field_row.content_include').length === 0) {
var atts = {
name: 'content',
label: 'Content',
admin_label: '',
description: '',
content_include: true,
level: 1,
relation: ''
}, field = $(kc.template('mapper-field', atts));
$('#kc-mapper-fields').prepend(field);
if (atts.callback !== undefined)
atts.callback(field, atts);
field.find('.field-row-body').show();
kc_mapper.field.preview();
kc_mapper.ui_init();
} else if (this.checked === false && $('#kc-mapper-fields .field_row.content_include').length > 0) {
$('#kc-mapper-fields .field_row.content_include').remove();
kc_mapper.field.preview();
}
kc_mapper.shortcode_string();
},
valid : function(e) {
var textare = $('textarea#kc-mapper-string'),
error = textare.parent().find('p.error'),
string = textare.val().toString().trim(),
name = string.split(' ')[0].replace(/\[/g, '').replace(/\]/g, '').trim();
if (string === '') {
error.show().html ('Error: Empty shortcode string');
textare.data('shake')(textare);
return;
}
if (/*kc.maps[name] !== undefined || */kc_mapper_shortcodes[name] !== undefined) {
error.show().html ('Error: The shortcode "'+name+'" already exists');
textare.data('shake')(textare);
return;
}
if (string.indexOf('['+name) === 0 && string.indexOf('[/'+name+']') === (string.length-3-name.length)) {
} else {
if (string.indexOf('[') > -1 && (string.indexOf('[') > 0 || string.indexOf(']') === -1)) {
error.show().html ('Error: Invalid shortcode format');
textare.data('shake')(textare);
return;
}
if (string.indexOf(']') > -1 && string.indexOf(']') < string.length-1) {
error.show().html ('Error: Invalid shortcode format');
textare.data('shake')(textare);
return;
}
}
error.hide();
// start render
kc_mapper.parse(string, name);
},
save_shortcode : function(e) {
var inps = $('#kc-mapper-shortcode-info input.infp'),
params = kc_mapper.field.get_params($('#kc-mapper-fields>.field_row_param')),
tag = kc.tools.esc_slug(inps.filter('[name="tag"]').val());
if (params === false)
return;
// validate params
if (params === false)
return;
kc_mapper_shortcodes[tag] = {
name: kc.tools.esc(inps.filter('[name="name"]').val()),
description: kc.tools.esc(inps.filter('[name="description"]').val()),
category: kc.tools.esc(inps.filter('[name="category"]').val()),
icon: kc.tools.esc(inps.filter('[name="icon"]').val()),
is_container: inps.filter('[name="is_container"]').get(0).checked,
params: params
}
kc.msg(kc.__.saving+'..', 'loading');
$.ajax({
url: ajaxurl,
data: {
security: kc_mapper_nonce,
action: 'kc_update_mapper',
data: kc.tools.base64.encode(JSON.stringify(kc_mapper_shortcodes[tag])),
tag: tag,
task: 'update'
},
method: 'POST',
dataType: 'json',
success: function(json) {
if( json !== -1 && json != '-1' ){
if( json.stt === 1 ){
kc_mapper.changed = false;
//kc.msg( json.message, 'success', 'sl-check' );
$('#kc-preload').remove();
kc_mapper.screen('close');
kc_mapper.build_list();
}else{
kc.msg( json.message, 'error', 'sl-close' );
}
}else{
kc.msg( kc.__.security, 'error', 'sl-close' );
}
}
});
},
delete_shortcode : function(e) {
var tag = kc.tools.esc_slug($('#kc-mapper-shortcode-info input.infp[name="tag"]').val());
if (confirm('Are you sure that you want to delete the shortcode "'+tag+'"?')) {
$.ajax({
url: ajaxurl,
data: {
security: kc_mapper_nonce,
action: 'kc_update_mapper',
tag: tag,
task: 'delete'
},
method: 'POST',
dataType: 'json',
success: function(json) {
if(json !== -1 && json != '-1')
{
if( json.stt === 1 )
{
//kc.msg( json.message, 'success', 'sl-check' );
$('#kc-preload').remove();
kc_mapper.changed = false;
kc_mapper.screen('close');
delete kc_mapper_shortcodes[tag];
kc_mapper.build_list();
}else{
kc.msg( json.message, 'error', 'sl-close' );
}
}else{
kc.msg( kc.__.security, 'error', 'sl-close' );
}
}
});
}
},
import_tab : function(e) {
var has = this.hash.replace('#', '');
$(this).parent().find('.active').removeClass('active');
$(this).addClass('active');
$('#kc-mapper-screen-import-export .tab').hide();
$('#kc-mapper-screen-import-export .tab.'+has).show();
},
upload_file : function(e){
var f = this.files[0];
if (f && f.name.indexOf('.kc') === (f.name.length - 3))
{
var r = new FileReader();
r.onload = function(e) {
$('#kc-mapper-screen-import-export .tab.import textarea[name="import"]').val(this.result.trim());
}
r.readAsText(f);
}
else
{
alert("Unsupported file, please select a exported file *.kc");
}
},
do_export : function(){
var wrp = $('#kc-mapper-screen-import-export .tab.export'),
text = wrp.find('textarea[name="export"]').val(),
name = wrp.find('input[name="export-name"]').val();
name = kc.tools.esc_slug(name.trim());
wrp.find('.kc-notice').remove();
if (name === '') {
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: __empty file name__</p></div>');
wrp.find('input[name="export-name"]').shake();
return;
}
if (text === '') {
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: __empty data export__</p></div>');
wrp.find('textarea[name="export"]').shake();
return;
}
try {
var json = JSON.parse(text);
if (Object.keys(json).length === 0)
{
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: __empty data export__</p></div>');
wrp.find('textarea[name="export"]').shake();
return;
}
} catch(ex) {
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: '+ex.message+'</p></div>');
wrp.find('textarea[name="export"]').shake();
if (ex.message.indexOf('in JSON at position') > -1) {
var pos = parseInt(ex.message.split('in JSON at position')[1].trim());
wrp.find('textarea[name="export"]').get(0).setSelectionRange(pos-2, pos+1);
}
return;
}
var a = $('#kc-mapper-screen-import-export a.download-anchor').get(0),
file = new Blob([text], {type: 'text/plain'});
a.href = URL.createObjectURL(file);
a.download = name+'.kc';
a.click();
},
do_import : function(){
var wrp = $('#kc-mapper-screen-import-export .tab.import'),
data = wrp.find('textarea[name="import"]').val();
wrp.find('.kc-notice').remove();
if (data === '') {
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: __empty import data__</p></div>');
wrp.find('textarea[name="import"]').shake();
return;
}
try {
data = JSON.parse(data);
} catch(ex) {
wrp.prepend('<div class="kc-notice kc-msg-error"><p>Error: '+ex.message+'</p></div>');
wrp.find('textarea[name="import"]').shake();
if (ex.message.indexOf('in JSON at position') > -1) {
var pos = parseInt(ex.message.split('in JSON at position')[1].trim());
wrp.find('textarea[name="import"]').get(0).setSelectionRange(pos-2, pos+1);
}
return;
}
var overw = $('#kc-mapper-import-overwrite').get(0).checked,
report = {success: 0, fail: 0};
for (var n in data)
{
if (typeof data[n] != 'object')
{
report.fail++;
}
else if (kc_mapper_shortcodes[n] !== undefined)
{
if (overw)
{
kc_mapper_shortcodes[n] = data[n];
report.success++;
}
else report.fail++;
}
else
{
kc_mapper_shortcodes[n] = data[n];
report.success++;
}
}
wrp.prepend('<div class="kc-notice"><p>Import complete: success ('+report.success+') failure ('+report.fail+')</p></div>');
if (report.success > 0) {
kc.msg(kc.__.saving+'..', 'loading');
$.ajax({
url: ajaxurl,
data: {
security: kc_mapper_nonce,
action: 'kc_update_mapper',
data: kc.tools.base64.encode(JSON.stringify(kc_mapper_shortcodes)),
task: 'import',
tag: 'all'
},
method: 'POST',
dataType: 'json',
success: function(json) {
if( json !== -1 && json != '-1' ){
if( json.stt === 1 ){
$('#kc-preload').remove();
kc_mapper.screen('close');
kc_mapper.build_list();
}else{
kc.msg( json.message, 'error', 'sl-close' );
}
}else{
kc.msg( kc.__.security, 'error', 'sl-close' );
}
}
});
}
},
close : function(e) {
if (this.id == 'kc-mapper-overlay' && e.target.id != 'kc-mapper-overlay')
return;
kc_mapper.screen('close');
}
});
$('textarea#kc-mapper-string').data({
shake : function(el) {
el.focus()
.animate({marginLeft: -30}, 100)
.animate({marginLeft: 20}, 100)
.animate({marginLeft: -10}, 100)
.animate({marginLeft: 5}, 100)
.animate({marginLeft: 0}, 100);
}
});
kc.ui.callbacks.icon_picker($('#kc-mapper-shortcode-info .kc-mp-sc-icon'), $);
kc_mapper.build_list();
},
add : function(e) {
kc_mapper.screen('open', 'add-new');
$('textarea#kc-mapper-string').first()
.val('[contact-form-7 id="1" title="Contact form 1"]').focus().parent().find('p.error').hide();
},
edit : function() {
kc_mapper.add();
var tag = $(this).data('tag');
if (kc_mapper_shortcodes[tag] !== undefined) {
kc_mapper_shortcodes[tag].tag = tag;
kc_mapper.render(kc_mapper_shortcodes[tag]);
}
},
parse : function(string, tag) {
var regx = new RegExp ('\\[(\\[?)(' + tag + ')(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)', 'g'),
split_args = /([a-zA-Z0-9\-\_]+)="([^"]+)+"/gi,
result, parames, is_container = false, content = '';
if (string.indexOf('[') === -1 && string.indexOf(']') === -1)
string = '['+string+']'
while (result = regx.exec(string)) {
params = [];
while (agrs = split_args.exec(result[3])) {
params.push({
value: '',//agrs[2],
name: agrs[1],
label: agrs[1].replace(/\_/g, ' ').replace(/\-/g, ' '),
description: '',
admin_label: '',
options: '',
relation: ''
});
}
if (result[5] !== undefined)
params.content = result[5];
if (result[6] !== undefined && result[6] !== '')
is_container = true;
this.render({
params: params,
tag: tag,
name: tag.replace(/\_/g, ' ').replace(/\-/g, ' '),
category: '',
description: '',
icon: 'fa-star',
is_container: is_container
});
}
},
render : function(object) {
var fields = $('#kc-mapper-fields'), field,
inps = $('#kc-mapper-shortcode-info input.infp');
kc_mapper.screen('open', 'edit');
for (var n in object) {
if (n != 'params') {
if (n == 'is_container')
{
if (object[n] === true)
inps.filter('[name="'+n+'"]').attr({checked: true});
else inps.filter('[name="'+n+'"]').attr({checked: false});
} else inps.filter('[name="'+n+'"]').val(object[n]);
if (n == 'icon')
$('#kc-mapper-shortcode-info .icons-preview i').attr({class: object[n]});
}
}
this.field.render(fields, object.params);
},
ui_init : function(wrp) {
kc.ui.sortable({
items : '#kc-mapper-fields .field_row:not(.add_param)',
handle : '>h3.field-heading',
detectEdge: 10,
end : function() {
kc_mapper.field.preview();
kc_mapper.changed = true;
}
});
},
field : {
render : function(fields, params) {
var level = (fields.attr('id') == 'kc-mapper-fields');
fields.html('');
for(var n in params)
{
params[n].level = level;
field = $(kc.template('mapper-field', params[n]));
fields.append(field);
if (params[n].callback !== undefined)
{
params[n].callback(field, params[n]);
delete params[n].callback;
}
}
/*fields.find('>.field_row').first().find('.field-row-body').show();*/
var add_btn = $('<div class="field_row add_param"><h3 class="field-heading"><i class="fa-plus"></i> Add Param</h3></div>');
fields.append(add_btn);
add_btn.on('click', fields, function(e) {
var name = 'new_param', i = 0, pass = true;
do {
pass = true;
e.data.find('>.field_row input[name="name"]').each(function(){
if (this.value == name)
pass = false;
});
if (pass === false) {
i++;
name = 'new_param_'+i;
}
} while (pass === false);
var atts = {
value: '',
name: name,
label: name.replace(/\_/g, ' '),
description: '',
admin_label: '',
options: '',
params: '',
relation: '',
level: (e.data.attr('id') == 'kc-mapper-fields')
}, field = $(kc.template('mapper-field', atts));
e.data.find('>.field_row.add_param').before(field);
if (atts.callback !== undefined)
atts.callback(field, atts);
e.data.find('>.field_row>.field-row-body').hide();
e.data.find('>.field_row:not(.add_param)').last().find('.field-row-body').show();
kc_mapper.changed = true;
kc_mapper.field.preview();
kc_mapper.ui_init();
});
kc_mapper.field.preview();
kc_mapper.ui_init();
},
change : function (e) {
switch (this.name) {
case 'name': this.value = kc.tools.esc_slug(this.value); break;
case 'label': $(this).closest('.field_row').find('h3.field-heading span').html(this.value); break;
case 'type':
if (['dropdown', 'radio', 'checkbox', 'number_slider', 'autocomplete', 'radio_image'].indexOf(this.value) > -1)
{
$(this).closest('.values-fields').find('.dropdown-relation-hidden').show();
var ops = $(this).closest('.values-fields').find('textarea.kc-mapper-inp[name="options"]');
if (this.value != ops.data('std-type'))
{
var ops_val = "value1: Label for value 1\nvalue2: Label for value 2"
if (this.value == 'number_slider')
ops_val = "min:0\nmax:10\nunit:px\nratio:1";
else if (this.value == 'autocomplete')
ops_val = "post_type:\ncategory:\ncategory_name:\ntaxonomy:";
else if (this.value == 'radio_image')
ops_val = "value1:"+kc_url+"/assets/frontend/images/pricing/layout-1.png\nvalue2:"+kc_url+"/assets/frontend/images/pricing/layout-2.png\nvalue3:"+kc_url+"/assets/frontend/images/pricing/layout-3.png";
ops.val(ops_val);
}else ops.val(ops.data('std-ops'));
}else{
$(this)
.closest('.values-fields')
.find('.dropdown-relation-hidden')
.hide();
}
if (this.value == 'group') {
var inp = $(this).closest('.field-row-body').find('>.groupfields-relation-hidden input[name="params"]'),
grd = $(this)
.closest('.field-row-body')
.find('>.groupfields-relation-hidden');
grd.show();
if (inp.val() === '') {
inp.val('[{"name":"child1","label":"Child 1","value":"","type":"text"},{"name":"child2","label":"Child 2","value":"","type":"text"}]');
kc_mapper.field.render(
grd.find('.kc-group-fields-render'),
JSON.parse(kc.tools.base64.decode(inp.val()))
);
}
}else{
$(this)
.closest('.field-row-body')
.find('>.groupfields-relation-hidden')
.hide();
}
break;
case 'relation-op':
var rela = $(this).closest('.values-fields').find('textarea[name="relation"]');
if (this.checked) {
if (rela.data('std-vl') !== '')
rela.show().val(rela.data('std-vl'));
else rela.show().val("parent:{field-parent-name}\nshow_when:{field-parent-value}");
} else rela.hide();
break;
}
kc_mapper.changed = true;
kc_mapper.field.preview();
},
delete : function (el) {
if (confirm('Are you sure that you want to delete this param?')) {
$(el).closest('.field_row').remove();
kc_mapper.field.preview();
}
},
preview : function() {
var params = this.get_params($('#kc-mapper-fields>.field_row_param')),
form = $('<form class="fields-edit-form kc-pop-tab form-active"></form>'),
wrp = $('#kc-mapper-fields-preview');
if (params === false)
return;
wrp.html('').append(form);
kc.params.fields.render(form, params , {});
kc_mapper.shortcode_string();
},
get_params : function(selector) {
var params = [], param, options, get_ops, vals, names = [],
parse_option = function(value){
value = value.toString().trim().split("\n");
var options = {};
for (var i = 0; i< value.length; i++)
{
if (value[i].indexOf(':') > -1)
{
vals = [];
vals[0] = kc.tools.esc_slug(value[i].substr(0, value[i].indexOf(':')).trim());
vals[1] = value[i].substr(value[i].indexOf(':')+1).trim();
options[vals[0]] = vals[1];
}else if (value[i].trim() !== ''){
options[kc.tools.esc_slug(value[i].trim())] = value[i].trim();
}
}
return options;
};
selector.each(function() {
var $this = $(this).find('.field-row-body>.values-fields');
param = {
name: kc.tools.esc_slug($this.find('input[name="name"]').val()),
label: kc.tools.esc($this.find('input[name="label"]').val()),
value: kc.tools.esc($this.find('input[name="value"]').val()),
type: kc.tools.esc($this.find('select[name="type"]').val()),
admin_label: $this.find('input[name="admin_label"]').get(0).checked,
description: kc.tools.esc($this.find('textarea[name="description"]').val())
};
$('#kc-mapper-screen-edit .kc-notice').remove();
if (names.indexOf(param.name) === -1) {
names.push(param.name);
}else
{
$('.field-row-body').hide();
$(this).find('.field-row-body').show();
$this.find('input[name="name"]').focus();
$('#kc-mapper-shortcode-info')
.after('<div class="kc-notice kc-msg-error"><p>Error: The param name should not be duplicated</p></div>');
params = false;
return false;
}
if ((param.name == 'content' && $(this).closest('.content_include').length === 0)
|| ['_id', 'css', '_css_data', 'custom_css', '_css', '_content'].indexOf(param.name) > -1)
{
$('.field-row-body').hide();
$(this).find('.field-row-body').show();
$this.find('input[name="name"]').focus();
$('#kc-mapper-shortcode-info')
.after('<div class="kc-notice kc-msg-error"><p>Error: The param name is not allowed to use "'+param.name+'"</p></div>');
params = false;
return false;
}
if (['dropdown', 'radio', 'checkbox', 'number_slider', 'autocomplete', 'radio_image'].indexOf(param.type) > -1)
{
param.options = parse_option($this.find('textarea[name="options"]').val());
}
if (param.type == 'group') {
try {
var get_vl = kc_mapper.field
.get_params($(this).find('.field-row-body>.groupfields-relation-hidden .field_row_param'));
$this.find('input[name="params"]').val(JSON.stringify(get_vl));
param.params = get_vl;
}catch(ex){console.error('KingComposer Console: '+ex.message);}
}
if ($this.find('input[name="relation-op"]').attr('checked'))
{
var rel_op = $this.find('textarea[name="relation"]').val();
if (rel_op.indexOf('{') === -1 && rel_op.indexOf('}') === -1)
{
rel_op = parse_option(rel_op);
if (rel_op.parent !== undefined && (rel_op.show_when !== undefined || rel_op.hide_when !== undefined))
param.relation = rel_op;
}
}
params.push(param);
});
return params;
},
},
shortcode_string : function(){
var params = kc_mapper.field.get_params($('#kc-mapper-fields>.field_row_param')),
tag = kc.tools.esc_slug($('#kc-mapper-shortcode-info input[name="tag"]').val()),
is_container = $('#kc-mapper-shortcode-info input[name="is_container"]').get(0).checked,
string = '['+tag;
for (var n in params) {
if (params[n].name != 'content')
string += ' '+kc.tools.esc_slug(params[n].name)+'=""';
}
if (is_container)
string += '] {content} [/'+tag+']';
else string += ']';
$('#kc-mapper-shortcode-info .kc-mp-sc-shortcode-string').html(string);
},
build_list : function() {
var curent_cate = $('#kc-mapper-list ul.kc-mapper-categories li.active').data('slug');
$('#kc-mapper-list .item:not(.add-new,.import-export), #kc-mapper-list .kc-mapper-categories').remove();
var item, cats = [];
for (var n in kc_mapper_shortcodes)
{
item = $('<div data-tag="'+n+'" data-category="'+kc.tools.esc_slug(kc_mapper_shortcodes[n].category)+'" class="item"><i class="'+kc_mapper_shortcodes[n].icon+'"></i><br />'+kc_mapper_shortcodes[n].name+'</div>');
$('#kc-mapper-list .item.add-new').before(item);
if (kc_mapper_shortcodes[n].category !== undefined
&& kc_mapper_shortcodes[n].category.trim() !== ''
&& cats.indexOf(kc_mapper_shortcodes[n].category) === -1)
cats.push(kc_mapper_shortcodes[n].category);
}
$('#kc-mapper-list .item:not(.add-new,.import-export)').on('click', kc_mapper.edit);
if (cats.length > 0) {
var nav = '<ul class="kc-mapper-categories"><li data-slug="" class="active">All</li>';
for (var n = 0; n < cats.length; n++) {
nav += '<li data-slug="'+kc.tools.esc_slug(cats[n])+'">'+cats[n]+'</li>';
}
nav += '<ul>';
$('#kc-mapper-list').prepend(nav);
$('#kc-mapper-list ul.kc-mapper-categories li').on('click', function(){
$(this).parent().find('.active').removeClass('active');
$(this).addClass('active');
$('#kc-mapper-list .item[data-category]').hide();
var slug = $(this).data('slug');
if (slug === '')
$('#kc-mapper-list .item[data-category]').show();
else $('#kc-mapper-list .item[data-category="'+slug+'"]').show();
});
if (curent_cate)
$('#kc-mapper-list ul.kc-mapper-categories li[data-slug="'+curent_cate+'"]').trigger('click');
}
},
import_export : function() {
$('#kc-mapper-screen-import-export .kc-notice').remove();
kc_mapper.screen('open', 'import-export');
$('#kc-mapper-screen-import-export textarea[name="export"]').val(JSON.stringify(kc_mapper_shortcodes));
},
screen : function (stt, scr) {
if (stt == 'open')
{
$('#kc-mapper-settings .kc-mapper-screen').hide();
$('#kc-mapper-overlay,#kc-mapper-screen-'+scr).show();
} else {
if (kc_mapper.changed === true && !confirm("Changes you made may not be saved. \n\nAre you sure want to cancel?\n"))
return;
kc_mapper.changed = false;
$('#kc-mapper-overlay, #kc-mapper-settings .kc-mapper-screen').hide();
}
}
}
$(document).ready(kc_mapper.init);
if ($.fn.shake === undefined) {
$.fn.shake = function(){
return this.focus()
.animate({marginLeft: -30}, 100)
.animate({marginLeft: 20}, 100)
.animate({marginLeft: -10}, 100)
.animate({marginLeft: 5}, 100)
.animate({marginLeft: 0}, 100);
}
}
})(jQuery)
Zerion Mini Shell 1.0