| 1 |
(function($) { |
| 2 |
// Initial check |
| 3 |
if( $('.cmb-tabs').length ) { |
| 4 |
$('.cmb-tabs').each(function() { |
| 5 |
// Activate first tab |
| 6 |
if( ! $(this).find('.cmb-tab.active').length ) { |
| 7 |
$(this).find('.cmb-tab').first().addClass('active'); |
| 8 |
|
| 9 |
$($(this).find('.cmb-tab').first().data('fields')).addClass('cmb-tab-active-item'); |
| 10 |
|
| 11 |
// Support for groups and repeatable fields |
| 12 |
$($(this).find('.cmb-tab').first().data('fields')).find('.cmb-repeat .cmb-row, .cmb-repeatable-group .cmb-row').addClass('cmb-tab-active-item'); |
| 13 |
} |
| 14 |
}); |
| 15 |
} |
| 16 |
|
| 17 |
$('body').on('click.cmbTabs', '.cmb-tabs .cmb-tab', function(e) { |
| 18 |
var tab = $(this); |
| 19 |
|
| 20 |
if( ! tab.hasClass('active') ) { |
| 21 |
var tabs = tab.closest('.cmb-tabs'); |
| 22 |
var form = tabs.next('.cmb2-wrap'); |
| 23 |
var tabs_speed = tabs.data('speed'); |
| 24 |
|
| 25 |
// Hide current active tab fields |
| 26 |
form.find(tabs.find('.cmb-tab.active').data('fields')).fadeOut(tabs_speed, function() { |
| 27 |
$(this).removeClass('cmb-tab-active-item'); |
| 28 |
|
| 29 |
form.find(tab.data('fields')).fadeIn(tabs_speed, function() { |
| 30 |
$(this).addClass('cmb-tab-active-item'); |
| 31 |
|
| 32 |
// Support for groups and repeatable fields |
| 33 |
$(this).find('.cmb-repeat-table .cmb-row, .cmb-repeatable-group .cmb-row').addClass('cmb-tab-active-item'); |
| 34 |
}); |
| 35 |
}); |
| 36 |
|
| 37 |
// Update tab active class |
| 38 |
tabs.find('.cmb-tab.active').removeClass('active'); |
| 39 |
tab.addClass('active'); |
| 40 |
} |
| 41 |
}); |
| 42 |
|
| 43 |
// Adding a new group element needs to get the active class also |
| 44 |
$('body').on('click', '.cmb-add-group-row', function() { |
| 45 |
$(this).closest('.cmb-repeatable-group').find('.cmb-row').addClass('cmb-tab-active-item'); |
| 46 |
}); |
| 47 |
|
| 48 |
// Adding a new repeatable element needs to get the active class also |
| 49 |
$('body').on('click', '.cmb-add-row-button', function() { |
| 50 |
$(this).closest('.cmb-repeat').find('.cmb-row').addClass('cmb-tab-active-item'); |
| 51 |
}); |
| 52 |
|
| 53 |
// Initialize on widgets area |
| 54 |
$(document).on('widget-updated widget-added', function(e, widget) { |
| 55 |
|
| 56 |
if( widget.find('.cmb-tabs').length ) { |
| 57 |
|
| 58 |
widget.find('.cmb-tabs').each(function() { |
| 59 |
// Activate first tab |
| 60 |
if( ! $(this).find('.cmb-tab.active').length ) { |
| 61 |
$(this).find('.cmb-tab').first().addClass('active'); |
| 62 |
|
| 63 |
$($(this).find('.cmb-tab').first().data('fields')).addClass('cmb-tab-active-item'); |
| 64 |
|
| 65 |
// Support for groups and repeatable fields |
| 66 |
$($(this).find('.cmb-tab').first().data('fields')).find('.cmb-repeat .cmb-row, .cmb-repeatable-group .cmb-row').addClass('cmb-tab-active-item'); |
| 67 |
} |
| 68 |
}); |
| 69 |
|
| 70 |
} |
| 71 |
|
| 72 |
}); |
| 73 |
|
| 74 |
})(jQuery); |
| 75 |
|
