Delete Images from Device Type (Add a delete button)

[jifox]

Environment

• Python version: 3.9
• Nautobot version: a7a425060fec (v1.2.5)

Proposed Functionality

Add delete buttons or delete checkboxes to the upload fields

Maybe delete checkboxes are the better choice because this can be handled during saving the changes.

Use Case

As Nelly the Network engineer I want to have the ability to remove an image (front view, rear view) when editing the device type.

Currently if no image is selected, the existing one is preserved. Adding just one image when updating will also preserve the other image. So there is no way to get rid of one of the images

Database Changes

None

External Dependencies

[glennmatthews]

Thanks for the report! Based on some brief investigation, this may be as simple as making the below change:

diff --git a/nautobot/dcim/forms.py b/nautobot/dcim/forms.py
index 00d059030..1349347f4 100644
--- a/nautobot/dcim/forms.py
+++ b/nautobot/dcim/forms.py
@@ -879,8 +879,8 @@ class DeviceTypeForm(BootstrapMixin, CustomFieldModelForm, RelationshipModelForm
         widgets = {
             "subdevice_role": StaticSelect2(),
             # Exclude SVG images (unsupported by PIL)
-            "front_image": forms.FileInput(attrs={"accept": "image/bmp,image/gif,image/jpeg,image/png,image/tiff"}),
-            "rear_image": forms.FileInput(attrs={"accept": "image/bmp,image/gif,image/jpeg,image/png,image/tiff"}),
+            "front_image": forms.ClearableFileInput(attrs={"accept": "image/bmp,image/gif,image/jpeg,image/png,image/tiff"}),
+            "rear_image": forms.ClearableFileInput(attrs={"accept": "image/bmp,image/gif,image/jpeg,image/png,image/tiff"}),
         }