ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-21 22:07:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Center label for node

Browse Source
This commit is contained in:
ziajka 2017-12-05 12:21:35 +01:00
parent d2a2c60db1
commit 68a9d1b07c
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/cartography/shared/widgets/nodes.widget.ts
View File

@ -52,10 +52,25 @@ export class NodesWidget implements Widget {
selection selection
.select<SVGTextElement>('text.label') .select<SVGTextElement>('text.label')
.attr('x', (n: Node) => n.label.x - n.width / 2.) // .attr('y', (n: Node) => n.label.y - n.height / 2. + 10) // @todo: server computes y in auto way
.attr('y', (n: Node) => n.label.y - n.height / 2. + 20) // @todo: server computes y in auto way
.attr('style', (n: Node) => n.label.style) .attr('style', (n: Node) => n.label.style)
.text((n: Node) => n.label.text); .text((n: Node) => n.label.text)
.attr('x', function (this: SVGTextElement, n: Node) {
if (n.label.x === null) {
// center
const bbox = this.getBBox();
return -bbox.width / 2.;
}
return n.label.x - n.width / 2.;
})
.attr('y', function (this: SVGTextElement, n: Node) {
if (n.label.x === null) {
// center
const bbox = this.getBBox();
return - n.height + 20;
}
return n.label.y - n.height / 2.;
});
selection selection
.select<SVGTextElement>('text.node_point_label') .select<SVGTextElement>('text.node_point_label')