Feature: Add customisable icons in topology (#193)

* [up] add config for custom images, better js

* [up] use bundler to bundle js

* [fix] remove domcontentloaded since defer is used

* [fix] formatting with black

* [fix] images drf api

* [up] add support for custom icons on additional roles: power panel, power feed, circuit

* [up] optimize topology generation by using `_id` when trying to access pk of related object

* [fix] kebab case instead of slugification

* [fix] use empty queryset in api views & change coord save logic

netbox_topology_views/forms.py

@@ -13,92 +13,108 @@ from tenancy.models import TenantGroup, Tenant
 from tenancy.forms import TenancyFilterForm
 from django.conf import settings
 from netbox.forms import NetBoxModelFilterSetForm
-from utilities.forms import (TagFilterField, DynamicModelMultipleChoiceField, MultipleChoiceField)
+from utilities.forms import (
+    TagFilterField,
+    DynamicModelMultipleChoiceField,
+    MultipleChoiceField,
+)
 
-allow_coordinates_saving = bool(settings.PLUGINS_CONFIG["netbox_topology_views"]["allow_coordinates_saving"])
+allow_coordinates_saving = bool(
+    settings.PLUGINS_CONFIG["netbox_topology_views"]["allow_coordinates_saving"]
+)
 
 
 class DeviceFilterForm(TenancyFilterForm, NetBoxModelFilterSetForm):
     model = Device
     fieldsets = (
-        (None, ('q', 'hide_unconnected', 'save_coords', 'show_circuit', 'show_power' ,)),
-        (None, ('tenant_group_id', 'tenant_id',)),
-        (None, ('region_id', 'site_id', 'location_id', 'rack_id')),
-        (None, ('device_role_id','id','status', )),
-        (None, ('tag', )),
+        (
+            None,
+            (
+                "q",
+                "hide_unconnected",
+                "save_coords",
+                "show_circuit",
+                "show_power",
+            ),
+        ),
+        (
+            None,
+            (
+                "tenant_group_id",
+                "tenant_id",
+            ),
+        ),
+        (None, ("region_id", "site_id", "location_id", "rack_id")),
+        (
+            None,
+            (
+                "device_role_id",
+                "id",
+                "status",
+            ),
+        ),
+        (None, ("tag",)),
     )
 
     region_id = DynamicModelMultipleChoiceField(
-        queryset=Region.objects.all(),
-        required=False,
-        label=_('Region')
+        queryset=Region.objects.all(), required=False, label=_("Region")
     )
     device_role_id = DynamicModelMultipleChoiceField(
-        queryset=DeviceRole.objects.all(),
-        required=False,
-        label=_('Device Role')
+        queryset=DeviceRole.objects.all(), required=False, label=_("Device Role")
     )
     id = DynamicModelMultipleChoiceField(
         queryset=Device.objects.all(),
         required=False,
-        label=_('Device'),
+        label=_("Device"),
         query_params={
-            'location_id' : '$location_id',
-            'region_id': '$region_id',
-            'site_id': '$site_id',
-            'role_id': '$device_role_id',
+            "location_id": "$location_id",
+            "region_id": "$region_id",
+            "site_id": "$site_id",
+            "role_id": "$device_role_id",
         },
     )
     site_id = DynamicModelMultipleChoiceField(
         queryset=Site.objects.all(),
         required=False,
         query_params={
-            'region_id': '$region_id',
+            "region_id": "$region_id",
         },
-        label=_('Site')
+        label=_("Site"),
     )
     location_id = DynamicModelMultipleChoiceField(
         queryset=Location.objects.all(),
         required=False,
         query_params={
-            'region_id': '$region_id',
-            'site_id': '$site_id',
+            "region_id": "$region_id",
+            "site_id": "$site_id",
         },
-        label=_('Location')
+        label=_("Location"),
     )
     rack_id = DynamicModelMultipleChoiceField(
         queryset=Rack.objects.all(),
         required=False,
         query_params={
-            'region_id': '$region_id',
-            'site_id': '$site_id',
-            'location_id': '$location_id',
+            "region_id": "$region_id",
+            "site_id": "$site_id",
+            "location_id": "$location_id",
         },
-        label=_('Rack')
+        label=_("Rack"),
     )
     hide_unconnected = forms.BooleanField(
-        label=_("Hide Unconnected"),
-        required=False,
-        initial=False
+        label=_("Hide Unconnected"), required=False, initial=False
     )
     show_circuit = forms.BooleanField(
-        label=_("Show Circuit Terminations"),
-        required=False,
-        initial=False
+        label=_("Show Circuit Terminations"), required=False, initial=False
     )
     show_power = forms.BooleanField(
-        label=_("Show Power Feeds"),
-        required=False,
-        initial=False
+        label=_("Show Power Feeds"), required=False, initial=False
     )
     save_coords = forms.BooleanField(
         label=_("Save Coordinates"),
         required=False,
-        disabled=(not allow_coordinates_saving)
+        disabled=(not allow_coordinates_saving),
     )
     status = MultipleChoiceField(
-        choices=DeviceStatusChoices,
-        required=False,
-        label=_("Device Status")
+        choices=DeviceStatusChoices, required=False, label=_("Device Status")
     )
     tag = TagFilterField(model)