52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
|
/* Icinga Web 2 | (c) 2017 Icinga Development Team | GPLv2+ */
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Icinga.Behavior.Flyover
|
||
|
|
*
|
||
|
|
* A toggleable flyover
|
||
|
|
*/
|
||
|
|
(function(Icinga, $) {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var expandedFlyovers = {};
|
||
|
|
|
||
|
|
function Flyover(icinga) {
|
||
|
|
Icinga.EventListener.call(this, icinga);
|
||
|
|
|
||
|
|
this.on('rendered', this.onRendered, this);
|
||
|
|
this.on('click', '.flyover-toggle', this.onClick, this);
|
||
|
|
}
|
||
|
|
|
||
|
|
Flyover.prototype = new Icinga.EventListener();
|
||
|
|
|
||
|
|
Flyover.prototype.onRendered = function(event) {
|
||
|
|
// Re-expand expanded containers after an auto-refresh
|
||
|
|
|
||
|
|
$(event.target).find('.flyover').each(function() {
|
||
|
|
var $this = $(this);
|
||
|
|
|
||
|
|
if (typeof expandedFlyovers['#' + $this.attr('id')] !== 'undefined') {
|
||
|
|
$this.toggleClass('flyover-expanded');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
Flyover.prototype.onClick = function(event) {
|
||
|
|
var $flyover = $(event.target).closest('.flyover');
|
||
|
|
|
||
|
|
$flyover.toggleClass('flyover-expanded');
|
||
|
|
|
||
|
|
if ($flyover.hasClass('flyover-expanded')) {
|
||
|
|
expandedFlyovers['#' + $flyover.attr('id')] = null;
|
||
|
|
} else {
|
||
|
|
delete expandedFlyovers['#' + $flyover.attr('id')];
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
Icinga.Behaviors = Icinga.Behaviors || {};
|
||
|
|
|
||
|
|
Icinga.Behaviors.Flyover = Flyover;
|
||
|
|
|
||
|
|
})(Icinga, jQuery);
|