karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 06:08:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

unified the styles of the ids

Browse Source
This commit is contained in:
Karma Riuk
2025-05-10 23:04:08 +02:00
parent 4a4ee88522
commit aa275e814d
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/index.html
View File

@ -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>

12
public/js/index.js
View File

@ -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.");
}