Refactor prometheus.py, README.md, and dashboard_network.html

Author: codeperfectplus

src/docs/README.md

@@ -23,3 +23,7 @@
 ## Security Analysis
 
 ![screenshot_007](/src/static/images/screenshot_007.png)
+
+## Central Dashboard
+
+![screenshot_008](/src/static/images/tracking.png)

src/routes/api.py

@@ -8,9 +8,15 @@
 from flask import request, jsonify
 import gc
 from datetime import datetime, timezone
+
+from src.routes.helper.common_helper import admin_required
+
 api_bp = blueprints.Blueprint("api", __name__)
 
-PROMETHEUS_URL = 'http://localhost:9090/api/v1/query_range'  # Change if using a different URL or port
+PROMETHEUS_URL = 'http://localhost:9090'  # Change if using a different URL or port
+QUERY_API_URL = f'{PROMETHEUS_URL}/api/v1/query'
+TARGETS_API_URL = f'{PROMETHEUS_URL}/api/v1/targets'
+
 PROMETHEUS_METRICS = {
     'cpu': 'cpu_usage_percentage',  # Adjusting to match the defined gauge
     'memory': 'memory_usage_percentage',
@@ -283,7 +289,7 @@ def graph_data_api_v3():
             }
 
             # Send the query to Prometheus
-            response = requests.get(PROMETHEUS_URL, params=params)
+            response = requests.get(QUERY_API_URL, params=params)
 
             # Check if the request was successful
             if response.status_code == 200:
@@ -368,7 +374,7 @@ def graph_data_api_v3_():
             }
 
             # Send the query to Prometheus
-            response = requests.get(PROMETHEUS_URL, params=params)
+            response = requests.get(QUERY_API_URL, params=params)
 
             # Check if the request was successful
             if response.status_code == 200:
@@ -423,6 +429,40 @@ def graph_data_api_v3_():
         # Handle and log the error for debugging purposes
         return jsonify({'error': 'An error occurred while fetching the graph data', 'details': str(e)}), 500
 
+
+@app.route('/api/v1/targets', methods=['GET'])
+@admin_required
+def get_prometheus_targets():
+    try:
+        # Query Prometheus API to get the targets
+        response = requests.get(TARGETS_API_URL)
+        
+        # Check if the request was successful
+        if response.status_code == 200:
+            targets_data = response.json().get('data', {})
+            active_targets = targets_data.get('activeTargets', [])
+            dropped_targets = targets_data.get('droppedTargets', [])
+            
+            # Return the active and dropped targets as JSON
+            return jsonify({
+                'active_targets': active_targets,
+                'dropped_targets': dropped_targets
+            }), 200
+        else:
+            # Handle non-200 responses from Prometheus
+            return jsonify({
+                'error': 'Failed to fetch targets from Prometheus',
+                'details': response.text
+            }), response.status_code
+    
+    except Exception as e:
+        # Handle exceptions
+        return jsonify({
+            'error': 'An error occurred while fetching Prometheus targets',
+            'details': str(e)
+        }), 500
+
+
 @app.route('/api/v1/refresh-interval', methods=['GET', 'POST'])
 @login_required
 def manage_refresh_interval():

src/routes/dashboard_network.py

@@ -1,63 +1,11 @@
-from flask import render_template, blueprints, flash, redirect, url_for, request
+from flask import render_template, blueprints
 
-from src.config import app, db
-from src.models import  DashboardNetworkSettings
+from src.config import app
 from src.routes.helper.common_helper import admin_required
 
 network_bp = blueprints.Blueprint('network', __name__)
 
-@app.route('/network', methods=['GET'])
+@app.route('/dashboard_network', methods=['GET'])
 @admin_required
 def dashboard_network():
-    groups = DashboardNetworkSettings.query.all()  # Fetch all dashboard groups
-    return render_template('network/dashboard_network.html', groups=groups)
-
-@app.route('/add_server', methods=['GET', 'POST'])
-@admin_required
-def add_server():
-    if request.method == 'POST':
-        name = request.form.get('name')
-        description = request.form.get('description')
-        ip_address = request.form.get('ip_address')
-        port = request.form.get('port')
-        link = request.form.get('link')
-
-        # Check if the server name already exists
-        existing_server = DashboardNetworkSettings.query.filter_by(name=name).first()
-        if existing_server:
-            flash('Server name already exists. Please choose a different name.', 'danger')
-            return redirect(url_for('add_server'))
-
-        # Create a new server entry
-        new_server = DashboardNetworkSettings(name=name, description=description, ip_address=ip_address, port=port, link=link)
-        db.session.add(new_server)
-        db.session.commit()
-
-        flash('Server added successfully!', 'success')
-        return redirect(url_for('dashboard_network'))
-
-    return render_template('network/add_server.html')
-
-@app.route('/edit_server/<int:server_id>', methods=['GET', 'POST'])
-@admin_required
-def edit_server(server_id):
-    server = DashboardNetworkSettings.query.get_or_404(server_id)
-    if request.method == 'POST':
-        server.name = request.form['name']
-        server.description = request.form['description']
-        server.ip_address = request.form['ip_address']
-        server.port = request.form['port']
-        server.link = request.form['link']
-        db.session.commit()
-        flash('Server updated successfully!', 'success')
-        return redirect(url_for('dashboard_network'))
-    return render_template('network/edit_server.html', server=server)
-
-@app.route('/delete_server/<int:server_id>', methods=['POST'])
-@admin_required
-def delete_server(server_id):
-    server = DashboardNetworkSettings.query.get_or_404(server_id)
-    db.session.delete(server)
-    db.session.commit()
-    flash('Server deleted successfully!', 'success')
-    return redirect(url_for('dashboard_network'))
+    return render_template('network/dashboard_network.html')

src/routes/prometheus.py

@@ -65,4 +65,3 @@ def delete_file_path(id):
     db.session.commit()
     flash('File path deleted successfully!', 'success')
     return redirect(url_for('external_monitoring'))
-

src/static/css/dashboard_network.css

@@ -1,101 +1,57 @@
+
+
 .container {
     max-width: 1200px;
-    margin: 0 auto;
-    padding: 20px;
-    text-align: center;
-    color: #fff;
-}
-
-.card-container {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 20px;
-    justify-content: center;
+    margin-top: 20px;
 }
 
-.card {
-    background-color: var(--color-username);
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    padding: 20px;
-    width: calc(33.333% - 40px); /* Adjust based on gaps */
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    text-decoration: none;
+h1 {
+    text-align: center;
     color: #333;
-    transition: transform 0.2s;
-}
-
-.card:hover {
-    transform: translateX(-10px); /* Slight lift effect */
-    box-shadow: 0 10px 20px #378fe7;
-    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
 }
 
-.card h2 {
-    margin-top: 0;
-    font-size: 1.5em;
-    color: #fff;
-}
-
-.card p {
-    margin: 5px 0;
-    color: #fff;
-}
-
-.card a {
-    color: #fff;
-    text-decoration: none;
-}
-
-.add-server-link {
+.target-table {
     margin-top: 20px;
 }
 
-.add-server-link .btn {
-    font-size: 1.2em;
-    padding: 10px 20px;
-    border-radius: 5px;
-    background-color: #007bff;
-    color: white;
-    text-decoration: none;
-    transition: background-color 0.3s;
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
 }
 
-.add-server-link .btn:hover {
-    background-color: #0056b3;
+table th, table td {
+    padding: 12px;
+    border: 1px solid #ddd;
+    text-align: left;
 }
 
-/* Responsive layout */
-@media (max-width: 992px) {
-    .card {
-        width: calc(50% - 30px); /* Two cards per line on medium screens */
-    }
+table th {
+    background-color: #3f51b5;
+    color: white;
 }
 
-@media (max-width: 768px) {
-    .card {
-        width: calc(100% - 40px); /* One card per line on small screens */
-    }
+table tr:nth-child(even) {
+    background-color: #f9f9f9;
 }
 
-.card-actions {
-    margin-top: 10px;
+table td.health-up {
+    color: green;
+    font-weight: bold;
 }
 
-.card-actions .btn {
-    margin-right: 5px;
-    padding: 5px 10px;
-    font-size: 14px;
+table td.health-down {
+    color: red;
+    font-weight: bold;
 }
 
-.card-actions .btn-warning {
-    background-color: #ffc107;
-    border-color: #ffc107;
-    color: #fff;
+.error-message {
+    color: red;
+    font-style: italic;
 }
 
-.card-actions .btn-danger {
-    background-color: #dc3545;
-    border-color: #dc3545;
-    color: #fff;
+.footer {
+    text-align: center;
+    color: #666;
+    font-size: 12px;
 }

src/static/css/targets.css

@@ -0,0 +1,57 @@
+
+
+.container {
+    max-width: 1200px;
+    margin-top: 20px;
+}
+
+h1 {
+    text-align: center;
+    color: #333;
+}
+
+.target-table {
+    margin-top: 20px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
+}
+
+table th, table td {
+    padding: 12px;
+    border: 1px solid #ddd;
+    text-align: left;
+}
+
+table th {
+    background-color: #3f51b5;
+    color: white;
+}
+
+table tr:nth-child(even) {
+    background-color: #f9f9f9;
+}
+
+table td.health-up {
+    color: green;
+    font-weight: bold;
+}
+
+table td.health-down {
+    color: red;
+    font-weight: bold;
+}
+
+.error-message {
+    color: red;
+    font-style: italic;
+}
+
+.footer {
+    text-align: center;
+    color: #666;
+    font-size: 12px;
+}