From 2de6f8f88ea7953b32dfcaf6a5e0c132a17ff429 Mon Sep 17 00:00:00 2001
From: Gautam Jajoo <gautamjajoo1729@gmail.com>
Date: Tue, 15 Jun 2021 20:49:06 +0530
Subject: [PATCH] Frontend_V2: Show error message when downloading submissions
 that has > 5k results (#3442)

* Show error message when submissions > 5k

* add card for results> 5k

* update card

* remove merge conflicts

Co-authored-by: Rishabh Jain <rishabhjain2018@gmail.com>
---
 ...challengeviewallsubmissions.component.html | 22 ++++++++++++++++---
 .../src/app/services/endpoints.service.ts     |  2 +-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/frontend_v2/src/app/components/challenge/challengeviewallsubmissions/challengeviewallsubmissions.component.html b/frontend_v2/src/app/components/challenge/challengeviewallsubmissions/challengeviewallsubmissions.component.html
index 9f4f4a2197..b2afdd5a5f 100644
--- a/frontend_v2/src/app/components/challenge/challengeviewallsubmissions/challengeviewallsubmissions.component.html
+++ b/frontend_v2/src/app/components/challenge/challengeviewallsubmissions/challengeviewallsubmissions.component.html
@@ -1,11 +1,24 @@
 <div class="challenge-card">
-  <div class="ev-card-panel card-bt-margin">
+
+  <!-- Card for submissions greater than 5000 -->
+  <div class="ev-md-container ev-card-panel card-bt-margin" *ngIf="submissionCount > 5000">
+    <div class="row">
+        <div class="col s12 m12 l12">
+          <p class="fs-16">
+            <strong> Note: </strong> Results are greater than 5k, please use the 
+            <a href="https://eval.ai/api/docs/#operation/get_all_submissions_for_a_challenge"><strong class="blue-text"> get_all_submissions </strong></a> API to download results.
+            </p>
+        </div>
+    </div>
+</div>
+
+<div class="ev-card-panel card-bt-margin">
     <div class="ev-md-container bottom-hr-line">
       <div class="row row-lr-margin phase-title">
         <div class="col-sm-12">
           <h5 class="fw-light">All Submissions</h5>
         </div>
-      </div>
+      </div>      
       <div class="row row-lr-margin">
         <div class="col-sm-6 col-xs-12 col-lg-6 col-lr-pad phase-select-box">
           <app-selectphase
@@ -28,7 +41,10 @@ <h5 class="fw-light">All Submissions</h5>
             </mat-form-field>
           </div>
           <div class="col-md-2 col-sm-2 col-xs-6 col-lg-6 col-lr-pad download-submissions">
-            <a class="waves-effect waves-dark btn ev-btn-dark w-300 fs-16" (click)="downloadSubmission()">Download </a>
+            <button 
+            class="btn ev-btn-dark btn-waves-effect waves-dark grad-btn grad-btn-dark fs-14" 
+            (click)="downloadSubmission()" 
+            [disabled]="submissionCount>5000">Download </button>
           </div>
         </div>
       </div>
diff --git a/frontend_v2/src/app/services/endpoints.service.ts b/frontend_v2/src/app/services/endpoints.service.ts
index 4e8fa5f6f2..60805252ec 100644
--- a/frontend_v2/src/app/services/endpoints.service.ts
+++ b/frontend_v2/src/app/services/endpoints.service.ts
@@ -309,7 +309,7 @@ ${phase}/submission?participant_team__team_name=${participantTeamName}`;
   }
 
   /**
-   * Challenge Submission Counts
+   * Challenge Submission Counts of the participant Team 
    * @param challenge  challenge id
    * @param phase  phase id
    */