first commit

app/__init__.py

@@ -0,0 +1,25 @@
+from flask import Flask, render_template
+
+def create_app():
+    app = Flask(__name__)
+    app.config.from_mapping(
+        MYSQL_HOST='192.168.132.195',
+        MYSQL_USER='flaskuser',
+        MYSQL_PASSWORD='password',
+        MYSQL_DB='otrs',
+        WEB_SERVICE_ID=13
+    )
+
+    from .api.tag_nacht import tag_nacht_bp
+    from .api.max_time_diff import max_time_diff_bp
+    from .api.fuenf_minuten import fuenf_minuten_bp
+
+    app.register_blueprint(tag_nacht_bp)
+    app.register_blueprint(max_time_diff_bp)
+    app.register_blueprint(fuenf_minuten_bp)
+
+    @app.route('/')
+    def index():
+        return render_template('index.html')
+
+    return app

app/api/fuenf_minuten.py

@@ -0,0 +1,78 @@
+from flask import Blueprint, jsonify, request, current_app
+from ..utils import get_db_connection
+
+fuenf_minuten_bp = Blueprint('fuenf_minuten', __name__, url_prefix='/fuenf_minuten')
+
+@fuenf_minuten_bp.route('/', strict_slashes=False)
+def fuenf_minuten():
+    # Abrufen der Filterparameter aus der Anfrage
+    start_date = request.args.get('start_date')
+    end_date = request.args.get('end_date')
+    start_time = request.args.get('start_time', '00:00')
+    end_time = request.args.get('end_time', '23:59')
+
+    if not start_date or not end_date:
+        return jsonify({'error': 'Bitte sowohl Start- als auch End-Datum auswählen.'})
+
+    # Aufbau der Verbindung zur Datenbank
+    conn = get_db_connection()
+    cursor = conn.cursor()
+
+    # SQL-Abfrage
+    query = """
+    WITH time_slots AS (
+        SELECT DATE_FORMAT(create_time, '%Y-%m-%d %H:%i') AS time_slot, COUNT(*) AS transmission_count
+        FROM gi_debugger_entry
+        WHERE webservice_id = %s
+          AND create_time BETWEEN %s AND %s
+        GROUP BY time_slot
+    ),
+    all_times AS (
+        SELECT DATE_FORMAT(TIMESTAMPADD(MINUTE, (@row := @row + 5), %s), '%Y-%m-%d %H:%i') AS time_slot
+        FROM (SELECT @row := -5) AS vars
+        CROSS JOIN (
+            SELECT 1 AS dummy
+            FROM gi_debugger_entry
+            LIMIT 100000
+        ) AS generator
+        WHERE TIMESTAMPADD(MINUTE, @row, %s) <= %s
+    )
+    SELECT all_times.time_slot, COALESCE(time_slots.transmission_count, 0) AS transmission_count
+    FROM all_times
+    LEFT JOIN time_slots ON all_times.time_slot = time_slots.time_slot
+    ORDER BY all_times.time_slot;
+    """
+    start_datetime = f"{start_date} {start_time}"
+    end_datetime = f"{end_date} {end_time}"
+
+    # Debugging: Ausgabe der Parameter
+    print(f"Start datetime: {start_datetime}")
+    print(f"End datetime: {end_datetime}")
+    print(f"Executing query for WEB_SERVICE_ID: {current_app.config['WEB_SERVICE_ID']}")
+
+    try:
+        # Ausführen der SQL-Abfrage
+        cursor.execute(query, (
+            current_app.config['WEB_SERVICE_ID'],
+            start_datetime,
+            end_datetime,
+            start_datetime,
+            start_datetime,
+            end_datetime
+        ))
+        results = cursor.fetchall()
+
+        # Debugging: Ausgabe der Ergebnisse
+        print("SQL query executed successfully.")
+        print("Results:", results)
+
+        conn.close()
+
+        # Formatierung der Ergebnisse für die API-Antwort
+        return jsonify([{'time_slot': row[0], 'transmission_count': row[1]} for row in results])
+
+    except Exception as e:
+        # Fehlerbehandlung und Debugging
+        conn.close()
+        print("Error during SQL execution:", str(e))
+        return jsonify({'error': str(e)})

app/api/max_time_diff.py

@@ -0,0 +1,60 @@
+from flask import Blueprint, jsonify, request, current_app
+from ..utils import get_db_connection
+
+max_time_diff_bp = Blueprint('max_time_diff', __name__, url_prefix='/max_time_diff')
+
+@max_time_diff_bp.route('/', strict_slashes=False)
+def max_time_diff():
+    start_date = request.args.get('start_date')
+    end_date = request.args.get('end_date')
+    start_time = request.args.get('start_time', '00:00')
+    end_time = request.args.get('end_time', '23:59')
+
+    if not start_date or not end_date:
+        return jsonify({'error': 'Bitte sowohl Start- als auch End-Datum auswählen.'})
+
+    conn = get_db_connection()
+    cursor = conn.cursor()
+
+    # Angepasste SQL-Abfrage
+    query = """
+    WITH time_differences AS (
+        SELECT 
+            create_time AS start_time,
+            LEAD(create_time) OVER (ORDER BY create_time) AS end_time,
+            TIMESTAMPDIFF(SECOND, create_time, LEAD(create_time) OVER (ORDER BY create_time)) AS time_diff
+        FROM gi_debugger_entry
+        WHERE webservice_id = %s
+          AND create_time BETWEEN %s AND %s
+    )
+    SELECT start_time, end_time, time_diff
+    FROM time_differences
+    WHERE time_diff = (
+        SELECT MAX(time_diff)
+        FROM time_differences
+    );
+    """
+    start_datetime = f"{start_date} {start_time}"
+    end_datetime = f"{end_date} {end_time}"
+
+    try:
+        cursor.execute(query, (current_app.config['WEB_SERVICE_ID'], start_datetime, end_datetime))
+        result = cursor.fetchone()
+        conn.close()
+
+        # Ergebnis zurückgeben
+        if result and result[2] is not None:
+            return jsonify({
+                'max_time_diff_seconds': result[2],
+                'start_time': result[0],
+                'end_time': result[1]
+            })
+        else:
+            return jsonify({
+                'max_time_diff_seconds': 0,
+                'start_time': None,
+                'end_time': None
+            })
+    except Exception as e:
+        conn.close()
+        return jsonify({'error': str(e)})

app/api/tag_nacht.py

@@ -0,0 +1,24 @@
+from flask import Blueprint, jsonify, current_app
+from ..utils import get_db_connection
+
+tag_nacht_bp = Blueprint('tag_nacht', __name__, url_prefix='/tag_nacht')
+
+@tag_nacht_bp.route('/')
+def tag_nacht():
+    conn = get_db_connection()
+    cursor = conn.cursor()
+    query = """
+    SELECT 
+        CASE 
+            WHEN HOUR(create_time) BETWEEN 7 AND 18 THEN 'Day'
+            ELSE 'Night'
+        END AS time_period, 
+        COUNT(*) AS transmission_count
+    FROM gi_debugger_entry
+    WHERE webservice_id = %s
+    GROUP BY time_period
+    """
+    cursor.execute(query, (current_app.config['WEB_SERVICE_ID'],))
+    results = cursor.fetchall()
+    conn.close()
+    return jsonify([{'time_period': row[0], 'transmission_count': row[1]} for row in results])

app/static/js/fuenf_minuten.js

@@ -0,0 +1,137 @@
+// Globale Variable für den Chart
+let fuenfMinutenChart;
+
+// Funktion zum Abrufen und Aktualisieren des Charts
+function fetchAndUpdateChart() {
+    const startDate = document.getElementById('startDate').value;
+    const endDate = document.getElementById('endDate').value;
+    const startTime = document.getElementById('startTime').value || '00:00';
+    const endTime = document.getElementById('endTime').value || '23:59';
+
+    if (!startDate || !endDate) {
+        alert('Bitte sowohl Start- als auch End-Datum auswählen!');
+        return;
+    }
+
+    fetch(`/fuenf_minuten?start_date=${startDate}&end_date=${endDate}&start_time=${startTime}&end_time=${endTime}`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.json();
+        })
+	.then(data => {
+	    if (!Array.isArray(data)) {
+	        throw new Error('Ungültige Daten vom Server.');
+	    }
+
+            console.log('5-Minuten-Daten:', data);
+
+            const labels = data.map(item => item.time_slot);
+            const values = data.map(item => item.transmission_count);
+
+            // Farben für Balken (rot für 0-Werte, blau für andere Werte)
+            const backgroundColors = values.map(value => value === 0 ? 'rgba(255, 99, 132, 0.5)' : 'rgba(54, 162, 235, 0.5)');
+            const borderColors = values.map(value => value === 0 ? 'rgba(255, 99, 132, 1)' : 'rgba(54, 162, 235, 1)');
+
+            const ctx = document.getElementById('fuenfMinutenChart').getContext('2d');
+
+            // Zerstöre den bestehenden Chart, falls vorhanden
+            if (fuenfMinutenChart) {
+                fuenfMinutenChart.destroy();
+            }
+
+            // Erstelle den neuen Chart
+            fuenfMinutenChart = new Chart(ctx, {
+                type: 'bar',
+                data: {
+                    labels: labels,
+                    datasets: [{
+                        label: `Übertragungen`,
+                        data: values,
+                        backgroundColor: backgroundColors,
+                        borderColor: borderColors,
+                        borderWidth: 1
+                    }]
+                },
+                options: {
+                    scales: {
+                        x: {
+                            title: {
+                                display: true,
+                                text: 'Zeit'
+                            }
+                        },
+                        y: {
+                            title: {
+                                display: true,
+                                text: 'Anzahl'
+                            },
+                            beginAtZero: true
+                        }
+                    }
+                }
+            });
+        })
+        .catch(err => console.error('Fehler bei der 5-Minuten-Datenabfrage:', err));
+}
+
+// Funktion, um Standardwerte für Datum und Zeit zu setzen
+function setDefaultDateTime() {
+    const now = new Date();
+    const yesterday = new Date();
+    yesterday.setDate(now.getDate() - 1);
+
+    // Standardwerte für Start- und Enddatum
+    document.getElementById('startDate').value = yesterday.toISOString().split('T')[0];
+    document.getElementById('endDate').value = now.toISOString().split('T')[0];
+
+    // Standardwerte für Start- und Endzeit
+    document.getElementById('startTime').value = '00:00';
+    document.getElementById('endTime').value = '23:59';
+}
+
+// Eventlistener: Initialer Abruf beim Seitenladen
+document.addEventListener('DOMContentLoaded', () => {
+    setDefaultDateTime(); // Standardwerte setzen
+    fetchAndUpdateChart(); // Standard-Daten laden
+});
+
+// Eventlistener: Filteränderung
+document.getElementById('timeFilter').addEventListener('change', (event) => {
+    const filter = event.target.value;
+
+    // Anpassung der Datumswerte basierend auf dem Filter
+    const now = new Date();
+    let startDate;
+    switch (filter) {
+        case '24h':
+            startDate = new Date();
+            startDate.setDate(now.getDate() - 1);
+            break;
+        case '7d':
+            startDate = new Date();
+            startDate.setDate(now.getDate() - 7);
+            break;
+        case '1m':
+            startDate = new Date();
+            startDate.setMonth(now.getMonth() - 1);
+            break;
+        case '1y':
+            startDate = new Date();
+            startDate.setFullYear(now.getFullYear() - 1);
+            break;
+        case 'all':
+            startDate = null;
+            break;
+        default:
+            startDate = null;
+    }
+
+    if (startDate) {
+        document.getElementById('startDate').value = startDate.toISOString().split('T')[0];
+        document.getElementById('endDate').value = now.toISOString().split('T')[0];
+    }
+
+    fetchAndUpdateChart();
+});

app/static/js/max_time_diff.js

@@ -0,0 +1,43 @@
+document.getElementById('calculateButton').addEventListener('click', () => {
+    const startDate = document.getElementById('startDate').value;
+    const endDate = document.getElementById('endDate').value;
+    const startTime = document.getElementById('startTime').value || '00:00';
+    const endTime = document.getElementById('endTime').value || '23:59';
+
+    if (!startDate || !endDate) {
+        alert('Bitte sowohl Start- als auch End-Datum auswählen!');
+        return;
+    }
+
+    fetch(`/max_time_diff?start_date=${startDate}&end_date=${endDate}&start_time=${startTime}&end_time=${endTime}`)
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(data => {
+            console.log('Max-Diff-Daten:', data);
+
+            const resultElement = document.getElementById('maxTimeDiff');
+            if (data.error) {
+                resultElement.textContent = `Fehler: ${data.error}`;
+            } else if (data.max_time_diff_seconds !== undefined) {
+                const maxDiff = data.max_time_diff_seconds;
+                const hours = Math.floor(maxDiff / 3600);
+                const minutes = Math.floor((maxDiff % 3600) / 60);
+                const seconds = maxDiff % 60;
+
+                const startTime = data.start_time;
+                const endTime = data.end_time;
+
+                resultElement.textContent = `Maximale Zeitdifferenz: ${hours}h ${minutes}m ${seconds}s zwischen ${startTime} und ${endTime}`;
+            } else {
+                resultElement.textContent = 'Keine Daten verfügbar.';
+            }
+        })
+        .catch(err => {
+            console.error('Fehler bei der Max-Diff-Anfrage:', err);
+            document.getElementById('maxTimeDiff').textContent = 'Fehler beim Abrufen der Daten.';
+        });
+});

app/static/js/tag_nacht.js

@@ -0,0 +1,19 @@
+
+fetch('/tag_nacht')
+    .then(response => response.json())
+    .then(data => {
+        const labels = data.map(item => item.time_period);
+        const values = data.map(item => item.transmission_count);
+        const ctx = document.getElementById('tagNachtChart').getContext('2d');
+        new Chart(ctx, {
+            type: 'bar',
+            data: {
+                labels: labels,
+                datasets: [{
+                    label: 'Tag/Nacht Übertragungen',
+                    data: values,
+                    backgroundColor: ['rgba(75, 192, 192, 0.5)', 'rgba(192, 75, 75, 0.5)']
+                }]
+            }
+        });
+    });

app/templates/index.html

@@ -0,0 +1,52 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Webservice Monitoring</title>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="/static/js/tag_nacht.js" defer></script>
+    <script src="/static/js/max_time_diff.js" defer></script>
+    <script src="/static/js/fuenf_minuten.js" defer></script>
+</head>
+<body>
+    <h1>Webservice Monitoring</h1>
+    <div>
+        <h2>Tag/Nacht-Aktivität</h2>
+        <canvas id="tagNachtChart"></canvas>
+    </div>
+    <div>
+	<h2>Maximale Zeitdifferenz</h2>
+	<label for="startDate">Start-Datum:</label>
+	<input type="date" id="startDate">
+	<label for="endDate">End-Datum:</label>
+	<input type="date" id="endDate">
+	<label for="startTime">Start-Zeit:</label>
+	<input type="time" id="startTime" value="00:00">
+	<label for="endTime">End-Zeit:</label>
+	<input type="time" id="endTime" value="23:59">
+	<button id="calculateButton">Berechne maximale Differenz</button>
+	<p id="maxTimeDiff">Lädt...</p>
+    </div>
+    <div>
+	<h2>5-Minuten-Chart</h2>
+	<label for="startDate">Start-Datum:</label>
+	<input type="date" id="startDate">
+	<label for="endDate">End-Datum:</label>
+	<input type="date" id="endDate">
+	<label for="startTime">Start-Zeit:</label>
+	<input type="time" id="startTime" value="00:00">
+	<label for="endTime">End-Zeit:</label>
+	<input type="time" id="endTime" value="23:59">
+	<select id="timeFilter">
+	    <option value="24h">Letzte 24 Stunden</option>
+	    <option value="7d">Letzte 7 Tage</option>
+	    <option value="1m">Letzter Monat</option>
+	    <option value="1y">Letztes Jahr</option>
+	    <option value="all">Gesamt</option>
+	</select>
+	<canvas id="fuenfMinutenChart" width="400" height="200"></canvas>
+    </div>
+</body>
+</html>

app/utils.py

@@ -0,0 +1,10 @@
+import mysql.connector
+from flask import current_app
+
+def get_db_connection():
+    return mysql.connector.connect(
+        host=current_app.config['MYSQL_HOST'],
+        user=current_app.config['MYSQL_USER'],
+        password=current_app.config['MYSQL_PASSWORD'],
+        database=current_app.config['MYSQL_DB']
+    )

run.py

@@ -0,0 +1,7 @@
+from app import create_app
+
+app = create_app()
+
+if __name__ == "__main__":
+#    app.run(debug=True)
+    app.run(host='0.0.0.0', port=5000)