mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-11-08 23:19:58 +01:00
e759911b09
the js/modules/%modulename%/%file% is now mapped to the module path (if existing). To prevent name clashing, the modules folder has been renamed to components.
100 lines
3.1 KiB
JavaScript
Executable File
100 lines
3.1 KiB
JavaScript
Executable File
/*global Icinga:false, document: false, define:false require:false base_url:false console:false */
|
|
|
|
/**
|
|
* Main-Detail layout behaviour as described in
|
|
* https://wiki.icinga.org/display/cranberry/Frontend+Components#FrontendComponents-Behaviour
|
|
*
|
|
*/
|
|
define(['jquery','logging','icinga/util/async'],function($,log,async) {
|
|
"use strict";
|
|
|
|
var MainDetailBehaviour = function() {
|
|
|
|
var onOuterLinkClick = function(ev) {
|
|
var a = $(ev.currentTarget),
|
|
target = a.attr("target"),
|
|
href = a.attr("href");
|
|
ev.stopImmediatePropagation();
|
|
collapseDetailView();
|
|
async.loadToTarget("icinga-main",href);
|
|
return false;
|
|
};
|
|
|
|
var onLinkTagClick = function(ev) {
|
|
|
|
var a = $(ev.currentTarget),
|
|
target = a.attr("target"),
|
|
href = a.attr("href");
|
|
|
|
// check for protocol://
|
|
if(/^[A-Z]{2,10}\:\/\//i.test(href)) {
|
|
window.open(href);
|
|
ev.stopImmediatePropagation();
|
|
return false;
|
|
}
|
|
|
|
// check for link in table header
|
|
if(a.parents('th').length > 0) {
|
|
ev.stopImmediatePropagation();
|
|
return false;
|
|
}
|
|
|
|
if(typeof target === "undefined") {
|
|
if(a.parents("#icinga-detail").length) {
|
|
log.debug("Parent is detail, loading into detail");
|
|
async.loadToTarget("icinga-detail",href);
|
|
} else {
|
|
log.debug("Parent is not detail, loading into main");
|
|
async.loadToTarget("icinga-main",href);
|
|
}
|
|
} else {
|
|
switch(target) {
|
|
case "body":
|
|
async.loadToTarget("body", href);
|
|
break;
|
|
case "main":
|
|
async.loadToTarget("icinga-main",href);
|
|
collapseDetailView();
|
|
break;
|
|
case "detail":
|
|
log.debug("Target: detail");
|
|
async.loadToTarget("icinga-detail",href);
|
|
break;
|
|
case "popup":
|
|
log.debug("No target");
|
|
async.loadToTarget(null,href);
|
|
break;
|
|
default:
|
|
return true;
|
|
}
|
|
}
|
|
ev.stopImmediatePropagation();
|
|
return false;
|
|
};
|
|
|
|
var expandDetailView = function() {
|
|
$("#icinga-detail").parents(".collapsed").removeClass('collapsed');
|
|
};
|
|
|
|
var collapseDetailView = function(elementInDetailView) {
|
|
$("#icinga-detail").parents(".layout-main-detail").addClass('collapsed');
|
|
};
|
|
|
|
this.expandDetailView = expandDetailView;
|
|
this.collapseDetailView = collapseDetailView;
|
|
|
|
this.eventHandler = {
|
|
'.layout-main-detail * a' : {
|
|
'click' : onLinkTagClick
|
|
},
|
|
'a' : {
|
|
'click' : onOuterLinkClick
|
|
},
|
|
'.layout-main-detail .icinga-container#icinga-detail' : {
|
|
'focus' : expandDetailView
|
|
}
|
|
};
|
|
};
|
|
return new MainDetailBehaviour();
|
|
});
|