diff options
| author | Daniel Hader <[email protected]> | 2026-06-04 18:29:34 -0500 |
|---|---|---|
| committer | Daniel Hader <[email protected]> | 2026-06-04 18:29:34 -0500 |
| commit | 3ac68b8b59f150e08731a62026ce3ac825655614 (patch) | |
| tree | b493b1668721caf705aaeb7f700b14e21933ae25 /static | |
| parent | 9122911ca8a8be68d30194a3765a2d4cddaff1a1 (diff) | |
viewing submissions logic
Diffstat (limited to 'static')
| -rw-r--r-- | static/default.css | 4 | ||||
| -rw-r--r-- | static/main.js | 5 | ||||
| -rw-r--r-- | static/submission.html | 40 | ||||
| -rw-r--r-- | static/submission.js | 35 | ||||
| -rw-r--r-- | static/submit.html | 3 |
5 files changed, 84 insertions, 3 deletions
diff --git a/static/default.css b/static/default.css index 8f24f39..b137fca 100644 --- a/static/default.css +++ b/static/default.css @@ -26,6 +26,10 @@ h3 { margin-bottom: 2px; } +code { + border: 1px solid black; +} + #container { width: 640px; margin: auto; diff --git a/static/main.js b/static/main.js index b070ccb..b3bf50f 100644 --- a/static/main.js +++ b/static/main.js @@ -88,7 +88,8 @@ function create_problem_element(problem, submissions) { const sub_subm = document.createElement("td"); const sub_anch = document.createElement("a"); - sub_anch.href = "submission.html?id=5"; + + sub_anch.href = `submission.html?problem_id=${problem.id}&submission_id=${submission.id}`; sub_anch.innerText = "view submission"; sub_subm.appendChild(sub_anch); sub_row.appendChild(sub_subm); @@ -99,7 +100,7 @@ function create_problem_element(problem, submissions) { } async function fetch_submissions(problem_id) { - const response = await fetch(`/submission/${problem_id}`) + const response = await fetch(`/problem/${problem_id}/submission`) const result = await response.json(); return result; } diff --git a/static/submission.html b/static/submission.html new file mode 100644 index 0000000..0789c12 --- /dev/null +++ b/static/submission.html @@ -0,0 +1,40 @@ +<!doctype html> + +<html> + <head> + <meta charset="utf-8" /> + <title>Code Golf Login</title> + <link rel="icon" href="favicon.ico"> + <link rel="stylesheet" href="default.css"> + <script type="text/javascript" src="submission.js"></script> + + <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css"> + <script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/languages/c.min.js"></script> + </head> + + <body onload="init()"> + <div id="layout"> + <div id="container"> + <div id="content"> + <a href="index.html">Home</a> + <h1>C&! Code Golf Leaderboard</h1> + <div id="submission-problem"></div> + <div id="error" hidden> + <span id="error-message" style="color: red"></span> + <br><br> + </div> + <h2>Submission</h2> + <div id="submission-div"> + <p id="submission-author"</p> + <p id="submission-size"</p> + <pre><code id="submission-code"></code></pre> + <h3>Additional Details</h3> + <p id="submission-details"></p> + </div> + <center>© 2026 Daniel Hader</center> + </div> + </div> + </div> + </body> +</html> diff --git a/static/submission.js b/static/submission.js new file mode 100644 index 0000000..bbe4075 --- /dev/null +++ b/static/submission.js @@ -0,0 +1,35 @@ +async function get_problem() { + const url_params = new URLSearchParams(window.location.search); + const problem_id = parseInt(url_params.get("problem_id")); + const response = await fetch(`/problem/${problem_id}`) + return await response.json(); +} + +async function get_submission() { + const url_params = new URLSearchParams(window.location.search); + const submission_id = parseInt(url_params.get("submission_id")); + const response = await fetch(`/submission/${submission_id}`) + return await response.json(); +} + +async function init() { + const problem = await get_problem(); + const submission = await get_submission(); + + const problem_div = document.getElementById("submission-problem"); + + const title = document.createElement("h2"); + title.innerHTML = `Problem: ${problem.title}`; + problem_div.appendChild(title); + + const description = document.createElement("p"); + description.innerHTML = problem.description; + problem_div.appendChild(description); + + document.getElementById("submission-author").innerHTML = `by ${submission.username}`; + document.getElementById("submission-size").innerHTML = `${new Blob([submission.code]).size} bytes`; + document.getElementById("submission-details").innerHTML = submission.details; + document.getElementById("submission-code").innerHTML = submission.code; + + hljs.highlightAll(); +} diff --git a/static/submit.html b/static/submit.html index 151fba5..43a1dbf 100644 --- a/static/submit.html +++ b/static/submit.html @@ -25,7 +25,8 @@ <label for="submission-language">Language</label><br> <select id="submission-language"> <option value="c">C</option> - <option value="c++">C++</option> + <option value="cpp">C++</option> + <option value="csharp">C♯</option> <option value="go">Go</option> <option value="haskell">Haskell</option> <option value="java">Java</option> |