Spaces:

Junaidb
/

temp_helper

Sleeping

App Files Files Community

Junaidb commited on Jan 21

Commit

dbcfea9

verified ·

1 Parent(s): 8bed360

Update app.py

Browse files

Files changed (1) hide show

app.py +22 -28

app.py CHANGED Viewed

@@ -70,7 +70,7 @@ async def Ingest(request:PPD):
 @app.get("/", response_class=HTMLResponse)
 async def static_page():
     return """
-    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -217,83 +217,77 @@ async def static_page():
         <div class="instruction-text">Official Registration Form for Domesticated Equines. Please complete all required fields.</div>
     </div>
-    <form id="registrationForm">
         <div class="grid">
             <div class="field full">
                 <label for="name">Full Legal Name <span class="required-star">*</span></label>
-                <input id="name" type="text" placeholder="e.g. John Doe" required>
             </div>
             <div class="field">
                 <label for="registration_number">Registration Number</label>
-                <input id="registration_number" type="text" required>
             </div>
             <div class="field">
                 <label for="phone_number">Phone Number</label>
-                <input id="phone_number" type="text" placeholder="(555) 000-0000" required>
             </div>
             <div class="field full">
                 <label for="address">Mailing Address</label>
-                <input id="address" type="text" required>
             </div>
             <div class="field">
                 <label for="aadhar">Aadhar / ID Number</label>
-                <input id="aadhar" type="text" required>
             </div>
             <div class="field">
                 <label for="parentage">Parentage / Lineage</label>
-                <input id="parentage" type="text" required>
             </div>
             <div class="field">
                 <label for="total_ponies">Total Quantity of Ponies</label>
-                <input type="number" id="total_ponies" required>
             </div>
             <div class="field">
                 <label for="stand">Assigned Stand</label>
-                <input id="stand" type="text" required>
             </div>
             <div class="field checkbox-group">
-                <input type="checkbox" id="license" required>
                 <label for="license" style="margin-bottom:0">License Held</label>
             </div>
             <div class="field checkbox-group">
-                <input type="checkbox" id="renewal" required>
                 <label for="renewal" style="margin-bottom:0">Applied for Renewal</label>
             </div>
         </div>
         <div class="button-row">
             <button type="button" class="btn-clear" onclick="clearForm()">Clear Form</button>
-            <button type="button" class="btn-submit" onclick="submitData()">Submit Application</button>
         </div>
     </form>
 </div>
 <script>
-    async function submitData() {
-        const payload = {
-            "name": document.getElementById('name').value,
-            "registration_number": document.getElementById('registration_number').value,
-            "phone_number": document.getElementById('phone_number').value,
-            "address": document.getElementById('address').value,
-            "aadhar": document.getElementById('aadhar').value,
-            "parentage": document.getElementById('parentage').value,
-            "total_ponies": document.getElementById('total_ponies').value,
-            "stand": document.getElementById('stand').value,
-            "license": document.getElementById('license').checked,
-            "renewal": document.getElementById('renewal').checked
-        };
-        // Basic validation check
         try {
             const res = await fetch('/dataingestion', {
                 method: 'POST',

 @app.get("/", response_class=HTMLResponse)
 async def static_page():
     return """
+    <!DOCTYPE html5>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
         <div class="instruction-text">Official Registration Form for Domesticated Equines. Please complete all required fields.</div>
     </div>
+    <form id="registrationForm" onsubmit="submitData(event)">
         <div class="grid">
             <div class="field full">
                 <label for="name">Full Legal Name <span class="required-star">*</span></label>
+                <input id="name" name="name" type="text" placeholder="e.g. John Doe" required>
             </div>
             <div class="field">
                 <label for="registration_number">Registration Number</label>
+                <input id="registration_number" name="registration_number" type="text" required>
             </div>
             <div class="field">
                 <label for="phone_number">Phone Number</label>
+                <input id="phone_number" name="phone_number" type="text" placeholder="(555) 000-0000" required>
             </div>
             <div class="field full">
                 <label for="address">Mailing Address</label>
+                <input id="address"  name="address" type="text" required>
             </div>
             <div class="field">
                 <label for="aadhar">Aadhar / ID Number</label>
+                <input id="aadhar" name="aadhar" type="text" required>
             </div>
             <div class="field">
                 <label for="parentage">Parentage / Lineage</label>
+                <input id="parentage" name="parentage" type="text" required>
             </div>
             <div class="field">
                 <label for="total_ponies">Total Quantity of Ponies</label>
+                <input type="number" id="total_ponies" name="total_ponies" required>
             </div>
             <div class="field">
                 <label for="stand">Assigned Stand</label>
+                <input id="stand" name="stand" type="text" required>
             </div>
             <div class="field checkbox-group">
+                <input type="checkbox" id="license" name="license"  required>
                 <label for="license" style="margin-bottom:0">License Held</label>
             </div>
             <div class="field checkbox-group">
+                <input type="checkbox" id="renewal" name="renewal" required>
                 <label for="renewal" style="margin-bottom:0">Applied for Renewal</label>
             </div>
         </div>
         <div class="button-row">
             <button type="button" class="btn-clear" onclick="clearForm()">Clear Form</button>
+            <button type="submit" class="btn-submit">Submit Application</button>
         </div>
     </form>
 </div>
 <script>
+    async function submitData(e) {
+        e.preventDefault()
+        const form = document.getElementById('registrationForm');
+        const formData = new FormData(form);
+        const payload = Object.fromEntries(formData.entries());
         try {
             const res = await fetch('/dataingestion', {
                 method: 'POST',