mirrors/onos
1
0
Fork 0
mirror of https://github.com/opennetworkinglab/onos.git synced 2025-10-22 04:40:59 +02:00
Code Issues Projects Releases Wiki Activity

GUI - Converted Hosts to use Glyph icons instead of png's.

Browse Source 
Change-Id: I5adce1b263985ec853a62db28d59e6d3e252f158
This commit is contained in:
Simon Hunt 2014-11-20 09:57:29 -08:00
parent c72967b52e
commit eb1514d9f4
2 changed files with 15 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/gui/src/main/webapp/topo2.css
View File

@ -119,16 +119,6 @@ svg .node.host circle {
fill: #ddd;
}
#topo svg .node.host.bgpSpeaker circle {
stroke: #000;
fill: #ddd;
}
#topo svg .node.host.router circle {
stroke: #000;
fill: #ddd;
}
/* LINKS */
#topo svg .link {

27
web/gui/src/main/webapp/topo2.js
View File

@ -1244,7 +1244,7 @@
// Augment as needed...
node.class = 'host';
if (!node.type) {
node.type = 'endstation';
node.type = 'host';
}
node.svgClass = 'node host ' + node.type;
positionNode(node);
@ -1451,15 +1451,17 @@
}
}
function addHostIcon(node, radius, iconId) {
function addHostIcon(node, radius, iid) {
var dim = radius * 1.5,
xlate = -dim / 2;
node.append('svg:image')
.attr('transform', translate(xlate,xlate))
.attr('xlink:href', 'img/' + iconId + '.png')
.attr('width', dim)
.attr('height', dim);
node.append('use').attr({
class: 'glyphIcon hostIcon',
transform: translate(xlate,xlate),
'xlink:href': iid,
width: dim,
height: dim
});
}
function updateNodes() {
@ -1521,7 +1523,7 @@
router: 14,
host: 14
},
hostIcon = {
hostGlyphId = {
bgpSpeaker: 'bgpSpeaker',
router: 'router',
host: 'host'
@ -1533,7 +1535,7 @@
var node = d3.select(this),
r = hostRadius[d.type] || defaultHostRadius,
textDy = r + 10,
icon = hostIcon[d.type];
iid = iconGlyphUrl(d);
// provide ref to element from backing data....
d.el = node;
@ -1541,8 +1543,8 @@
node.append('circle')
.attr('r', r);
if (icon) {
addHostIcon(node, r, icon);
if (iid) {
addHostIcon(node, r, iid);
}
@ -1617,7 +1619,8 @@
dy = box.y + config.icons.yoff;
}
g = node.append('g').attr('class', 'glyphIcon deviceIcon')
g = node.append('g')
.attr('class', 'glyphIcon deviceIcon')
.attr('transform', translate(dx, dy));
g.append('rect').attr({