NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-24 17:38:37 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

dcim: add inline stylesheet to rack elevation api view

Browse Source
This commit is contained in:
hellerve 2019-11-20 19:14:54 +01:00
parent 1a9b9f50d8
commit 77890ad775
2 changed files with 37 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
netbox/dcim/api/views.py
View File

@ -203,6 +203,37 @@ class RackViewSet(CustomFieldModelViewSet):
return self.get_paginated_response(rack_units.data) return self.get_paginated_response(rack_units.data)
RACK_ELEVATION_STYLE = """
* {
font-family: 'Helvetica Neue';
font-size: 13px;
}
rect {
box-sizing: border-box;
}
.rack {
background-color: #f0f0f0;
fill: none;
stroke: black;
stroke-width: 3px;
}
.empty {
fill: #f9f9f9;
stroke: grey;
}
.empty:hover {
fill: #fff;
}
.empty+.add-device {
fill: none;
}
.empty:hover+.add-device {
fill: blue;
}
"""
class RackElevationViewSet(ViewSet): class RackElevationViewSet(ViewSet):
queryset = Rack.objects.prefetch_related( queryset = Rack.objects.prefetch_related(
'devices' 'devices'
@ -226,8 +257,8 @@ class RackElevationViewSet(ViewSet):
else: else:
return HttpResponseBadRequest('side should either be "front" or "back".') return HttpResponseBadRequest('side should either be "front" or "back".')
drawing = svgwrite.Drawing(size=(230, len(elevation)*20), style="box-sizing: border-box") drawing = svgwrite.Drawing(size=(230, len(elevation)*20))
drawing.defs.add(drawing.style('* { font-family: "Helvetica Neue"; }')) drawing.defs.add(drawing.style(RACK_ELEVATION_STYLE))
for i, u in enumerate(elevation): for i, u in enumerate(elevation):
device = u['device'] device = u['device']
@ -244,9 +275,10 @@ class RackElevationViewSet(ViewSet):
urlencode({'rack': rack.pk, 'site': rack.site.pk, 'face': 0, 'position': u['id']}) urlencode({'rack': rack.pk, 'site': rack.site.pk, 'face': 0, 'position': u['id']})
)) ))
) )
link.add(drawing.rect((0, start), (230, end), fill='white', stroke='lightgrey')) link.add(drawing.rect((0, start), (230, end), class_='empty'))
link.add(drawing.text("add device", insert=(115, start+10), text_anchor="middle", dominant_baseline="middle", class_="add-device"))
drawing.add(drawing.rect((0, 0), (230, len(elevation*20)), stroke='black', stroke_width=3, fill='none')) drawing.add(drawing.rect((0, 0), (230, len(elevation*20)), class_='rack'))
return HttpResponse(drawing.tostring(), content_type='image/svg+xml') return HttpResponse(drawing.tostring(), content_type='image/svg+xml')

2
netbox/templates/dcim/inc/rack_elevation.html
View File

@ -8,6 +8,6 @@
<div class="rack_frame"> <div class="rack_frame">
<img src="{% url 'dcim-api:rack-elevation-detail' pk=rack.pk %}?face={{face}}" height="100%"> <object data="{% url 'dcim-api:rack-elevation-detail' pk=rack.pk %}?face={{face}}"></object>
</div> </div>