Spaces:

lokesh341
/

unit

Runtime error

App Files Files Community

lokesh341 commited on May 6, 2025

Commit

39f07c1

verified ·

1 Parent(s): b915064

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +80 -22

templates/index.html CHANGED Viewed

@@ -1,27 +1,85 @@
 <!DOCTYPE html>
-<html>
 <head>
-    <title>Flask Frontend</title>
 </head>
 <body>
-    <h1>Flask App</h1>
-    <input id="userInput" type="text" placeholder="Enter something">
-    <button onclick="sendData()">Submit</button>
-    <p id="responseText"></p>
-    <script>
-        async function sendData() {
-            const userInput = document.getElementById("userInput").value;
-            const response = await fetch('/api/process', {
-                method: 'POST',
-                headers: {'Content-Type': 'application/json'},
-                body: JSON.stringify({input: userInput})
-            });
-            const result = await response.json();
-            document.getElementById("responseText").innerText = result.result;
-        }
-    </script>
 </body>
-</html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Estimator Dashboard</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #f4f4f4;
+        }
+        .container {
+            max-width: 800px;
+            margin: auto;
+        }
+        .forecast-card {
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            padding: 20px;
+            margin-bottom: 20px;
+        }
+        .forecast-card h3 {
+            margin: 0 0 10px;
+            color: #333;
+        }
+        .forecast-card p {
+            margin: 5px 0;
+        }
+        .alert {
+            color: red;
+            font-weight: bold;
+        }
+        .download-btn {
+            display: inline-block;
+            padding: 10px 20px;
+            background-color: #007bff;
+            color: white;
+            text-decoration: none;
+            border-radius: 4px;
+            margin-top: 10px;
+        }
+        .download-btn:hover {
+            background-color: #0056b3;
+        }
+        @media (max-width: 600px) {
+            .forecast-card {
+                padding: 15px;
+            }
+            .download-btn {
+                width: 100%;
+                text-align: center;
+            }
+        }
+    </style>
 </head>
 <body>
+    <div class="container">
+        <h1>Daily Resource Forecast</h1>
+        {% if forecasts %}
+            {% for forecast in forecasts %}
+                <div class="forecast-card">
+                    <h3>Project: {{ forecast.project_id }}</h3>
+                    <p><strong>Date:</strong> {{ forecast.date }}</p>
+                    <p><strong>Task Type:</strong> {{ forecast.task_type }}</p>
+                    <p><strong>Materials:</strong>
+                        Cement: {{ forecast.forecast.material_cement }} tons,
+                        Steel: {{ forecast.forecast.material_steel }} tons
+                    </p>
+                    <p><strong>Labour:</strong> {{ forecast.forecast.labour_count }} workers</p>
+                    <p><strong>Confidence:</strong> {{ forecast.forecast.confidence * 100 }}%</p>
+                    {% if forecast.alert_flag %}
+                        <p class="alert">⚠️ Resource Alert: High material demand</p>
+                    {% endif %}
+                    <a href="{{ forecast.pdf_link }}" class="downloadFix button">Download PDF</a>
+                </div>
+            {% endfor %}
+        {% else %}
+            <p>No forecasts available.</p>
+        {% endif %}
+    </div>
 </body>
+</html>