tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-24 22:34:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

collapsible.js: Add support for custom control elements

Browse Source
This commit is contained in:
Johannes Meyer 2019-07-24 13:44:04 +02:00
parent 5a10b06200
commit 8cd6a46388
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/js/icinga/behavior/collapsible.js
View File

@ -16,7 +16,8 @@
this.on('layout-change', this.onLayoutChange, this); this.on('layout-change', this.onLayoutChange, this);
this.on('rendered', '#layout', this.onRendered, this); this.on('rendered', '#layout', this.onRendered, this);
this.on('click', '.collapsible + .collapsible-control', this.onControlClicked, this); this.on('click', '.collapsible + .collapsible-control, .collapsible > .collapsible-control',
this.onControlClicked, this);
this.icinga = icinga; this.icinga = icinga;
this.defaultVisibleRows = 2; this.defaultVisibleRows = 2;
@ -45,7 +46,19 @@
// Assumes that any newly rendered elements are expanded // Assumes that any newly rendered elements are expanded
if (_this.canCollapse($collapsible)) { if (_this.canCollapse($collapsible)) {
$collapsible.after($('#collapsible-control-ghost').clone().removeAttr('id')); var toggleElement = $collapsible.data('toggleElement');
if (!! toggleElement) {
var $toggle = $collapsible.children(toggleElement).first();
if (! $toggle.length) {
_this.icinga.logger.error(
'[Collapsible] Control `' + toggleElement + '` not found in .collapsible', $collapsible);
} else if (! $toggle.is('.collapsible-control')) {
$toggle.addClass('collapsible-control');
}
} else {
$collapsible.after($('#collapsible-control-ghost').clone().removeAttr('id'));
}
$collapsible.addClass('can-collapse'); $collapsible.addClass('can-collapse');
if (! _this.state.has(_this.icinga.utils.getCSSPath($collapsible))) { if (! _this.state.has(_this.icinga.utils.getCSSPath($collapsible))) {
@ -119,7 +132,11 @@
Collapsible.prototype.onControlClicked = function(event) { Collapsible.prototype.onControlClicked = function(event) {
var _this = event.data.self; var _this = event.data.self;
var $target = $(event.currentTarget); var $target = $(event.currentTarget);
var $collapsible = $target.prev('.collapsible'); var $collapsible = $target.prev('.collapsible');
if (! $collapsible.length) {
$collapsible = $target.parent('.collapsible');
}
if (! $collapsible.length) { if (! $collapsible.length) {
_this.icinga.logger.error('[Collapsible] Collapsible control has no associated .collapsible: ', $target); _this.icinga.logger.error('[Collapsible] Collapsible control has no associated .collapsible: ', $target);