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

now using .hidden everywhere to toggle visibility

Browse Source 
of elements
This commit is contained in:
Karma Riuk
2025-05-15 11:18:42 +02:00
parent 24b1e341b2
commit 38de43fc98
3 changed files with 8 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/style.css
View File

@ -59,10 +59,6 @@ h1 {
height: auto; height: auto;
} }
#progress-container {
display: none;
}
#progress-container div { #progress-container div {
display: flex; display: flex;
width: 100%; width: 100%;
@ -76,7 +72,6 @@ h1 {
} }
.results-container { .results-container {
display: none;
justify-items: center; justify-items: center;
} }

6
public/index.html
View File

@ -61,7 +61,7 @@
</fieldset> </fieldset>
<div id="progress-container"> <div id="progress-container" class="hidden">
<h3>Processing answers...</h3> <h3>Processing answers...</h3>
<div> <div>
<progress id="progress-bar" value="0" max="100"></progress> <progress id="progress-bar" value="0" max="100"></progress>
@ -69,7 +69,7 @@
</div> </div>
</div> </div>
<div id="comment" class="results-container"> <div id="comment" class="results-container hidden">
<h3>Results Comment Generation<button class="download-results">Download</button></h3> <h3>Results Comment Generation<button class="download-results">Download</button></h3>
<table class="sortable"> <table class="sortable">
<thead> <thead>
@ -84,7 +84,7 @@
</table> </table>
</div> </div>
<div id="refinement" class="results-container"> <div id="refinement" class="results-container hidden">
<h3>Results Code Refinement<button class="download-results">Download</button></h3> <h3>Results Code Refinement<button class="download-results">Download</button></h3>
<table class="sortable"> <table class="sortable">
<thead> <thead>

10
public/js/index.js
View File

@ -54,16 +54,16 @@ document.getElementById("upload-btn").onclick = async () => {
} }
results = json; results = json;
progressContainer.style.display = "none"; progressContainer.classList.add("hidden");
commentResultsContainer.style.display = "none"; commentResultsContainer.classList.add("hidden");
refinementResultsContainer.style.display = "none"; refinementResultsContainer.classList.add("hidden");
const resultsContainer = const resultsContainer =
type === "comment" type === "comment"
? commentResultsContainer ? commentResultsContainer
: refinementResultsContainer; : refinementResultsContainer;
resultsContainer.style.display = "block"; resultsContainer.classList.remove("hidden");
const tbody = resultsContainer.querySelector("table tbody"); const tbody = resultsContainer.querySelector("table tbody");
tbody.innerHTML = ""; tbody.innerHTML = "";
@ -121,7 +121,7 @@ socket.on("progress", (data) => {
}); });
socket.on("started-processing", () => { socket.on("started-processing", () => {
progressContainer.style.display = "block"; progressContainer.classList.remove("hidden");
setProgress(0); setProgress(0);
}); });