Fix #43: Format ports as ranges in edit forms

netbox_data_flows/forms/dataflows.py

@@ -9,7 +9,6 @@
     CSVModelMultipleChoiceField,
     DynamicModelChoiceField,
     DynamicModelMultipleChoiceField,
-    NumericArrayField,
     TagFilterField,
 )
 from utilities.forms.rendering import FieldSet
@@ -21,6 +20,8 @@
 
 from netbox_data_flows import choices, models
 
+from .fields import NumericArrayField
+
 
 __all__ = (
     "DataFlowForm",
@@ -29,6 +30,7 @@
     "DataFlowFilterForm",
 )
 
+
 #
 # Object forms
 #

netbox_data_flows/forms/fields.py

@@ -0,0 +1,18 @@
+from utilities.data import array_to_string
+from utilities.forms.fields import NumericArrayField as NumericArrayField_
+
+
+__all__ = ("NumericArrayField",)
+
+
+class NumericArrayField(NumericArrayField_):
+    """Format ranges in a human-friendly way before displaying the field."""
+
+    def prepare_value(self, value):
+        if not value:
+            return ""
+
+        if isinstance(value, str):
+            return value
+
+        return array_to_string(value)