Merge pull request #95 from CentreForDigitalHumanities/feature/js-sea…

…rch-widget

Feature/js search 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")

package.json

@@ -5,7 +5,7 @@
   "author": "Hum IT Portal Development & ILS Labs",
   "license": "Apache-2.0",
   "dependencies": {
-    "uu-bootstrap": "git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#1.5.0-alpha.0"
+    "uu-bootstrap": "git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#1.5.0-alpha.1"
   },
   "scripts": {
     "build-css": "yarn _build-css src/cdh/core/static/cdh.core/css/bootstrap.css --style=compressed",

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();
+})

yarn.lock

@@ -128,8 +128,8 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-"uu-bootstrap@git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#1.5.0-alpha.0":
-  version "1.5.0-alpha.0"
-  resolved "git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#0bd740cae32d73770ed4ca7f4818612c8b4bff91"
+"uu-bootstrap@git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#1.5.0-alpha.1":
+  version "1.5.0-alpha.1"
+  resolved "git+ssh://git@github.com/DH-IT-Portal-Development/bootstrap-theme.git#0d3d52fc6abdfbefa802368b728f556916be53fb"
   dependencies:
     bootstrap "5.3.1"