Enhance exhibitor submission UX with loading feedback and status visibility

exhibition/api.py

@@ -53,7 +53,7 @@ def post(self, request, *args, **kwargs):
 class ExhibitorInfoSerializer(I18nAwareModelSerializer):
     class Meta:
         model = ExhibitorInfo
-        fields = ('id', 'name', 'description', 'url', 'email', 'logo', 'key', 'lead_scanning_enabled')
+        fields = ('id', 'name', 'description', 'url', 'email', 'logo', 'key', 'lead_scanning_enabled', 'status')
 
 
 class ExhibitorInfoViewSet(viewsets.ReadOnlyModelViewSet):

exhibition/forms.py

@@ -65,6 +65,7 @@ class Meta:
             'allow_voucher_access',
             'allow_lead_access',
             'lead_scanning_scope_by_device',
+            'status',
         ]
         labels = {
             'name': _('Exhibitor name'),

exhibition/models.py

@@ -99,6 +99,17 @@ class ExhibitorInfo(models.Model):
     )
     allow_voucher_access = models.BooleanField(default=False)
     allow_lead_access = models.BooleanField(default=False)
+    STATUS_CHOICES = (
+        ('pending', _('Pending Approval')),
+        ('approved', _('Approved')),
+        ('rejected', _('Rejected')),
+    )
+    status = models.CharField(
+        max_length=20,
+        choices=STATUS_CHOICES,
+        default='pending',
+        verbose_name=_('Status')
+    )
     lead_scanning_scope_by_device = models.BooleanField(default=False)
 
     class Meta:

exhibition/templates/exhibitors/add.html

@@ -49,8 +49,8 @@ <h1>
     </fieldset>
 
     <fieldset>
-        <legend>{% trans "Internal notes" %}</legend>
-        {% bootstrap_field form.comment layout="control" %}
+        <legend>{% trans "Status" %}</legend>
+        {% bootstrap_field form.status layout="control" %}
     </fieldset>
 
     <div class="form-group submit-group">
@@ -67,4 +67,22 @@ <h1>
         </a>
     </div>
 </form>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const form = document.querySelector('form.form-horizontal');
+        if (form) {
+            form.addEventListener('submit', function() {
+                const submitBtn = form.querySelector('button[type="submit"]');
+                if (submitBtn) {
+                    // Prevent duplicate submission
+                    submitBtn.disabled = true;
+                    // Show loading indicator
+                    const originalText = submitBtn.innerText;
+                    submitBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> ' + originalText;
+                }
+            });
+        }
+    });
+</script>
 {% endblock %}

exhibition/templates/exhibitors/exhibitor_info.html

@@ -36,12 +36,17 @@ <h1>{% trans "Exhibitors" %}</h1>
                 {% for e in exhibitors %}
                     <tr>
                         <td>
-                            {% if "can_change_event_settings" in request.eventpermset %}
                                 <strong><a href="{% url "plugins:exhibition:edit" organizer=request.event.organizer.slug event=request.event.slug pk=e.id %}">
                                     {{ e.name }}
                                 </a></strong>
+                                <span class="label label-{% if e.status == 'approved' %}success{% elif e.status == 'rejected' %}danger{% else %}warning{% endif %}">
+                                    {{ e.get_status_display }}
+                                </span>
                             {% else %}
                                 <strong>{{ e.name }}</strong>
+                                <span class="label label-{% if e.status == 'approved' %}success{% elif e.status == 'rejected' %}danger{% else %}warning{% endif %}">
+                                    {{ e.get_status_display }}
+                                </span>
                             {% endif %}
                         </td>
                         <td class="text-right flip">

tests/test_main.py

@@ -31,6 +31,7 @@ def test_create_exhibitor_info(event):
         exhibitor.logo.name,
     )
     assert exhibitor.lead_scanning_enabled is True
+    assert exhibitor.status == "pending"
 
 
 @pytest.mark.django_db