From 0cfa33f86cf0912747bedab4aaf2b9015a60edcb Mon Sep 17 00:00:00 2001
From: Kevin Reynolds <kevin@k11s.io>
Date: Mon, 29 Apr 2024 15:07:57 -0400
Subject: [PATCH] test

---
 labapp/app/markdown/lb.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/labapp/app/markdown/lb.md b/labapp/app/markdown/lb.md
index f41924e..431b18d 100644
--- a/labapp/app/markdown/lb.md
+++ b/labapp/app/markdown/lb.md
@@ -59,19 +59,22 @@ Build an origin pool and load balancer based on the following criteria:
 <div id="result1" class="mt-3"></div>
 <script>
 document.getElementById('requestBtn1').addEventListener('click', async () => {
+    const button = document.getElementById('requestBtn1');
     const resultDiv = document.getElementById('result1');
+    button.disabled = true;
     try {
         const response = await axios.get('/_lb1');
-        if(response.data.status === 'success') {
+        if (response.data.status === 'success') {
             const prettyJson = JSON.stringify(response.data.data, null, 4);
             resultDiv.innerHTML = `<pre class="alert alert-success"><b>Success:</b><br><code>${prettyJson}</code></pre>`;
         } else {
             const errJson = JSON.stringify(response.data.error, null, 4);
             resultDiv.innerHTML = `<div class="alert alert-danger"><b>Request Failed:</b>&nbsp;&nbsp;<code>${errJson}</code></div>`;
         }
-        resultDiv.scrollIntoView({ behavior: 'smooth', block: 'end' }); // Smooth scroll to the resultDiv
     } catch (error) {
         resultDiv.innerHTML = `<div class="alert alert-danger">Error: ${error.message}</div>`;
+    } finally {
+        button.disabled = false;
         resultDiv.scrollIntoView({ behavior: 'smooth', block: 'end' }); // Smooth scroll to the resultDiv
     }
 });