From aa275e814d21e5bdd1a397e178ffbbb38c61d863 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Sat, 10 May 2025 23:04:08 +0200
Subject: [PATCH] unified the styles of the ids

---
 public/index.html  | 18 +++++++++---------
 public/js/index.js | 12 ++++++------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3beb27e..06263fc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,30 +20,30 @@
 
     <fieldset>
         <legend><strong>Download a Dataset</strong></legend>
-        <label for="datasetSelect">Dataset:</label>
-        <select id="datasetSelect">
+        <label for="dataset-select">Dataset:</label>
+        <select id="dataset-select">
             <option value="comment_generation">Comment Generation</option>
             <option value="code_refinement">Code Refinement</option>
         </select>
         <label>
-            <input type="checkbox" id="withContext">
+            <input type="checkbox" id="with-context">
             Include context
         </label>
         <br /><br />
-        <button id="downloadBtn">Download</button>
+        <button id="download-dataset">Download</button>
     </fieldset>
 
     <fieldset>
         <legend><strong>Upload Your Answers</strong></legend>
-        <label for="answerType">Type:</label>
-        <select id="answerType">
+        <label for="answer-cype">Type:</label>
+        <select id="answer-cype">
             <option value="comments">Comment Generation</option>
             <option value="refinement">Code Refinement</option>
         </select>
         <br /><br />
-        <input type="file" id="fileInput" accept="application/json" />
+        <input type="file" id="file-cnput" accept="application/json" />
         <br /><br />
-        <button id="uploadBtn">Upload JSON</button>
+        <button id="upload-btn">Upload JSON</button>
         <span id="status" style="color: green;"> </span>
     </fieldset>
 
@@ -57,7 +57,7 @@
     </div>
 
     <div id="results-container">
-        <h3>Results</h3>
+        <h3>Results<button id="download-results">Download</button></h3>
         <table class="sortable">
             <thead>
                 <tr>
diff --git a/public/js/index.js b/public/js/index.js
index ff0e290..f5e83e8 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -8,18 +8,18 @@ const statusEl = document.getElementById("status");
 const resultsContainer = document.getElementById("results-container");
 
 // Download logic
-document.getElementById("downloadBtn").onclick = () => {
-    const ds = document.getElementById("datasetSelect").value;
-    const withCtx = document.getElementById("withContext").checked;
+document.getElementById("download-dataset").onclick = () => {
+    const ds = document.getElementById("dataset-select").value;
+    const withCtx = document.getElementById("with-context").checked;
     const url =
         `/datasets/download/${ds}` + (withCtx ? "?withContext=true" : "");
     window.location = url;
 };
 
 // Upload logic
-document.getElementById("uploadBtn").onclick = async () => {
-    const type = document.getElementById("answerType").value;
-    const fileInput = document.getElementById("fileInput");
+document.getElementById("upload-btn").onclick = async () => {
+    const type = document.getElementById("answer-cype").value;
+    const fileInput = document.getElementById("file-cnput");
     if (!fileInput.files.length) {
         return alert("Please choose a JSON file first.");
     }