from gitlab
This commit is contained in:
37
common/resources/node_modules/patternfly/dist/js/patternfly-functions-popovers.js
generated
vendored
Normal file
37
common/resources/node_modules/patternfly/dist/js/patternfly-functions-popovers.js
generated
vendored
Normal file
@ -0,0 +1,37 @@
|
||||
// Util: PatternFly Popovers
|
||||
// Add data-close="true" to insert close X icon
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
$.fn.popovers = function () {
|
||||
// Initialize
|
||||
this.popover();
|
||||
|
||||
// Add close icons
|
||||
this.filter('[data-close=true]').each(function (index, element) {
|
||||
var $this = $(element),
|
||||
title = $this.attr('data-original-title') + '<button type="button" class="close" aria-hidden="true"><span class="pficon pficon-close"></span></button>';
|
||||
|
||||
$this.attr('data-original-title', title);
|
||||
});
|
||||
|
||||
// Bind Close Icon to Toggle Display
|
||||
this.on('click', function (e) {
|
||||
var $this = $(this),
|
||||
$title = $this.next('.popover').find('.popover-title');
|
||||
|
||||
// Only if data-close is true add class "x" to title for right padding
|
||||
$title.find('.close').parent('.popover-title').addClass('closable');
|
||||
|
||||
// Bind x icon to close popover
|
||||
$title.find('.close').on('click', function () {
|
||||
$this.popover('hide');
|
||||
});
|
||||
|
||||
// Prevent href="#" page scroll to top
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
}(jQuery));
|
Reference in New Issue
Block a user