Add selectize support to tag picker

Author: JelteF

pgcommitfest/commitfest/forms.py

@@ -72,6 +72,7 @@ class PatchForm(forms.ModelForm):
     selectize_fields = {
         "authors": "/lookups/user",
         "reviewers": "/lookups/user",
+        "tags": None,
     }
 
     class Meta:
@@ -94,8 +95,14 @@ def __init__(self, *args, **kwargs):
             x.user.username,
         )
 
+        self.fields["authors"].widget.attrs["class"] = "add-user-picker"
+        self.fields["reviewers"].widget.attrs["class"] = "add-user-picker"
+
         # Selectize multiple fields -- don't pre-populate everything
         for field, url in list(self.selectize_fields.items()):
+            if url is None:
+                continue
+
             # If this is a postback of a selectize field, it may contain ids that are not currently
             # stored in the field. They must still be among the *allowed* values of course, which
             # are handled by the existing queryset on the field.

pgcommitfest/commitfest/templates/base_form.html

@@ -75,7 +75,7 @@ <h3>Search user</h3>
  {%include "selectize_js.html" %}
  <script>
   {%if user.is_staff%}
-   $('.selectize-control').after(
+   $('.selectize-control.add-user-picker').after(
     $('<a href="#" class="btn btn-default btn-sm">Import user not listed</a>').click(function () {
      search_and_store_user();
     })

pgcommitfest/commitfest/templates/selectize_js.html

@@ -5,6 +5,7 @@
    valueField: 'id',
    labelField: 'value',
    searchField: 'value',
+  {%if url%}
    load: function(query, callback) {
     if (!query.length) return callback();
     $.ajax({
@@ -18,6 +19,7 @@
      'success': function(res) { callback(res.values);},
     });
    },
+  {%endif%}
    onFocus: function() {
     if (this.$input.is('[multiple]')) {
      return;