From 7337bfe4098aa8edde83118298dd1816f8e44403 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Thu, 15 May 2025 15:57:37 +0200
Subject: [PATCH] filled in the info modal for the upload of the data

---
 public/css/style.css |  8 +++++-
 public/index.html    | 61 +++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 64 insertions(+), 5 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index d669853..3caebe1 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -169,8 +169,8 @@ table tbody td:nth-child(1) {
     background: #fff;
     padding: 1.5rem;
     border-radius: 8px;
-    max-width: 75vw;
     min-width: 30vw;
+    max-width: 75vw;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
     position: relative;
 }
@@ -189,3 +189,9 @@ table tbody td:nth-child(1) {
 .modal-container h2 {
     margin-top: 0;
 }
+
+.json-schemas {
+    display: flex;
+    flex-direction: column;
+    gap: .5em;
+}
diff --git a/public/index.html b/public/index.html
index 4b433fd..9187b58 100644
--- a/public/index.html
+++ b/public/index.html
@@ -144,10 +144,63 @@
             </div>
         </template>
         <template id="info-upload">
-            <h2>Uploading results</h2>
-            <div>
-                yes
-            </div>
+            <h2>Uploading Results</h2>
+            <section>
+                <p>
+                    After downloading a dataset and generating your predictions for either task, you can upload your
+                    results here to start the evaluation process.
+                </p>
+                <p>
+                    Your uploaded JSON file must follow one of the schemas described below, depending on the selected
+                    task. Once uploaded, the system will begin evaluating your submission. A progress bar will appear to
+                    show how far along the evaluation is.
+                </p>
+                <p>
+                    For <strong>Code Refinement</strong>, a link will also be displayed. This link allows you to safely
+                    close the browser tab and later check the evaluation progress by pasting the link into the <em>"Get
+                        status of ongoing process"</em> section. More information is available in that section.
+                </p>
+                <section class="json-schemas">
+                    <details>
+                        <summary>
+                            <strong>Comment Generation</strong>
+                        </summary>
+                        <p>
+                            Submit a JSON object where each key is a string ID and each value is the generated comment.
+                        </p>
+                        <pre><code>
+{
+    "1234": "This method lacks null checks.",
+    "5678": "Consider renaming this variable for clarity."
+} 
+                    </code></pre>
+
+                    </details>
+                    <details>
+                        <summary><strong>Code Refinement</strong></summary>
+                        <p>
+                            Submit a JSON object where each key is a string ID, and the value is another object that
+                            maps
+                            file
+                            paths (relative to the top-level directory) to the new file content.
+                        </p>
+                        <pre><code>
+{
+    "1234": {
+        "src/Main.java": "public class Main { /* updated code */ }"
+    },
+    "5678": {
+        "utils/Helper.java": "public class Helper { /* improved logic */ }"
+    }
+}
+                    </code></pre>
+
+                        <p>
+                            Make sure your file strictly follows the expected format to avoid upload errors.
+                        </p>
+                    </details>
+                </section>
+            </section>
         </template>
         <template id="info-results">
             <h2>Getting information of ongoing process</h2>