diff --git a/jury/index.html b/jury/index.html
index a22ae6a..5ca65c3 100644
--- a/jury/index.html
+++ b/jury/index.html
@@ -19,7 +19,7 @@
}
#events > div {
- min-height: 200px;
+ min-height: 350px;
}
div {
@@ -32,12 +32,17 @@
margin-top: 0;
}
+ h4 {
+ margin-bottom: 0.5rem;
+ }
+
pre {
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 5px;
padding: 1rem;
margin: 0;
+ margin-bottom: 1rem;
}
#urlInputContainer {
@@ -74,7 +79,7 @@
Jury Tool
let backendUrl = '';
- // Create html elements for each event
+ // Create HTML elements for each event
events.forEach((event) => {
const div = document.createElement('div');
div.id = event;
@@ -84,10 +89,23 @@ Jury Tool
h3.textContent = event;
document.getElementById(event).appendChild(h3);
- const pre = document.createElement('pre');
- pre.id = event + '-data';
- pre.textContent = 'Enter a backend URL to start';
- document.getElementById(event).appendChild(pre);
+ const h4Subscribe = document.createElement('h4');
+ h4Subscribe.textContent = 'Current Action';
+ document.getElementById(event).appendChild(h4Subscribe);
+
+ const preSubscribe = document.createElement('pre');
+ preSubscribe.id = event + '-data';
+ preSubscribe.textContent = 'Enter a backend URL to start';
+ document.getElementById(event).appendChild(preSubscribe);
+
+ const h4Vote = document.createElement('h4');
+ h4Vote.textContent = 'Votes';
+ document.getElementById(event).appendChild(h4Vote);
+
+ const preVote = document.createElement('pre');
+ preVote.id = event + '-vote';
+ preVote.textContent = 'Enter a backend URL to start';
+ document.getElementById(event).appendChild(preVote);
});
document.getElementById('setUrlButton').addEventListener('click', () => {
@@ -101,6 +119,7 @@ Jury Tool
// Update text to "Loading..." once fetching starts
events.forEach((event) => {
document.getElementById(event + '-data').textContent = 'Loading...';
+ document.getElementById(event + '-vote').textContent = 'Loading...';
});
// Update data for each event, every second
@@ -112,6 +131,13 @@ Jury Tool
document.getElementById(event + '-data').textContent =
JSON.stringify(data, null, 2);
});
+
+ fetch(`${backendUrl}/events/${event}/vote/results`)
+ .then((response) => response.json())
+ .then((data) => {
+ document.getElementById(event + '-vote').textContent =
+ JSON.stringify(data, null, 2);
+ });
});
}, 1000);
}