From 0ee2a554a4a5188a42fbd1a3ad39a67819a81664 Mon Sep 17 00:00:00 2001
From: Matthias Czech <matthias.czech@vysion.de>
Date: Mon, 17 Mar 2025 18:22:31 +0100
Subject: [PATCH] initial dashboard config

---
 dashboard.php | 314 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 314 insertions(+)
 create mode 100644 dashboard.php

diff --git a/dashboard.php b/dashboard.php
new file mode 100644
index 0000000..1c5be92
--- /dev/null
+++ b/dashboard.php
@@ -0,0 +1,314 @@
+<?php
+// dashboard.php
+
+// Gemeinsame Datenbank-Verbindungskonfiguration
+$host    = 'localhost';
+$db      = 'web35_vysion';
+$user    = 'vysion_api';
+$pass    = '7e0pn9~2Z';
+$charset = 'utf8mb4';
+$dsn = "mysql:host=$host;dbname=$db;charset=$charset";
+$options = [
+  PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
+  PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+];
+
+try {
+    $pdo = new PDO($dsn, $user, $pass, $options);
+} catch (PDOException $e) {
+    header('Content-Type: application/json');
+    echo json_encode(['error' => 'Database connection failed: ' . $e->getMessage()]);
+    exit;
+}
+
+// Bearer Token für Mastodon-API (falls benötigt – hier nicht direkt in diesem File)
+$bearerToken = 'your_bearer_token_here';
+
+// Falls eine AJAX-Anfrage vorliegt, wird über den Parameter "action" unterschieden.
+if (isset($_POST['action'])) {
+    $action = $_POST['action'];
+    header('Content-Type: application/json');
+    
+    if ($action === 'save_hashtags') {
+        // Erwartet ein Array "hashtags" (JSON-dekodiert via AJAX)
+        $hashtags = isset($_POST['hashtags']) ? $_POST['hashtags'] : [];
+        $response = ['saved' => 0, 'updated' => 0];
+        
+        foreach ($hashtags as $row) {
+            // Falls eine ID vorhanden ist, update ansonsten insert
+            if (isset($row['hashtag_id']) && !empty($row['hashtag_id'])) {
+                // Update vorhandener Eintrag
+                $stmt = $pdo->prepare("UPDATE hashtags SET hashtag = :hashtag, active = :active WHERE hashtag_id = :hashtag_id");
+                $stmt->execute([
+                    'hashtag'    => $row['hashtag'],
+                    'active'     => !empty($row['active']) ? 1 : 0,
+                    'hashtag_id' => $row['hashtag_id']
+                ]);
+                $response['updated']++;
+            } else {
+                // Insert neuer Eintrag
+                $stmt = $pdo->prepare("INSERT INTO hashtags (hashtag, active) VALUES (:hashtag, :active)");
+                $stmt->execute([
+                    'hashtag' => $row['hashtag'],
+                    'active'  => !empty($row['active']) ? 1 : 0
+                ]);
+                $response['saved']++;
+            }
+        }
+        echo json_encode($response);
+        exit;
+    } elseif ($action === 'save_accounts') {
+        // Erwartet ein Array "accounts" (JSON)
+        $accounts = isset($_POST['accounts']) ? $_POST['accounts'] : [];
+        $response = ['updated' => 0];
+        
+        foreach ($accounts as $row) {
+            // Aktualisiere den active-Status in der Tabelle "users"
+            // Annahme: Tabelle "users" hat die Spalten: acc_id, username, active
+            $stmt = $pdo->prepare("UPDATE users SET active = :active WHERE acc_id = :acc_id");
+            $stmt->execute([
+                'active' => !empty($row['active']) ? 1 : 0,
+                'acc_id' => $row['acc_id']
+            ]);
+            $response['updated']++;
+        }
+        echo json_encode($response);
+        exit;
+    } elseif ($action === 'sync_accounts') {
+        // Synchronisation: Aus der findings-Tabelle werden alle getrackten Accounts (acc_id, username) ermittelt
+        // Für jeden Account, der noch nicht in der "users"-Tabelle existiert, erfolgt ein Insert mit active=0
+        $stmt = $pdo->query("SELECT DISTINCT acc_id, username FROM findings");
+        $tracked = $stmt->fetchAll();
+        
+        foreach ($tracked as $acc) {
+            // Prüfen, ob der Account bereits in der users-Tabelle existiert
+            $checkStmt = $pdo->prepare("SELECT COUNT(*) as cnt FROM users WHERE acc_id = :acc_id");
+            $checkStmt->execute(['acc_id' => $acc['acc_id']]);
+            $exists = $checkStmt->fetch();
+            if ($exists['cnt'] == 0) {
+                // Neuer Account – unaktiv in die Tabelle schreiben
+                $insertStmt = $pdo->prepare("INSERT INTO users (acc_id, username, active) VALUES (:acc_id, :username, 0)");
+                $insertStmt->execute([
+                    'acc_id'   => $acc['acc_id'],
+                    'username' => $acc['username']
+                ]);
+            }
+        }
+        // Nun alle Accounts aus der users-Tabelle abrufen
+        $stmt = $pdo->query("SELECT acc_id, username, active FROM users ORDER BY username ASC");
+        $accountsList = $stmt->fetchAll();
+        echo json_encode($accountsList);
+        exit;
+    }
+    // Weitere Aktionen können hier ergänzt werden
+    exit;
+}
+
+// Wenn kein "action" gesetzt ist, wird der HTML-Teil (Dashboard) ausgegeben.
+// Der Konfigbereich ist über den Parameter "setup" erreichbar.
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>Dashboard & Konfiguration</title>
+  <!-- jQuery einbinden -->
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  <style>
+    table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
+    th, td { border: 1px solid #ccc; padding: 5px; text-align: left; }
+    .error { color: red; }
+    .config-section { margin-bottom: 2em; padding: 1em; border: 1px solid #ddd; }
+    .config-section h2 { margin-top: 0; }
+  </style>
+</head>
+<body>
+  <h1>Dashboard - Konfigurationsbereich</h1>
+  <!-- Zeitraum Konfiguration -->
+  <div class="config-section" id="zeitraum-config">
+    <h2>Zeitraum definieren (von - bis)</h2>
+    <label for="von">Von:</label>
+    <input type="datetime-local" id="von" name="von">
+    <label for="bis">Bis:</label>
+    <input type="datetime-local" id="bis" name="bis">
+  </div>
+  
+  <!-- Hashtag Konfiguration -->
+  <div class="config-section" id="hashtag-config">
+    <h2>Hashtags</h2>
+    <table id="hashtag-table">
+      <thead>
+        <tr>
+          <th>Hashtag</th>
+          <th>Aktiv</th>
+        </tr>
+      </thead>
+      <tbody>
+        <?php
+          // Lade alle Hashtags aus der Datenbank (nur aktive ? oder alle)
+          $stmt = $pdo->query("SELECT hashtag_id, hashtag, active FROM hashtags ORDER BY hashtag ASC");
+          while ($row = $stmt->fetch()) {
+              echo "<tr data-id=\"{$row['hashtag_id']}\">";
+              echo "<td><input type=\"text\" class=\"hashtag-text\" value=\"" . htmlspecialchars($row['hashtag']) . "\"></td>";
+              $checked = ($row['active'] == 1) ? "checked" : "";
+              echo "<td><input type=\"checkbox\" class=\"hashtag-active\" $checked></td>";
+              echo "</tr>";
+          }
+        ?>
+      </tbody>
+    </table>
+    <button id="add-hashtag">+1</button>
+    <button id="save-hashtags" disabled>Speichern</button>
+  </div>
+  
+  <!-- Account Konfiguration -->
+  <div class="config-section" id="account-config">
+    <h2>Getrackte Accounts</h2>
+    <div>
+      <label for="sync-interval">Sync Intervall (Sekunden):</label>
+      <input type="text" id="sync-interval" value="30" size="3">
+      <label for="autosync">Autosync</label>
+      <input type="checkbox" id="autosync" checked>
+    </div>
+    <table id="account-table">
+      <thead>
+        <tr>
+          <th>Acc_ID</th>
+          <th>Username</th>
+          <th>Aktiv</th>
+        </tr>
+      </thead>
+      <tbody>
+        <!-- Die Tabelle wird per AJAX befüllt -->
+      </tbody>
+    </table>
+    <button id="save-accounts" disabled>Speichern</button>
+  </div>
+  
+  <script>
+    $(document).ready(function(){
+      var hashtagChanged = false;
+      var accountChanged = false;
+      var autosyncTimer;
+      
+      // Markiere Änderung in der Hashtag-Tabelle
+      $('#hashtag-table').on('input change', 'input', function(){
+        hashtagChanged = true;
+        $('#save-hashtags').prop('disabled', false);
+      });
+      
+      // +1 Button: Fügt eine neue Zeile ein (ohne ID, active standardmäßig false)
+      $('#add-hashtag').click(function(){
+        var newRow = '<tr data-id="">' +
+                        '<td><input type="text" class="hashtag-text" value=""></td>' +
+                        '<td><input type="checkbox" class="hashtag-active"></td>' +
+                     '</tr>';
+        $('#hashtag-table tbody').append(newRow);
+        hashtagChanged = true;
+        $('#save-hashtags').prop('disabled', false);
+      });
+      
+      // Speichern-Button für Hashtags
+      $('#save-hashtags').click(function(){
+        var hashtags = [];
+        $('#hashtag-table tbody tr').each(function(){
+          var id = $(this).data('id');
+          var text = $(this).find('.hashtag-text').val().trim();
+          var active = $(this).find('.hashtag-active').is(':checked') ? 1 : 0;
+          if(text !== ""){
+            hashtags.push({hashtag_id: id, hashtag: text, active: active});
+          }
+        });
+        $.ajax({
+          url: 'dashboard.php',
+          type: 'POST',
+          dataType: 'json',
+          data: { action: 'save_hashtags', hashtags: hashtags },
+          success: function(resp){
+            alert('Hashtags gespeichert: Neu ' + resp.saved + ', Aktualisiert ' + resp.updated);
+            hashtagChanged = false;
+            $('#save-hashtags').prop('disabled', true);
+            // Seite neu laden oder Tabelle aktualisieren
+            location.reload();
+          }
+        });
+      });
+      
+      // Funktion zum Laden der Accounts (sync)
+      function loadAccounts(){
+        $.ajax({
+          url: 'dashboard.php',
+          type: 'POST',
+          dataType: 'json',
+          data: { action: 'sync_accounts' },
+          success: function(accounts){
+            var tbody = $('#account-table tbody');
+            tbody.empty();
+            $.each(accounts, function(i, acc){
+              var checked = (acc.active == 1) ? 'checked' : '';
+              tbody.append('<tr data-id="'+acc.acc_id+'"><td>'+acc.acc_id+'</td><td>'+acc.username+'</td><td><input type="checkbox" class="account-active" '+checked+'></td></tr>');
+            });
+          }
+        });
+      }
+      
+      // Initiales Laden der Accounts
+      loadAccounts();
+      
+      // Markiere Änderung in der Accounts-Tabelle
+      $('#account-table').on('change', 'input.account-active', function(){
+        accountChanged = true;
+        $('#save-accounts').prop('disabled', false);
+      });
+      
+      // Speichern-Button für Accounts
+      $('#save-accounts').click(function(){
+        var accounts = [];
+        $('#account-table tbody tr').each(function(){
+          var acc_id = $(this).data('id');
+          var active = $(this).find('.account-active').is(':checked') ? 1 : 0;
+          accounts.push({acc_id: acc_id, active: active});
+        });
+        $.ajax({
+          url: 'dashboard.php',
+          type: 'POST',
+          dataType: 'json',
+          data: { action: 'save_accounts', accounts: accounts },
+          success: function(resp){
+            alert('Accounts aktualisiert: ' + resp.updated + ' Einträge.');
+            accountChanged = false;
+            $('#save-accounts').prop('disabled', true);
+          }
+        });
+      });
+      
+      // Autosync: Prüfe Intervallfeld und starte einen Loop, wenn aktiviert
+      function startAutosync(){
+        clearInterval(autosyncTimer);
+        var interval = parseInt($('#sync-interval').val(), 10);
+        if(isNaN(interval) || interval <= 0){
+          $('#sync-interval').addClass('error');
+          interval = 30; // Standardwert
+        } else {
+          $('#sync-interval').removeClass('error');
+        }
+        autosyncTimer = setInterval(function(){
+          if($('#autosync').is(':checked')){
+            loadAccounts();
+          } else {
+            clearInterval(autosyncTimer);
+          }
+        }, interval * 1000);
+      }
+      
+      // Starte Autosync beim Laden
+      startAutosync();
+      
+      // Ändert sich das Intervall, neu starten
+      $('#sync-interval, #autosync').on('change keyup', function(){
+        startAutosync();
+      });
+    });
+  </script>
+</body>
+</html>