topo2SummaryPanel.js
3.17 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/*
* Copyright 2016-present Open Networking Laboratory
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
ONOS GUI -- Topology Layout Module.
Module that contains the d3.force.layout logic
*/
(function () {
'use strict';
// Injected Services
var Panel, gs, wss, flash;
// Internal State
var summaryPanel, summaryData;
// configuration
var id = 'topo-p-summary',
className = 'topo-p',
handlerMap = {
showSummary: handleSummaryData
};
function init() {
bindHandlers();
wss.sendEvent('requestSummary');
summaryPanel = new Panel(id, {
class: className
});
summaryPanel.p.classed(className, true);
}
function addProp(tbody, label, value) {
var tr = tbody.append('tr'),
lab;
if (typeof label === 'string') {
lab = label.replace(/_/g, ' ');
} else {
lab = label;
}
function addCell(cls, txt) {
tr.append('td').attr('class', cls).html(txt);
}
addCell('label', lab + ' :');
addCell('value', value);
}
function addSep(tbody) {
tbody.append('tr').append('td').attr('colspan', 2).append('hr');
}
function listProps(tbody, data) {
summaryData.propOrder.forEach(function (p) {
if (p === '-') {
addSep(tbody);
} else {
addProp(tbody, p, summaryData.props[p]);
}
});
}
function render() {
summaryPanel.emptyRegions();
var svg = summaryPanel.appendToHeader('div')
.classed('icon', true)
.append('svg'),
title = summaryPanel.appendToHeader('h2'),
table = summaryPanel.appendToBody('table'),
tbody = table.append('tbody');
title.text(summaryData.title);
gs.addGlyph(svg, 'bird', 24, 0, [1, 1]);
listProps(tbody);
}
function handleSummaryData(data) {
summaryData = data;
render();
}
function bindHandlers() {
wss.bindHandlers(handlerMap);
}
function toggle() {
var on = summaryPanel.p.toggle(),
verb = on ? 'Show' : 'Hide';
flash.flash(verb + ' Summary Panel');
}
angular.module('ovTopo2')
.factory('Topo2SummaryPanelService',
['Topo2PanelService', 'GlyphService', 'WebSocketService', 'FlashService',
function (_ps_, _gs_, _wss_, _flash_) {
Panel = _ps_;
gs = _gs_;
wss = _wss_;
flash = _flash_;
return {
init: init,
toggle: toggle
};
}
]);
})();