| 1 |
jQuery(document).ready(function($) { |
| 2 |
//* Vertical table |
| 3 |
$('.tab-nav li:first').addClass('select'); |
| 4 |
$('.tab-panels>div').hide().filter(':first').show(); |
| 5 |
$('.tab-nav a').click(function(){ |
| 6 |
$('.tab-panels>div').hide().filter(this.hash).show(); |
| 7 |
$('.tab-nav li').removeClass('select'); |
| 8 |
$(this).parent().addClass('select'); |
| 9 |
return (false); |
| 10 |
}) |
| 11 |
$('.menu_1').sortable({items: '> div:not(.menu_1-items-1)'}); |
| 12 |
jQuery('.handlediv').live('click', function() { |
| 13 |
$(this).closest('.itembox').remove(); |
| 14 |
}); |
| 15 |
//* Include colorpicker |
| 16 |
$('.wp-color-picker-field').wpColorPicker(); |
| 17 |
$('.icons').fontIconPicker({ |
| 18 |
theme: 'fip-darkgrey', |
| 19 |
emptyIcon: false, |
| 20 |
allCategoryText: 'Show all' |
| 21 |
}); |
| 22 |
var i_menu_1 = jQuery('.menu_1-icount:last').html(); |
| 23 |
var i = 0; |
| 24 |
while (i < i_menu_1) { |
| 25 |
var icons = jQuery("#icons").clone().attr("name","param[menu_1][item_icon]["+i+"]"); |
| 26 |
$("#menu_1_icons_"+i).html(icons); |
| 27 |
var menu_item_icon = $('#menu_1_item_icon_'+i).val(); |
| 28 |
$("#menu_1_icons_"+i+" [value='"+menu_item_icon+"']").attr("selected", "selected"); |
| 29 |
jQuery('.icons').fontIconPicker({ |
| 30 |
theme: 'fip-darkgrey', |
| 31 |
emptyIcon: false, |
| 32 |
allCategoryText: 'Show all' |
| 33 |
}); |
| 34 |
i++; |
| 35 |
} |
| 36 |
screen(); |
| 37 |
}); |
| 38 |
function itemadd(menu){ |
| 39 |
var menu = 'menu_'+menu; |
| 40 |
var icount = jQuery('.'+menu+'-icount:last').html(); |
| 41 |
if (isNaN(icount) ){ |
| 42 |
var icount = 0; |
| 43 |
} |
| 44 |
var nexticount = icount*1+1; |
| 45 |
var icons = jQuery("#icons").clone().attr("name","param["+menu+"][item_icon]["+icount+"]"); |
| 46 |
if (nexticount > 1){ |
| 47 |
var sub = '<div class="wow-admin-col-4"> Sub item <input type="checkbox" disabled="disabled" value="1" > <span class="dashicons dashicons-lock" style="color:#37c781;" title="Only Pro version"></span> </div>'; |
| 48 |
var del = '<div class="handlediv"></div>'; |
| 49 |
} |
| 50 |
else { |
| 51 |
var sub = ''; |
| 52 |
var del = ''; |
| 53 |
} |
| 54 |
var item = '<div class="'+menu+'-items-'+nexticount+' itembox"><div class="item-title"><h3>Item <span class="'+menu+'-icount">'+nexticount+'</span></h3><input type="hidden" name="param[item_order][]" value="'+icount+'">'+del+'<div class="toggle togglehide" title="Hide" onclick="toogle(this);"></div></div><div class="inside" style="display: block;"> <div class="wow-admin-col"> <div class="wow-admin-col-4">Icon: custom <input type="checkbox" value="1" disabled="disabled"><span class="dashicons dashicons-lock" style="color:#37c781;" title="Only Pro version"></span><br/><div id="iconstandart_'+icount+'"><span id="'+menu+'_icons_'+icount+'"></span></div> </div> <div class="wow-admin-col-4"> Label:<br/> <input type="text" name="param['+menu+'][item_tooltip]['+icount+']" value=""> </div> '+sub+' </div><div class="wow-admin-col"><div class="wow-admin-col-4">Item type <span class="dashicons dashicons-lock" style="color:#37c781;" title="Only Pro version"></span><br/><select disabled="disabled"> <option value="link">Link</option> </select> </div> <div class="wow-admin-col-4 '+menu+'_item_link_'+icount+'"><span id="'+menu+'_item_link_'+icount+'">Link</span>:<span class="'+menu+'_item_link_'+icount+'"> open new window <input type="checkbox" name="param['+menu+'][new_tab]['+icount+']" value="1"> </span><br/> <input type="text" name="param['+menu+'][item_link]['+icount+']" value=""> </div> </div><div class="wow-admin-col"><div class="wow-admin-col-4"> Сolor:<br/><input type="text" placeholder="#ffffff" class="wp-color-picker-field" data-alpha="true" name="param['+menu+'][color]['+icount+']" value="#ffffff" /></div> <div class="wow-admin-col-4"> Background:<br/><input type="text" placeholder="#ffffff" class="wp-color-picker-field" data-alpha="true" name="param['+menu+'][bcolor]['+icount+']" value="#1f9ef8" /></div> </div> </div>'; |
| 55 |
jQuery(item).appendTo("."+menu); |
| 56 |
jQuery("#"+menu+"_icons_"+icount).html(icons); |
| 57 |
jQuery('.'+menu+'_item_tooltip_'+icount).css('display', 'none'); |
| 58 |
jQuery('.icons').fontIconPicker({ |
| 59 |
theme: 'fip-darkgrey', |
| 60 |
emptyIcon: false, |
| 61 |
allCategoryText: 'Show all' |
| 62 |
}); |
| 63 |
jQuery('.wp-color-picker-field').wpColorPicker(); |
| 64 |
} |
| 65 |
function itemremove(menu){ |
| 66 |
var menu = 'menu_'+menu; |
| 67 |
var icount = jQuery('.'+menu+'-icount:last').html(); |
| 68 |
jQuery("."+menu+"-items-"+icount).remove(); |
| 69 |
} |
| 70 |
function toogle(item){ |
| 71 |
var par = jQuery(item).closest('.itembox'); |
| 72 |
jQuery(par).children(".inside").toggle(); |
| 73 |
if(jQuery(item).hasClass('togglehide')){ |
| 74 |
jQuery(item).removeClass('togglehide'); |
| 75 |
jQuery(item).addClass( "toggleshow" ); |
| 76 |
jQuery(item).attr('title', 'Show'); |
| 77 |
} |
| 78 |
else { |
| 79 |
jQuery(item).removeClass('toggleshow'); |
| 80 |
jQuery(item).addClass( "togglehide" ); |
| 81 |
jQuery(item).attr('title', 'Hide'); |
| 82 |
} |
| 83 |
} |
| 84 |
//* Show screen |
| 85 |
function screen(){ |
| 86 |
if (jQuery('[name="param[include_mobile]"]').is(':checked')){ |
| 87 |
jQuery('#screen').css('display', ''); |
| 88 |
} |
| 89 |
else { |
| 90 |
jQuery('#screen').css('display', 'none'); |
| 91 |
} |
| 92 |
} |
