NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-20 02:06:42 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Use polylines to draw cable fanouts

Browse Source
This commit is contained in:
jeremystretch 2022-06-08 16:29:26 -04:00
parent 8d92ec2007
commit 180adb42a3
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
netbox/dcim/svg/cables.py
View File

@ -1,6 +1,6 @@
import svgwrite import svgwrite
from svgwrite.container import Group, Hyperlink from svgwrite.container import Group, Hyperlink
from svgwrite.shapes import Line, Rect from svgwrite.shapes import Line, Polyline, Rect
from svgwrite.text import Text from svgwrite.text import Text
from django.conf import settings from django.conf import settings
@ -16,7 +16,8 @@ __all__ = (
OFFSET = 0.5 OFFSET = 0.5
PADDING = 10 PADDING = 10
LINE_HEIGHT = 20 LINE_HEIGHT = 20
FANOUT_HEIGHT = 25 FANOUT_HEIGHT = 35
FANOUT_LEG_HEIGHT = 15
TERMINATION_WIDTH = 100 TERMINATION_WIDTH = 100
@ -213,15 +214,25 @@ class CableTraceSVG:
return nodes return nodes
def draw_fanin(self, node, connector): def draw_fanin(self, node, connector):
points = (
node.bottom_center,
(node.bottom_center[0], node.bottom_center[1] + FANOUT_LEG_HEIGHT),
connector.start,
)
self.connectors.extend(( self.connectors.extend((
Line(start=node.bottom_center, end=connector.start, class_='cable-shadow'), Polyline(points=points, class_='cable-shadow'),
Line(start=node.bottom_center, end=connector.start, style=f'stroke: #{connector.color}'), Polyline(points=points, style=f'stroke: #{connector.color}'),
)) ))
def draw_fanout(self, node, connector): def draw_fanout(self, node, connector):
points = (
connector.end,
(node.top_center[0], node.top_center[1] - FANOUT_LEG_HEIGHT),
node.top_center,
)
self.connectors.extend(( self.connectors.extend((
Line(start=connector.end, end=node.top_center, class_='cable-shadow'), Polyline(points=points, class_='cable-shadow'),
Line(start=connector.end, end=node.top_center, style=f'stroke: #{connector.color}') Polyline(points=points, style=f'stroke: #{connector.color}'),
)) ))
def draw_cable(self, cable): def draw_cable(self, cable):

BIN
netbox/project-static/dist/cable_trace.css vendored
View File

Binary file not shown.

6
netbox/project-static/styles/cable-trace.scss
View File

@ -55,7 +55,11 @@ svg {
line { line {
stroke-width: 5px; stroke-width: 5px;
} }
line.cable-shadow { polyline {
fill: none;
stroke-width: 5px;
}
.cable-shadow {
stroke: var(--nbx-trace-cable-shadow); stroke: var(--nbx-trace-cable-shadow);
stroke-width: 7px; stroke-width: 7px;
} }