" + font_name + "";
arr[this.fonts[i]] = font_name
}
return arr;
}
this.getFontcss = function(fonts) {
fonts = fonts.replace(/'/g,'').replace(/"/g,'');
var arr = fonts.split(','),
r = arr[0];
return r.trim();
}
this.getColorORTransparent = function(color) {
if(typeof color == 'undefined') return 'transparent';
color = color.replace(/ /gi,'').replace(/!important/gi,'');
var color_16 = /#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?/,
color_regexp = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))$/i,
check_regexp = ( color_16.test(color) || color_regexp.test(color) ) ? true : false,
check_not_tp = ( color!='rgba(0,0,0,0)' && color.indexOf('transparent')==-1 ) ? true : false;
return (check_regexp && check_not_tp) ? color : 'transparent';
}
this.menuColorSetForm = function(j,selector) {
var checkMenuFheader = ($('header.'+selector).hasClass('navbar-fheader')) ? true : false,
tpl_selector = {
'main_default' : 'ul.navbar-nav li:not(.active) a ',
'main_hover' : 'ul.navbar-nav li:not(.active) a:hover ',
'main_active' : 'ul.navbar-nav li.active a ',
'sub_default' : 'ul.dropdown-menu li:not(.active) a ',
'sub_hover' : 'ul.dropdown-menu li:not(.active) a:hover ',
'sub_active' : 'ul.dropdown-menu li.active a ',
'fixbtn_default_font': 'ul#fixed-menu .cl-fixbtn a:not(.cl-langlist) ',
'fixbtnlang_default_bdColor' : 'ul#fixed-menu .cl-fixbtn.siteLANG .cl-lang ',
'fixbtn_default_svg' : 'ul#fixed-menu .cl-fixbtn a:not(.cl-langlist):hover svg ',
'fixbtn_default_after' : 'ul#fixed-menu li.cl-fixbtn:not(:last-child):after ',
'fixbtn_hover_font' : 'ul#fixed-menu .cl-fixbtn a:not(.cl-langlist):hover ',
'fixbtn_hover_svg' : 'ul#fixed-menu .cl-fixbtn a:not(.cl-langlist):hover svg ',
'cart_default' : 'ul#fixed-menu .cl-fixbtn .cart-active ',
},
user = '.menu-edit-' + SID,
main_hover_selector = (checkMenuFheader) ? user + ' ul.navbar-nav:not(#fixed-menu) > li > a:hover,\n '+ user + ' ul.navbar-nav:not(#fixed-menu) > li:hover > a ' : user + ' ul.navbar-nav > li > a:hover,\n '+ user + ' ul.navbar-nav > li:hover > a ',
init_selector = {
'main_default' : user + ' ul.navbar-nav > li > a,\n '+ user + ' ul.navbar-nav > li > a:focus ',
'main_hover' : main_hover_selector ,
'main_active' : user + ' ul.navbar-nav > li.active > a,\n '+ user + ' ul.navbar-nav > li.active > a:focus,\n'+ user + ' ul.navbar-nav > li.active > a:hover ',
'sub_default' : user + ' ul.dropdown-menu > li > a,\n '+ user + ' ul.dropdown-menu > li > a:focus ',
'sub_hover' : user + ' ul.dropdown-menu > li > a:hover,\n '+ user + ' ul.dropdown-menu > li:hover > a ',
'sub_active' : user + ' ul.dropdown-menu > li.active > a,\n '+ user + ' ul.dropdown-menu > li.active > a:focus,\n'+ user + ' ul.dropdown-menu > li.active > a:hover ',
},
tpl_color_state = {
'main_default_font' : false,
'main_hover_font' : false,
'main_active_font' : false,
'main_default_bg' : false,
'main_hover_bg' : false,
'main_active_bg' : false,
'sub_default_font' : false,
'sub_hover_font' : false,
'sub_active_font' : false,
'sub_default_bg' : false,
'sub_hover_bg' : false,
'sub_active_bg' : false,
'fixbtn_default_font': false,
'fixbtnlang_default_bdColor' : false,
'fixbtn_default_svg' : false,
'fixbtn_default_after' : false,
'fixbtn_hover_font' : false,
'fixbtn_hover_svg' : false,
'cart_default_font' : false,
'cart_default_bg' : false,
},
tpl_color_set = {
'main_default_font' : '',
'main_hover_font' : '',
'main_active_font' : '',
'main_default_bg' : '',
'main_hover_bg' : '',
'main_active_bg' : '',
'sub_default_font' : '',
'sub_hover_font' : '',
'sub_active_font' : '',
'sub_default_bg' : '',
'sub_hover_bg' : '',
'sub_active_bg' : '',
'fixbtn_default_font' : '',
'fixbtnlang_default_bdColor' : '',
'fixbtn_hover_font' : '',
'cart_default_font' : '',
'cart_default_bg' : '',
},
tpl_color_hex = new Object(),
tpl_color_opacity = new Object(),
tpl_color_selector = new Object(),
tpl_etc_list = new Object();
tpl_fixbtn_color = new Object();
$.each(j['children'], function(key,value) {
var tpl_key = key.replace(/ /gi,''),
check_nav = (tpl_key.match(/ul.navbar-nav>li/gi) !== null || tpl_key.match(/ul.navbar-nav:not\(#fixed-menu\)>li/gi) !== null) ? true : false,
check_subnav = (tpl_key.match(/ul.dropdown-menu>li/gi) !== null) ? true : false,
check_fixbtnnav = (tpl_key.match(/.cl-fixbtn/gi) !== null) ? true : false;
if(!check_nav && !check_subnav && !check_fixbtnnav) return;
var c = value['attributes'],
key_mode = (key.match(/hover/gi)!=null) ? 'hover' : 'default',
main_hover_str1 = (checkMenuFheader) ? /ul.navbar-nav:not\(#fixed-menu\)>li>a:hover/gi : /ul.navbar-nav>li>a:hover/gi,
main_hover_str2 = (checkMenuFheader) ? /ul.navbar-nav:not\(#fixed-menu\)>li:hover>a/gi : /ul.navbar-nav>li:hover>a/gi,
check = {
'main_default' : (tpl_key.match(/ul.navbar-nav>li>a/gi) !== null) ? true : false,
'main_hover' : (tpl_key.match(/.cl-fixbtn/gi) == null && (tpl_key.match(main_hover_str1) !== null || tpl_key.match(main_hover_str2) !== null)) ? true : false,
'main_active' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/ul.navbar-nav>li.active>a/gi) !== null) ? true : false,
'main_after' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/:after/gi) !== null) ? true : false,
'main_before' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/:before/gi) !== null) ? true : false,
'sub_default' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/ul.dropdown-menu>li>a/gi) !== null) ? true : false,
'sub_hover' : (tpl_key.match(/.cl-fixbtn/gi) == null && (tpl_key.match(/ul.dropdown-menu>li>a:hover/gi) !== null || tpl_key.match(/ul.dropdown-menu>li:hover>a/gi) !== null)) ? true : false,
'sub_active' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/ul.dropdown-menu>li.active>a/gi) !== null) ? true : false,
'sub_after' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/:after/gi) !== null) ? true : false,
'sub_before' : (tpl_key.match(/.cl-fixbtn/gi) == null && tpl_key.match(/:before/gi) !== null ) ? true : false,
},
check_etc = {
'main_default_before' : (tpl_key.match(/ul.navbar-nav>li>a:before/gi) !== null || tpl_key.match(/ul.navbar-nav>li:before/gi) !== null) ? true : false,
'main_hover_before' : (tpl_key.match(/ul.navbar-nav>li>a:hover:before/gi) !== null || tpl_key.match(/ul.navbar-nav>li:hover:before/gi) !== null) ? true : false,
'main_active_before' : (tpl_key.match(/ul.navbar-nav>li.active>a:before/gi) !== null || tpl_key.match(/ul.navbar-nav>li.active:before/gi) !== null) ? true : false,
'main_default_after' : (tpl_key.match(/ul.navbar-nav>li>a:after/gi) !== null || tpl_key.match(/ul.navbar-nav>li:after/gi) !== null) ? true : false,
'main_hover_after' : (tpl_key.match(/ul.navbar-nav>li>a:hover:after/gi) !== null || tpl_key.match(/ul.navbar-nav>li:hover:after/gi) !== null) ? true : false,
'main_active_after' : (tpl_key.match(/ul.navbar-nav>li.active>a:after/gi) !== null || tpl_key.match(/ul.navbar-nav>li.active:after/gi) !== null) ? true : false,
'sub_default_before' : (tpl_key.match(/ul.dropdown-menu>li>a:before/gi) !== null || tpl_key.match(/ul.dropdown-menu>li:before/gi) !== null) ? true : false,
'sub_hover_before' : (tpl_key.match(/ul.dropdown-menu>li>a:hover:before/gi) !== null || tpl_key.match(/ul.dropdown-menu>li:hover:before/gi) !== null) ? true : false,
'sub_active_before' : (tpl_key.match(/ul.dropdown-menu>li.active>a:before/gi) !== null || tpl_key.match(/ul.dropdown-menu>li.active:before/gi) !== null) ? true : false,
'sub_default_after' : (tpl_key.match(/ul.dropdown-menu>li>a:after/gi) !== null || tpl_key.match(/ul.dropdown-menu>li:after/gi) !== null) ? true : false,
'sub_hover_after' : (tpl_key.match(/ul.dropdown-menu>li>a:hover:after/gi) !== null || tpl_key.match(/ul.dropdown-menu>li:hover:after/gi) !== null) ? true : false,
'sub_active_after' : (tpl_key.match(/ul.dropdown-menu>li.active>a:after/gi) !== null || tpl_key.match(/ul.dropdown-menu>li.active:after/gi) !== null) ? true : false,
};
var type = (tpl_key.match(/ul.navbar-nav>li/gi) != null || tpl_key.match(/ul.navbar-nav:not\(#fixed-menu\)>li/gi) != null) ? 'main' : 'sub',
mode = '';
type = (tpl_key.match(/.cl-fixbtn/gi) != null) ? ((tpl_key.match(/.cl-fixbtn.siteLANG/gi) != null) ? 'fixbtnlang' : 'fixbtn') : type;
type = (tpl_key.match(/cart-active/gi) != null) ? 'cart' : type;
if(check[type+'_default'] && !check[type+'_hover'] && !check[type+'_after'] && !check[type+'_before'] ) {
mode = 'default';
} else if ( check[type+'_hover'] && !check[type+'_after'] && !check[type+'_before']) {
mode = 'hover';
} else if ( check[type+'_active'] && !check[type+'_after'] && !check[type+'_before'] ) {
mode = 'active';
}
var used_menu_etc = Object.keys(check_etc).map(function(key) {
return check_etc[key];
});
if($.inArray(true,used_menu_etc) > -1) {
$.each(check_etc, function(k,check) {
if(check) {
var etc_ctype = (typeof c['color'] != 'undefined') ? 'color' : ( (typeof c['border-color'] != 'undefined') ? 'border-color' : 'background-color'),
used_etc_effect = true;
etc_ctype = (typeof c['fill'] != 'undefined') ? 'fill' : etc_ctype;
if(typeof c['opacity'] != 'undefined' && c['opacity'] == 0) { used_etc_effect = false; }
if(typeof c['display'] != 'undefined' && c['opacity'] == 'none') { used_etc_effect = false; }
if(typeof c['width'] != 'undefined' && c['width'] == '0px') { used_etc_effect = false; }
if(typeof c['height'] != 'undefined' && c['height'] == '0px') { used_etc_effect = false; }
if(style.getColorORTransparent(c[etc_ctype]) == 'transparent') { used_etc_effect = false; }
if(used_etc_effect) {
tpl_etc_list[k] = {
'selector' : key,
'css_type' : etc_ctype
};
}
}
});
}
if(mode) {
tpl_color_selector[type+'_'+mode] = key;
if( typeof c['color'] != 'undefined' ) tpl_color_set[type+'_'+mode+'_font'] = c['color'];
if( typeof c['background-color'] != 'undefined' ) tpl_color_set[type+'_'+mode+'_bg'] = c['background-color'];
if(typeof c['opacity'] != 'undefined' && typeof tpl_color_set[type+'_'+mode+'_bg']) tpl_color_opacity[type+'_'+mode+'_bg'] = c['opacity'];
}
if(key.match(/cl-fixbtn/gi)!=null) {
var pn_array = ['color','background-color','border-color','fill'],
pn_val = '',
pns_cssopt = [],
change_obj = [],
check_cart = (key.match(/cart-active/gi)!=null) ? 'cart' : 'fixbtn',
fixbtnTypeKey = check_cart+'_'+key_mode;
$.each(c,function(pn,val){
if($.inArray(pn,pn_array)>-1) {
pns_cssopt.push(pn);
pn_val = val;
}
});
if(tpl_fixbtn_color[fixbtnTypeKey]) {
var check_str = (tpl_fixbtn_color[fixbtnTypeKey]['selector']!='') ? ',' : '';
tpl_fixbtn_color[fixbtnTypeKey] = {'selector' : tpl_fixbtn_color[fixbtnTypeKey]['selector'] + check_str + key+'('+pns_cssopt.join('/')+')'};
} else {
tpl_fixbtn_color[fixbtnTypeKey] = {'selector' : key}
tpl_fixbtn_color[fixbtnTypeKey]['selector'] = tpl_fixbtn_color[fixbtnTypeKey]['selector']+'('+pns_cssopt.join('/')+')';
}
if(!tpl_fixbtn_color[fixbtnTypeKey]['colorVal']) {
if(pn_val.indexOf('rgba')>-1) {
var rgba_color = getRgbaValArray(pn_val);
pn_val = rgba_color['val'];
}
tpl_fixbtn_color[fixbtnTypeKey]['colorVal'] = (typeof pn_val!='undefined' && pn_val) ? pn_val : 'transparent';
}
}
});
var default_font = ( typeof $('.'+selector).css('color') != 'undefined' ) ? style.getColorORTransparent($('.'+selector).css('color')) : style.getColorORTransparent($('.dsgn-body').css('color')),
default_bg = ( typeof $('.'+selector).css('background-color') != 'undefined' ) ? style.getColorORTransparent($('.'+selector).css('background-color')) : style.getColorORTransparent($('.dsgn-body').css('background-color'));
$.each(tpl_color_set, function(k,v) {
var type = (k.indexOf('main_') > -1) ? 'main' : 'sub',
mode = k.substr(k.indexOf('_')+1, (k.lastIndexOf('_')-(k.indexOf('_')+1))),
fn = (k.indexOf('font') > -1) ? 'font' : 'bg';
if(v.indexOf('important') > -1) { v = v.trim().replace('!important',''); }
if(!v) {
var color = (fn == 'font') ? $('.'+selector).find(tpl_selector[type+'_'+mode]).css('color') : $('.'+selector).find(tpl_selector[type+'_'+mode]).css('background-color');
color = (style.getColorORTransparent(color) != 'transparent') ? style.getColorORTransparent(color) : style.getColorORTransparent(eval('default_' + fn));
if(color != 'transparent') v = color;
else if( mode != 'default') {
var sub_key = (mode == 'hover') ? type+'_active_'+fn : type+'_hover_'+fn;
if(tpl_color_set[sub_key]) v = tpl_color_set[sub_key];
else v = tpl_color_set[type+'_default_'+fn];
}
tpl_color_opacity[k] = (v) ? 1 : 0;
if(v) {
tpl_color_state[k] = true;
tpl_color_set[k] = v;
}
} else {
v = style.getColorORTransparent(v);
tpl_color_state[k] = true;
}
if(typeof tpl_color_opacity[k] == 'undefined') {
var opacity_val = (v == 'transparent' || !tpl_color_set[k]) ? 0 : 1;
tpl_color_opacity[k] = (v.indexOf('rgba') > -1) ? v.substr((v.lastIndexOf(',')+1),(v.lastIndexOf(')')- (v.lastIndexOf(',')+1))).trim() : opacity_val;
}
tpl_color_hex[k] = (v.indexOf('#') > -1 ) ? v : style.rgbahex(v);
});
var getColorBox = function(menu_type, css_type, color_set) {
var pn = (css_type == 'font') ? 'color' : 'background-color',
// menu_el = 'el-menu',
menu_selector = '.menu-' + SID,
menu_css = MCSS,
menu_s = style.get(menu_css,menu_selector),
menu_bgpicker = $('#bc-default-background .coloris[data-clr="elconfig"][pn="background-color"][selector=".menu-'+SID+'"]');
menu_bgcolor = (menu_bgpicker.length > 0) ? menu_bgpicker.val() : Coloris.getChangeColorVal(menu_s.bgColor,'a',1),
menu_bgimg = (menu_bgpicker.closest('.panel-item').next('.panel-item').find('.attach-thumb').length > 0) ? true : false,
menu_bgtransparent = ( (menu_bgpicker.length > 0 && menu_bgpicker.closest('.coloris-picker').hasClass('clr-transparent')) ||
(menu_bgpicker.lenght == 0 && Coloris.getColorInfo(menu_s.bgColor,'alpha') == 0)
) ? 'clr-transparent' : '',
menu_bgtooltip = '';
if(pn == 'background-color') {
if(menu_bgimg) menu_bgtooltip = $.lang[LANG]['editor.menu.color.transparent.edit.info2'];
else if(menu_bgtransparent != '') menu_bgtooltip = $.lang[LANG]['editor.menu.color.transparent.edit.info'];
}
if(menu_type == 'menublock') {
return '\
\
';
} else {
var mode = ['default','hover','active'],
this_html = '',
check_return = false;
var this_transparent = '';
if(pn == 'background-color') {
this_transparent = ( menu_bgtransparent == 'clr-transparent' &&
Coloris.getColorInfo($(menu_selector).find('ul.navbar-nav > li > a').css('background-color'),'alpha') == 0 &&
Coloris.getColorInfo($(menu_selector).find('ul.dropdown-menu > li > a').css('background-color'),'alpha') == 0
) ? 'clr-transparent' : '';
}
mode.forEach(function(i,v) {
var checkTypeFixedIcon = ($.inArray(menu_type, ['fixbtn','cart']) > -1) ? true : false,
checkEtc = (typeof tpl_etc_list[menu_type+'_'+i+'_before'] != 'undefined' || typeof tpl_etc_list[menu_type+'_'+i+'_after'] != 'undefined') ? true : false,
this_opacity = (tpl_color_opacity[menu_type+'_'+i+'_'+css_type] == 0 || checkTypeFixedIcon && v < 2 || this_transparent == 'clr-transparent') ? 'transparent' : '',
this_colorbox = '',
this_tooltip = '',
this_etc_html = '';
if(css_type == 'bg') {
if(menu_bgtooltip != '') this_tooltip = menu_bgtooltip;
else if(this_opacity != '') this_tooltip = $.lang[LANG]['editor.menu.color.transparent.edit.info'];
this_colorbox = this_opacity + ((menu_bgimg) ? ' used-bg' : '');
}
if(pn == 'color' && checkEtc) {
if(typeof tpl_etc_list[menu_type+'_'+i+'_before'] != 'undefined') {
this_etc_html += '';
}
if(typeof tpl_etc_list[menu_type+'_'+i+'_after'] != 'undefined') {
this_etc_html += '';
}
}
if(menu_type == 'main' && css_type == 'font' && v == 0) { //Menu Color Settings - Menu text color Change ==> Mobile Toggle bar color
var this_selector = (selector.indexOf('menu-temp-')>-1) ? '.menu-temp-' + SID : '.menu-' + SID;
this_etc_html += '';
}
if(checkTypeFixedIcon && typeof tpl_fixbtn_color[css_type+'_'+i]=='undefined') {
check_return = true;
return this_html;
}
var tpl_cstate = (checkTypeFixedIcon && v < 2) ? 'true' : tpl_color_state[menu_type+'_'+i+'_'+css_type],
// tpl_opacity = (checkTypeFixedIcon && v < 2) ? 'true' : tpl_color_opacity[menu_type+'_'+i+'_'+css_type],
tpl_color = (checkTypeFixedIcon && v < 2) ? tpl_fixbtn_color[css_type+'_'+i]['colorVal'] : tpl_color_hex[menu_type+'_'+i+'_'+css_type],
tpl_selector = (checkTypeFixedIcon && v < 2) ? tpl_fixbtn_color[css_type+'_'+i]['selector'] : tpl_color_selector[menu_type+'_'+i],
tpl_pn = (checkTypeFixedIcon && v < 2) ? 'fixbtn' : pn;
this_html += '\
\
' + getColorisHtml(tpl_color,'menuconfig',{'pn':tpl_pn, 'el':'elmenu-color-edit', 'selector':tpl_selector},'thumbnail',true,{'wrap':this_transparent, 'input':'clr-alphaoff clr-tooltipoff'}) + '\
' + this_etc_html + '\
\
';
if(v == 2) check_return = true;
});
if(check_return) return this_html;
}
}
var fixbtn_str = '', cart_str = '';
if($('.el-menu .cl-fixbtn.cl-visible').length > 0 && VALIDTYPE) {
fixbtn_str = '\
\
\
\
\
' + $.lang[LANG]["editor.menu.color.fixbtn"] + '
\
\
\
\
\
\
\
\
' + getColorBox('fixbtn','fixbtn',tpl_fixbtn_color) + '\
\
\
\
\
\
\
\
' + $.lang[LANG]["editor.menu.color.cart"] + '
\
\
\
\
\
\
\
\
' + getColorBox('cart','cart',tpl_fixbtn_color) + '\
\
\
\
\
\
' + getColorisHtml(r_v,'elconfig',{'data-root':r_k.replace(/\_/gi,'-'), 'el':selectEL, 'selector':'.'+root_selector, 'data-init':((r_v_empty) ? init_key : '')},'thumbnail',true,{'input':'clr-alphaoff'}) + '\
\
';
});
return root_str;
}
var fixedmenu_str = '';
if(typeof VALIDPLAN != 'undefined' && VALIDPLAN) {
if($('.el-menu .cl-fixbtn.cl-visible').length > 0) {
fixedmenu_str += '\
\
\
\
\
' + $.lang[LANG]["editor.menu.color.fixbtn"] + '
\
\
\
\
\
\
\
' + getRootColorBox(selector,j_s,'__fixed_menu_color') + '\
\
\
\
\
\
\
\
' + $.lang[LANG]["editor.menu.color.cart"] + '
\
\
\
\
\
\
\
' + getRootColorBox(selector,j_s,'__fixed_menu_point') + '\
\
\
\
\
' + $.lang[LANG]["editor.menu.color.font"] + '
',$.lang[LANG]['editor.menu.color.menublock']],
str = '\
\
';
return str;
}
}
'+ $.lang[LANG]['editor.languages-support'] +'\