Reviewers: use select2 widget

ponyconf/settings.py

@@ -42,6 +42,7 @@ INSTALLED_APPS = [
     'bootstrap3',
     'registration',
     'sortedm2m',
+    'django_select2',
 
     # build-in apps
     'django.contrib.admin',
@@ -145,8 +146,9 @@ STATICFILES_FINDERS = [
 BOWER_COMPONENTS_ROOT = os.path.join(BASE_DIR, 'components')
 BOWER_INSTALLED_APPS = (
     'bootstrap',
-    'jquery',
+    'jquery#2',
     'jquery-ui',
+    'select2',
 )
 
 LOGIN_REDIRECT_URL = 'home'
@@ -178,6 +180,9 @@ BOOTSTRAP3 = {
     'javascript_url': None,
 }
 
+SELECT2_JS = 'select2/dist/js/select2.min.js'
+SELECT2_CSS = 'select2/dist/css/select2.min.css'
+
 AUTHENTICATION_BACKENDS = ['yeouia.backends.YummyEmailOrUsernameInsensitiveAuth']
 LOGOUT_REDIRECT_URL = 'home'
 

ponyconf/urls.py

@@ -22,4 +22,5 @@ urlpatterns = [
     url(r'^registration/', include('registration.backends.default.urls')),
     url(r'^', include('proposals.urls')),
     url(r'^conversations/', include('conversations.urls')),
+    url(r'^select2/', include('django_select2.urls')),
 ]

proposals/forms.py

@@ -1,6 +1,8 @@
 from django.forms import CheckboxSelectMultiple
 from django.forms.models import modelform_factory
 
+from django_select2.forms import Select2TagWidget
+
 from proposals.models import Talk, Topic
 
 __all__ = ['TalkForm', 'TopicCreateForm', 'TopicUpdateForm']
@@ -9,6 +11,8 @@ __all__ = ['TalkForm', 'TopicCreateForm', 'TopicUpdateForm']
 TalkForm = modelform_factory(Talk, fields=['title', 'description', 'topics', 'event', 'speakers'],
                              widgets={'topics': CheckboxSelectMultiple()})
 
-TopicCreateForm = modelform_factory(Topic, fields=['name', 'reviewers'])
+TopicCreateForm = modelform_factory(Topic, fields=['name', 'reviewers'],
+                                    widgets={'reviewers': Select2TagWidget()})
 
-TopicUpdateForm = modelform_factory(Topic, fields=['reviewers'])
+TopicUpdateForm = modelform_factory(Topic, fields=['reviewers'],
+                                    widgets={'reviewers': Select2TagWidget()})

proposals/templates/proposals/topic_form.html

@@ -4,6 +4,11 @@
 
 {% block topictab %} class="active"{% endblock %}
 
+{% block css %}
+{{ block.super }}
+{{ form.media.css }}
+{% endblock %}
+
 {% block content %}
 
 <h1>Topic</h1>
@@ -11,3 +16,8 @@
 {% include "_form.html" %}
 
 {% endblock %}
+
+{% block js_end %}
+{{ block.super }}
+{{ form.media.js }}
+{% endblock %}