From be0d8907b542707c3202abcefb9e6ca897552a22 Mon Sep 17 00:00:00 2001
From: ChrisChrome <chris@chrischro.me>
Date: Mon, 29 Sep 2025 21:57:12 -0600
Subject: [PATCH] Add avail blocks to validator

---
 .gitignore                  |  4 +++-
 index.js                    |  1 -
 public/validator/index.html | 41 +++++++++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 72f2a2b..735daa7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -131,4 +131,6 @@ dist
 
 *.db
 sessions/*
-.DS_Store
\ No newline at end of file
+.DS_Store
+
+test/*
\ No newline at end of file
diff --git a/index.js b/index.js
index de537d5..982ea1e 100644
--- a/index.js
+++ b/index.js
@@ -621,7 +621,6 @@ app.get("/api/v1/directory/openBlocks", (req, res) => {
 	pool.query("SELECT block_start, block_length FROM routes").then((rows) => {
 		console.log(JSON.stringify(rows)); // for testing
 
-		return;
 		const takenBlocks = rows.map(row => {
 			return { start: row.block_start, end: row.block_start + row.block_length };
 		});
diff --git a/public/validator/index.html b/public/validator/index.html
index f7cfdad..e5246f1 100644
--- a/public/validator/index.html
+++ b/public/validator/index.html
@@ -50,6 +50,47 @@
 			<button type="submit" class="btn btn-primary mt-3">Submit</button>
 		</form>
 	</div>
+
+	<div class="container mt-4" style="max-width: 400px;">
+		<h4>Available Blocks</h4>
+		<table class="table table-dark table-bordered">
+			<thead>
+				<tr>
+					<th id="availHeader" scope="col">Available Blocks</th>
+				</tr>
+			</thead>
+			<tbody id="availableBlocksTable">
+				<tr><td>Loading...</td></tr>
+			</tbody>
+		</table>
+	</div>
+	<script>
+		async function loadAvailableBlocks() {
+			const tableBody = document.getElementById('availableBlocksTable');
+			try {
+				const res = await fetch('/api/v1/directory/openBlocks');
+				const blocks = await res.json();
+				tableBody.innerHTML = '';
+				if (Array.isArray(blocks) && blocks.length > 0) {
+					blocks.forEach(block => {
+						const row = document.createElement('tr');
+						const cell = document.createElement('td');
+						cell.textContent = block;
+						row.appendChild(cell);
+						tableBody.appendChild(row);
+					});
+					// Set header text to "Available Blocks (X total)" where X is the number of available blocks
+					document.getElementById('availHeader').textContent = `${blocks.length} Available Blocks`;
+				} else {
+					tableBody.innerHTML = '<tr><td>No blocks available</td></tr>';
+				}
+			} catch {
+				tableBody.innerHTML = '<tr><td>Error loading blocks</td></tr>';
+			}
+		}
+		loadAvailableBlocks();
+	</script>
+
 	<script>
 		document.querySelector('form').addEventListener('submit', async (e) => {
 			e.preventDefault();