adds ending time to activity indicator

app/api.py

@@ -206,3 +206,10 @@ def register_api(app):
         else:
             current_app.logger.debug("Scraping is not active.")
             return jsonify({"scraping_active": False})
+
+    @app.route('/scraping_get_end_time')
+    def scraping_get_end_time():
+        if scraper is None:
+            current_app.logger.debug("Scraper is not initialized.")
+            return jsonify({"scraping_active":False})
+        return jsonify({"end_time": scraper.end_time})

app/models.py

@@ -137,3 +137,6 @@ class Scraper:
     def stop_scraping(self):
         self.scraping_active = False
         current_app.logger.debug("Scraping stopped by user")
+    
+    def get_end_time(self):
+        return self.end_time()

app/static/index.js

@@ -4,7 +4,7 @@ class ScraperApp {
         this.stopButton = document.getElementById('stopButton');
         this.startButton = document.getElementById('startButton');
         this.activityIndicator = document.getElementById('activity_indicator');
-
+        this.endTimeElement = document.getElementById('end_time');
         this.init();
     }
 
@@ -23,18 +23,38 @@ class ScraperApp {
                 this.activityIndicator.classList.remove('text-bg-danger');
                 this.activityIndicator.classList.add('text-bg-success');
                 this.activityIndicator.textContent = 'Active';
+
+                this.endTimeElement.classList.remove('d-none');
+                this.endTimeElement.textContent = data.end_time;
+                await this.fetchEndTime();
             } else {
                 this.startButton.disabled = false;
                 this.stopButton.disabled = true;
                 this.activityIndicator.classList.remove('text-bg-success');
                 this.activityIndicator.classList.add('text-bg-danger');
                 this.activityIndicator.textContent = 'Inactive';
+                
+                this.endTimeElement.textContent = '';
+                this.endTimeElement.classList.add('d-none');
             }
         } catch (error) {
             console.error('Error checking scraping status:', error);
         }
     }
 
+    async fetchEndTime() {
+        try {
+            const response = await fetch('/scraping_get_end_time');
+            const data = await response.json();
+            if (data.end_time) {
+                this.endTimeElement.textContent = `Track until: ${data.end_time}`;
+            }
+        } catch (error) {
+            this.endTimeElement.textContent = 'Error fetching end time';
+            console.error('Error fetching end time:', error);
+        }
+    }
+
     async startScraping(event) {
         event.preventDefault(); // Prevent the default form submission
         const formData = new FormData(this.form);

app/templates/index.html

@@ -2,7 +2,15 @@
 {% block content %}
         <section id="scrapingFormContainer" class="container-fluid d-flex justify-content-center">
             <div class="container-md my-5 mx-2 shadow-lg p-4 ">
-                <h2>Scraper <span id="activity_indicator" class="badge text-bg-danger">Inactive</span></h2>
+                <div class="row">
+                    <div class="col">
+                        <h2>Scraper</h2>
+                    </div>
+                    <div class="col text-end">
+                        <span id="end_time" class="badge text-bg-info d-none"></span>
+                        <span id="activity_indicator" class="badge text-bg-danger fw-bold">Inactive</span>
+                    </div>
+                </div>
                 <form id="scrapingForm" method="POST" action="{{ url_for('start_scraping') }}">
                     {{ form.hidden_tag() }}
                     <div class="form-group">