disable the action buttons on the list of participants modal in the c…

…ompetition management view
codalab · Dec 18, 2024 · ef95a38 · ef95a38
1 parent 401add8
commit ef95a38
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/apps/api/serializers/competitions.py b/src/apps/api/serializers/competitions.py
@@ -478,6 +478,7 @@ class CompetitionParticipantSerializer(serializers.ModelSerializer):
     username = serializers.CharField(source='user.username')
     is_bot = serializers.BooleanField(source='user.is_bot')
     email = serializers.CharField(source='user.email')
+    is_deleted = serializers.BooleanField(source='user.is_deleted')
 
     class Meta:
         model = CompetitionParticipant
@@ -487,6 +488,7 @@ class Meta:
             'is_bot',
             'email',
             'status',
+            'is_deleted',
         )
 
 

diff --git a/src/static/riot/competitions/detail/participant_manager.tag b/src/static/riot/competitions/detail/participant_manager.tag
@@ -28,29 +28,34 @@
                 <td><a href="/profiles/user/{username}" target="_BLANK">{username}</a></td>
                 <td>{email}</td>
                 <td>{is_bot}</td>
-                <td>{_.startCase(status)}</td>
+                <td>{is_deleted ? "account deleted" : _.startCase(status)}</td>
                 <td class="right aligned">
                     <button class="mini ui red button icon"
                             show="{status !== 'denied'}"
                             onclick="{ revoke_permission.bind(this, id) }"
                             data-tooltip="Revoke"
                             data-inverted=""
-                            data-position="bottom center">
+                            data-position="bottom center"
+                            disabled="{is_deleted}">
                         <i class="close icon"></i>
                     </button>
                     <button class="mini ui green button icon"
                             show="{status !== 'approved'}"
                             onclick="{ approve_permission.bind(this, id) }"
                             data-tooltip="Approve"
                             data-inverted=""
-                            data-position="bottom center">
+                            data-position="bottom center"
+                            disabled="{is_deleted}"
+                            >
                             <i class="checkmark icon"></i>
                     </button>
                     <button class="mini ui blue button icon"
                             data-tooltip="Send Message"
                             data-inverted=""
                             data-position="bottom center"
-                            onclick="{show_email_modal.bind(this, id)}">
+                            onclick="{show_email_modal.bind(this, id)}"
+                            disabled="{is_deleted}"
+                            >
                         <i class="envelope icon"></i>
                     </button>
                 </td>