added dropdown features

app.py

@@ -25,16 +25,16 @@ LABELS = {
 }
 # Dictionary of placeholders for each feature
 placeholders = {
-    'Operation_Mode': 'low-1,med-2,high-3',
+    'Operation_Mode': 'Select Operation Mode',
     'Temperature_C': 'Enter the temprature',
-    'Vibration_Hz': 'Enter in range(0.1-5)',
-    'Power_Consumption_kW': 'Enter in range(1-10)',
-    'Network_Latency_ms': 'Enter in range(1-50)',
-    'Packet_Loss_%': 'e.g., 0.5....to 5',
-    'Quality_Control_Defect_Rate_%': 'Enter in range(1-10)',
-    'Production_Speed_units_per_hr': 'e.g., 1000',
-    'Predictive_Maintenance_Score': 'e.g., 85',
-    'Error_Rate_%': 'e.g., 1.2',
+    'Vibration_Hz': 'Enter the Vibration',
+    'Power_Consumption_kW': 'Enter the power consuption',
+    'Network_Latency_ms': 'Enter the network latency',
+    'Packet_Loss_%': 'Enter Packet Loss:',
+    'Quality_Control_Defect_Rate_%': 'Enter quality Defect Rate',
+    'Production_Speed_units_per_hr': 'Enter Production Unit',
+    'Predictive_Maintenance_Score': 'Enter Maintenance Score',
+    'Error_Rate_%': 'Enter Error Rate',
     
 }
 

templates/index.html

@@ -56,14 +56,14 @@
             color: #34495e;
         }
 
-        input[type="text"] {
+        input[type="text"], select {
             padding: 10px;
             border: 1px solid #ccc;
             border-radius: 6px;
             transition: border-color 0.3s;
         }
 
-        input[type="text"]:focus {
+        input[type="text"]:focus, select:focus {
             border-color: #3498db;
             outline: none;
         }
@@ -104,22 +104,34 @@
     <h1>Smart Manufacturing Machines Efficiency Prediction</h1>
 
     <form method="post" class="form-container">
-        <div class="form-grid">
-            {% for feature in features %}
+    <div class="form-grid">
+        <!-- First, manually add dropdown for Operation_Mode -->
+        <div class="form-group">
+            <label for="Operation_Mode">Operation Mode:</label>
+            <select name="Operation_Mode" required>
+                <option value="">Select Mode</option>
+                <option value="1">Low</option>
+                <option value="2">Medium</option>
+                <option value="3">High</option>
+            </select>
+        </div>
+
+        <!-- Then loop through the rest of the features, skipping Operation_Mode -->
+        {% for feature in features %}
+            {% if feature != 'Operation_Mode' %}
             <div class="form-group">
                 <label for="{{ feature }}">{{ feature }}:</label>
                 <input type="text" name="{{ feature }}" placeholder="{{ placeholders[feature] }}" required>
-
             </div>
-            {% endfor %}
-        </div>
+            {% endif %}
+        {% endfor %}
+    </div>
 
-        <button type="submit" class="submit-btn">PREDICT</button>
+    <button type="submit" class="submit-btn">PREDICT</button>
     </form>
 
     {% if prediction %}
         <h2>Prediction : {{ prediction }}</h2>
-    {% endif %}
+    {% endif %}
 </body>
-
-</html>
+</html>