From: Bdale Garbee <bdale@gag.com>
Date: Sun, 25 May 2025 19:00:38 +0000 (-0600)
Subject: define a modal to capture test metadata before running a test
X-Git-Url: https://git.gag.com/?a=commitdiff_plain;h=81711969f733cc8ddf4b90eba7c56bbb18259929;p=fw%2Fquantimotor

define a modal to capture test metadata before running a test
---

diff --git a/ui/index.html b/ui/index.html
index ca54053..3ae9722 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -79,9 +79,46 @@
       </div>
     </section>
 
+    <!-- TEST -->
+    <section class="test">
+      <div class="w3-container w3-center">
+        <button onclick="document.getElementById('start-metadata').style.display='block'" 
+		class="w3-button w3-round-large w3-black w3-hover-orange w3-large w3-opacity">Prepare to Test</button>
+      </div>
+    </section>
+
     <!-- FOOTER -->
     <footer class="w3-deep-purple w3-padding-xlarge w3-center">
       <p>QuantiMotor User Interface &copy; 2025 Bdale Garbee, GPLv3</p>
     </footer>
+
+    <!-- MODAL -->
+    <div id="start-metadata" class="w3-modal">
+      <div class="w3-modal-content">
+        <header class="w3-container w3-orange">
+          <span onclick="document.getElementById('start-metadata').style.display='none'" class="w3-closebtn">&times;</span>
+          <h2>Test Metadata</h2>
+        </header>
+
+        <div class="w3-container">
+          <form>
+            <div class="w3-section">
+              <label>Motor Maker</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Motor Maker">
+              <label>Propellant Formula</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Propellant Formula">
+              <label>Description</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Description">
+              <label>Notes</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Notes">
+              <button class="w3-black w3-btn-block w3-section w3-padding">Submit</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+
+
+
   </body>
 </html>