Add days to predict input box

app.py

@@ -87,16 +87,6 @@ def get_data():
     return jsonify(filtered_df.to_dict(orient='list'))
 
 
-# Fetch number of days to forecast
-@app.route('/forecast', methods=['POST'])
-def get_forecast_days():
-    global num_steps
-    num_steps = request.json['days']
-    # convert to int
-    num_steps = int(num_steps)
-    return jsonify(num_steps)
-
-
 # Fetch Data and Plot
 @app.route('/plot', methods=['POST'])
 def plot():
@@ -178,6 +168,17 @@ def plot():
                     'legend_url': 'data:image/png;base64,{}'.format(legend_url)})
 
 
+
+# Fetch number of days to forecast
+@app.route('/forecast', methods=['POST'])
+def get_forecast_days():
+    global num_steps
+    num_steps = request.json['days']
+    # convert to int
+    num_steps = int(num_steps)
+    return jsonify(num_steps)
+
+
 @app.route('/data_explorer')
 def data_explorer():
     return render_template('data_explorer.html')

static/js/script.js

@@ -10,6 +10,7 @@ const modelType = document.getElementById('model-type')
 const dataDropdownSelection = document.getElementById('dataset')
 const daysToForecast = document.getElementById('days-to-forecast')
 
+
 // Listen for click events on the mobile menu button
 if (mobileMenuButton) {
     mobileMenuButton.addEventListener("click", function () {
@@ -22,7 +23,6 @@ if (mobileMenuButton) {
     });
 }
 
-
 // Get selected features
 function getSelectedFeatures() {
     const checkboxes = document.querySelectorAll('input[name="feature"]:checked');
@@ -34,7 +34,6 @@ function getSelectedFeatures() {
     return selected;
 }
 
-
 // Fetch features and create checkboxes
 function createFeatureCheckboxes(features) {
     // Check if features is an array
@@ -85,7 +84,6 @@ function createFeatureCheckboxes(features) {
     console.log('Checkboxes created for features:', features);  // Debugging line
 }
 
-
 // Initial fetch of features when the page loads
 fetch('/features', {
     method: 'GET'
@@ -101,8 +99,6 @@ fetch('/features', {
 })
 .catch(error => console.error('Error:', error));
 
-
-
 // When a new model is selected, fetch the new model's features
 if (modelType) {
     modelType.addEventListener('change', () => {