Changed tag selection widget to checkboxes in institution edit page.

docker-compose.yml

@@ -39,6 +39,9 @@ services:
       METADEFENDER_API_KEY:
     ports:
       - "8000:8000"
+    # Uncomment following to enable debug in development:
+    # stdin_open: true
+    # tty: true
 
   worker:
     command: python manage.py process_tasks

feder/assets/scss/style.scss

@@ -150,3 +150,8 @@ $gray: #F0F0F0;
   padding: 1px 5px;
   font-size: 0.8em;
 }
+
+.scrollable-widget {
+  max-height: 400px;
+  overflow-y: scroll;
+}

feder/institutions/forms.py

@@ -1,13 +1,28 @@
-from atom.ext.crispy_forms.forms import SingleButtonMixin
 from braces.forms import UserKwargModelFormMixin
+from crispy_forms.helper import FormHelper
+from crispy_forms.layout import Layout, Fieldset, ButtonHolder, Submit
 from dal import autocomplete
 from django import forms
+from django.utils.translation import ugettext_lazy as _
 
 from .models import Institution
 
 
-class InstitutionForm(SingleButtonMixin, UserKwargModelFormMixin, forms.ModelForm):
+class InstitutionForm(UserKwargModelFormMixin, forms.ModelForm):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        # Form "helper" is needed to have control over rendering by "crispy" tag.
+        self.helper = FormHelper()
+        self.helper.layout = Layout(
+            Fieldset("", "name", "jst", "regon", "email"),
+            Fieldset("", "tags", css_class="form-group scrollable-widget"),
+            ButtonHolder(Submit("submit", _("Update"), css_class="btn btn-primary")),
+        )
+
     class Meta:
         model = Institution
         fields = ["name", "tags", "jst", "regon", "email"]
-        widgets = {"jst": autocomplete.ModelSelect2(url="teryt:community-autocomplete")}
+        widgets = {
+            "jst": autocomplete.ModelSelect2(url="teryt:community-autocomplete"),
+            "tags": forms.CheckboxSelectMultiple,
+        }

feder/static/css/style.css

@@ -7473,3 +7473,7 @@ button.close {
   border-radius: 15px;
   padding: 1px 5px;
   font-size: 0.8em; }
+
+.scrollable-widget {
+  max-height: 400px;
+  overflow-y: scroll; }