Add AJAX file delete support and upload notifications, make UI nicer

apps/map/forms.py

@@ -81,15 +81,17 @@ class ShortCaseStudyForm(BaseCaseStudyForm):
         ]
 
 
+class BootstrapClearableFileInput(forms.ClearableFileInput):
+    template_name = 'map/forms/widgets/file.html'
+
+
 class LongCaseStudyForm(BaseCaseStudyForm):
     """Long version of the CaseStudy form."""
 
     official_project_documents = forms.FileField(
-        widget=forms.ClearableFileInput(attrs={
-            'multiple': True,
-            'data-url': reverse_lazy('files:upload'),
-            'data-field': 'official_project_documents_files',
-            'class': 'fileupload',
+        widget=BootstrapClearableFileInput(attrs={
+            'url': reverse_lazy('files:upload'),
+            'field': 'official_project_documents_files',
         }), required=False
     )
 
@@ -100,11 +102,9 @@ class LongCaseStudyForm(BaseCaseStudyForm):
     )
 
     other_documents = forms.FileField(
-        widget=forms.ClearableFileInput(attrs={
-            'multiple': True,
+        widget=BootstrapClearableFileInput(attrs={
             'data-url': reverse_lazy('files:upload'),
             'data-field': 'other_documents_files',
-            'class': 'fileupload',
         }), required=False
     )
 
@@ -115,11 +115,9 @@ class LongCaseStudyForm(BaseCaseStudyForm):
     )
 
     shapefiles = forms.FileField(
-        widget=forms.ClearableFileInput(attrs={
-            'multiple': True,
+        widget=BootstrapClearableFileInput(attrs={
             'data-url': reverse_lazy('files:upload'),
             'data-field': 'shapefiles_files',
-            'class': 'fileupload',
         }), required=False
     )