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
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 django.conf import settings
@ -16,7 +16,8 @@ __all__ = (
OFFSET = 0.5
PADDING = 10
LINE_HEIGHT = 20
FANOUT_HEIGHT = 25
FANOUT_HEIGHT = 35
FANOUT_LEG_HEIGHT = 15
TERMINATION_WIDTH = 100
@ -213,15 +214,25 @@ class CableTraceSVG:
return nodes
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((
Line(start=node.bottom_center, end=connector.start, class_='cable-shadow'),
Line(start=node.bottom_center, end=connector.start, style=f'stroke: #{connector.color}'),
Polyline(points=points, class_='cable-shadow'),
Polyline(points=points, style=f'stroke: #{connector.color}'),
))
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((
Line(start=connector.end, end=node.top_center, class_='cable-shadow'),
Line(start=connector.end, end=node.top_center, style=f'stroke: #{connector.color}')
Polyline(points=points, class_='cable-shadow'),
Polyline(points=points, style=f'stroke: #{connector.color}'),
))
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 {
stroke-width: 5px;
}
line.cable-shadow {
polyline {
fill: none;
stroke-width: 5px;
}
.cable-shadow {
stroke: var(--nbx-trace-cable-shadow);
stroke-width: 7px;
}