From 993da418d80345c16bf23f4a59e34a62166a1b1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ebbe=20Ba=C3=9F?= <ebbe.bass>
Date: Sat, 17 Feb 2024 01:31:04 +0100
Subject: [PATCH] added php mysql to readme and added db connection to
 webinterface
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Ebbe Baß <ebbe.bass>
---
 README.md            |  2 +-
 server/web/index.php | 39 +++++++++++++--------------------------
 2 files changed, 14 insertions(+), 27 deletions(-)

diff --git a/README.md b/README.md
index ba8ae21..d58c47e 100644
--- a/README.md
+++ b/README.md
@@ -83,7 +83,7 @@ For the professionals out there, most of you will already know how to pixel cont
 ### Commands to install all the required packages:
 
 ```
-sudo apt update -y && sudo apt upgrade -y && sudo apt install python3 python3-pip git python3-flask apache2 php mariadb-server mariadb-client ola ola-python dnsmasq hostapd rfkill mosquitto mosquitto-clients python3-mysqldb netfilter-persistent -y &&
+sudo apt update -y && sudo apt upgrade -y && sudo apt install python3 python3-pip git python3-flask apache2 php mariadb-server mariadb-client ola ola-python dnsmasq hostapd rfkill mosquitto mosquitto-clients python3-mysqldb netfilter-persistent php-mysql -y &&
 pip3 install Flask &&
 pip3 install Requests &&
 pip3 install python-artnet &&
diff --git a/server/web/index.php b/server/web/index.php
index 9d176f9..449e720 100644
--- a/server/web/index.php
+++ b/server/web/index.php
@@ -21,34 +21,21 @@
         </tr>
         </thead>
         <tbody id="tubeList">
+            <?php
+                $server = "localhost";
+                $username = "pxm";
+                $password = "pixel";
+                
+                $conn = new mysqli($server, $username, $password)
+
+                if ($conn->connect_error) {
+                    die("Connection failed: " . $conn->connect_error);
+                  }
+                  echo "Connected successfully";
+                  ?>
+            ?>
         </tbody>
     </table>
-
-    <div class="modal fade" id="tubeSettingsModal" tabindex="-1" role="dialog" aria-labelledby="tubeSettingsModalLabel"
-         aria-hidden="true">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title" id="tubeSettingsModalLabel">Tube Settings</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                </div>
-                <div class="modal-body">
-                    <form id="tubeSettingsForm">
-                        <div class="form-group">
-                            <label for="universeInput">Universe:</label>
-                            <input type="number" class="form-control" id="universeInput" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="dmxAddressInput">DMX Address:</label>
-                            <input type="number" class="form-control" id="dmxAddressInput" required>
-                        </div>
-                        <button type="submit" class="btn btn-primary">Save Changes</button>
-                    </form>
-                </div>
-            </div>
-        </div>
     </div>
 
 </div>