feat: added select2 widget

dev/main/forms.py

@@ -82,6 +82,20 @@ class FormStylesForm(forms.Form):
         widget=forms.RadioSelect,
     )
 
+    searchable_select = forms.ChoiceField(
+        choices=[
+            (1, "Train"),
+            (2, "Bus"),
+            (3, "Aeroplane"),
+            (4, "Bike"),
+            (5, "Feet"),
+            (6, "Magical Unicorn"),
+            (6, "Broom"),
+            (6, "Thestrals"),
+        ],
+        widget=core_fields.SearchableSelectWidget,
+    )
+
     integer = forms.IntegerField()
 
     float = forms.FloatField(help_text="Floating away")

src/cdh/core/forms.py

@@ -99,6 +99,24 @@ def get_context(self, name, value, attrs):
         return super().get_context(name, value, attrs)
 
 
+class SearchableSelectWidget(BootstrapSelect):
+    """A JS-baced widget for a searchable select. Currently using Select2 as
+    the backend."""
+
+    class Media:
+        js = [
+            'cdh.core/js/widget/searchable-select.js',
+        ]
+
+    def get_context(self, name, value, attrs):
+        if "class" not in attrs:
+            attrs["class"] = ""
+
+        attrs["class"] += " dsc-select2"
+
+        return super().get_context(name, value, attrs)
+
+
 class BootstrapCheckboxInput(CheckboxInput):
     """Override of Django's version to use the right Bootstrap classes"""
 

src/cdh/core/static/cdh.core/js/widget/searchable-select.js

@@ -0,0 +1,3 @@
+$(() => {
+    $('.dsc-select2').select2();
+})