1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
;(function (Icinga) {
var Toplevelview = function (module) {
this.module = module;
this.initialize();
};
Toplevelview.prototype = {
initialize: function () {
var addCSSRule = function (sheet, selector, rules, index) {
if ('insertRule' in sheet) {
sheet.insertRule(selector + '{' + rules + '}', index);
} else if ('addRule' in sheet) {
sheet.addRule(selector, rules, index);
} else {
Icinga.module.icinga.logger.debug('Can\'t insert CSS rule');
}
};
var sheet = (function () {
var style = document.createElement('style');
// WebKit hack
style.appendChild(document.createTextNode(''));
document.head.appendChild(style);
return style.sheet;
})();
addCSSRule(
sheet,
'#layout.twocols.wide-layout #col1.module-toplevelview,'
+ '#layout.twocols.wide-layout #col1.module-toplevelview ~ #col2',
'width: 50%',
0
);
this.module.on('click', '.tlv-view-tree .tlv-tree-node', this.processTreeNodeClick);
this.module.on('click', 'div[href].action', this.buttonClick, this);
this.module.on('rendered', this.rendered);
},
rendered: function (ev) {
this.collapseOnLoad(ev);
var $container = $(ev.currentTarget);
$container.find('.codemirror').each(function (i, el) {
var mode = el.getAttribute('data-codemirror-mode');
var editor = CodeMirror.fromTextArea(el, {
lineNumbers: true,
mode: mode
});
// avoid entering tab chars
editor.setOption('extraKeys', {
Tab: function(cm) {
var spaces = new Array(cm.getOption('indentUnit') + 1).join(' ');
cm.replaceSelection(spaces);
},
'Ctrl-F': 'findPersistent'
});
});
},
processTreeNodeClick: function (event) {
event.stopPropagation();
var $el = $(event.currentTarget);
var $parent = $el.parents('.tlv-tree-node');
var $all = $el.find('.tlv-tree-node');
if (($parent.length === 0 && $all.hasClass('tlv-collapsed')) || $el.hasClass('tlv-collapsed')) {
$el.removeClass('tlv-collapsed');
$all.removeClass('tlv-collapsed');
} else {
$el.addClass('tlv-collapsed');
$all.addClass('tlv-collapsed');
}
},
collapseOnLoad: function (event) {
var $el = $(event.currentTarget);
$el.find('.tlv-view-tree .tlv-tree-node.tlv-collapsible.ok').addClass('tlv-collapsed');
},
buttonClick: function (event) {
event.stopPropagation();
var $el = $(event.currentTarget);
var $links = $el.find('a[href]');
if ($links.length > 0) {
$links[0].click();
}
}
};
Icinga.availableModules.toplevelview = Toplevelview;
}(Icinga));
|