/* ------------------------------------------------------------------------------
*
* # Tooltips and popovers
*
* Specific JS code additions for components_popups.html page
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
$(function() {
// Tooltips
// ------------------------------
// Custom color
$('[data-popup=tooltip-custom]').tooltip({
template: ''
});
//
// Tooltip events
//
// onShow event
$('#tooltip-show').tooltip({
title: 'I am a tooltip',
trigger: 'click'
}).on('show.bs.tooltip', function() {
alert('Show event fired.')
});
// onShown event
$('#tooltip-shown').tooltip({
title: 'I am a tooltip',
trigger: 'click'
}).on('shown.bs.tooltip', function() {
alert('Shown event fired.')
});
// onHide event
$('#tooltip-hide').tooltip({
title: 'I am a tooltip',
trigger: 'click'
}).on('hide.bs.tooltip', function() {
alert('Hide event fired.')
});
// onHidden event
$('#tooltip-hidden').tooltip({
title: 'I am a tooltip',
trigger: 'click'
}).on('hidden.bs.tooltip', function() {
alert('Hidden event fired.')
});
//
// Tooltip methods
//
// Show method
$('#show-tooltip-method').on('click', function() {
$('#show-tooltip-method-target').tooltip('show')
});
// Hide method
$('#hide-tooltip-method-target').on('mouseenter', function() {
$(this).tooltip('show')
});
$('#hide-tooltip-method').on('click', function() {
$('#hide-tooltip-method-target').tooltip('hide')
});
// Toggle method
$('#toggle-tooltip-method').on('click', function() {
$('#toggle-tooltip-method-target').tooltip('toggle')
})
// Destroy method
$('#destroy-tooltip-method').on('click', function() {
$('#destroy-tooltip-method-target').tooltip('destroy')
});
// Popovers
// ------------------------------
//
// Styling
//
// Custom color
$('[data-popup=popover-custom]').popover({
template: ''
});
// Custom solid color
$('[data-popup=popover-solid]').popover({
template: ''
});
//
// Popover events
//
// onShow event
$('#popover-show').popover({
title: 'Popover title',
content: 'And here\'s some amazing content. It\'s very engaging. Right?',
trigger: 'click'
}).on('show.bs.popover', function() {
alert('Show event fired.')
});
// onShown event
$('#popover-shown').popover({
title: 'Popover title',
content: 'And here\'s some amazing content. It\'s very engaging. Right?',
trigger: 'click'
}).on('shown.bs.popover', function() {
alert('Shown event fired.')
});
// onHide event
$('#popover-hide').popover({
title: 'Popover title',
content: 'And here\'s some amazing content. It\'s very engaging. Right?',
placement: 'top',
trigger: 'click'
}).on('hide.bs.popover', function() {
alert('Hide event fired.')
});
// onHidden event
$('#popover-hidden').popover({
title: 'Popover title',
content: 'And here\'s some amazing content. It\'s very engaging. Right?',
trigger: 'click'
}).on('hidden.bs.popover', function() {
alert('Hidden event fired.')
});
//
// Popover methods
//
// Show method
$('#show-popover-method').on('click', function() {
$('#show-popover-method-target').popover('show')
})
// Hide method
$('#hide-popover-method-target').on('mouseenter', function() {
$(this).popover('show')
});
$('#hide-popover-method').on('click', function() {
$('#hide-popover-method-target').popover('hide')
});
// Toggle method
$('#toggle-popover-method').on('click', function() {
$('#toggle-popover-method-target').popover('toggle')
})
// Destroy method
$('#destroy-popover-method').on('click', function() {
$('#destroy-popover-method-target').popover('destroy')
});
});