From ed76e7e1a09180686579780f547625d49fa8739c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ebbe=20Ba=C3=9F?= <ebbe.bass>
Date: Sat, 17 Feb 2024 02:06:44 +0100
Subject: [PATCH] fixing button to redirect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Ebbe Baß <ebbe.bass>
---
 server/web/index.php | 142 ++++++++++++++-----------------------------
 1 file changed, 47 insertions(+), 95 deletions(-)
diff --git a/server/web/index.php b/server/web/index.php
index 55bb253..a683320 100644
--- a/server/web/index.php
+++ b/server/web/index.php
@@ -9,105 +9,57 @@
     <script src="jquery/jquery.min.js"></script>
 </head>
 <body>
+    <div class="container mt-5">
+        <h1 class="mb-4">PiXelTube Web Interface</h1>
+        <table class="table">
+            <thead>
+            <tr>
+                <th scope="col">Tube ID</th>
+                <th scope="col">Universe</th>
+                <th scope="col">DMX Address</th>
+                <th scope="col">Actions</th>
+            </tr>
+            </thead>
+            <tbody id="tubeList">
+                <?php
+                    $server = "localhost";
+                    $username = "pxm";
+                    $password = "pixel";
+                    $db_name = "pixeltube_db";
+                    
+                    $conn = new mysqli($server, $username, $password, $db_name);
 
-<div class="container mt-5">
-    <h1 class="mb-4">PiXelTube Web Interface</h1>
-    <table class="table">
-        <thead>
-        <tr>
-            <th scope="col">Tube ID</th>
-            <th scope="col">Universe</th>
-            <th scope="col">DMX Address</th>
-            <th scope="col">Actions</th>
-        </tr>
-        </thead>
-        <tbody id="tubeList">
-            <?php
-                $server = "localhost";
-                $username = "pxm";
-                $password = "pixel";
-                $db_name = "pixeltube_db";
-                
-                $conn = new mysqli($server, $username, $password, $db_name);
-
-                if ($conn->connect_error) {
-                    die("Connection failed: " . $conn->connect_error);
-                  }
-
-                $sql_query = "SELECT id, mac_address, universe, dmx_address FROM tubes";
-                $result = $conn->query($sql_query);
-
-                if ($result->num_rows > 0) {
-                    // output data of each row
-                    while($row = $result->fetch_assoc()) {
-                        echo '
-                        <tr>
-                            <th>'.$row["id"].'</th>
-                            <th>'.$row["universe"].'</th>
-                            <th>'.$row["dmx_address"].'</th>
-                            <th>
-                                <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#configureModal" data-id="'.$row["mac_address"].'" data-universe="'.$row["universe"].'" data-dmx-address="'.$row["dmx_address"].'">Configure</button>                          
-                            </th>
-                        </tr>
-                        ';
+                    if ($conn->connect_error) {
+                        die("Connection failed: " . $conn->connect_error);
                     }
-                }
-                else {
-                    echo "0 results";
-                }
-            ?>
-        </tbody>
-    </table>
-    </div>
 
-    <!-- Configure Modal -->
-    <div class="modal" id="configureModal" tabindex="-1" role="dialog" aria-labelledby="configureModalLabel" aria-hidden="true">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title" id="configureModalLabel">Configure DMX Address and Universe</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="configureForm">
-                        <div class="form-group">
-                            <label for="dmxAddress">DMX Address:</label>
-                            <input type="text" class="form-control" id="dmxAddress" placeholder="Enter DMX Address">
-                        </div>
-                        <div class="form-group">
-                            <label for="universe">Universe:</label>
-                            <input type="text" class="form-control" id="universe" placeholder="Enter Universe">
-                        </div>
-                        <button type="submit" class="btn btn-primary">Save Changes</button>
-                    </form>
-                </div>
-            </div>
+                    $sql_query = "SELECT id, mac_address, universe, dmx_address FROM tubes";
+                    $result = $conn->query($sql_query);
+
+                    if ($result->num_rows > 0) {
+                        // output data of each row
+                        while($row = $result->fetch_assoc()) {
+                            echo '
+                            <tr>
+                                <th>'.$row["id"].'</th>
+                                <th>'.$row["universe"].'</th>
+                                <th>'.$row["dmx_address"].'</th>
+                                <th>
+                                    <a href="./settings.php?mac='.$row["mac_address"].'">
+                                        <button type="button" class="btn btn-secondary">Configure</button>
+                                    </a>
+                                </th>
+                            </tr>
+                            ';
+                        }
+                    }
+                    else {
+                        echo "0 results";
+                    }
+                ?>
+            </tbody>
+        </table>
         </div>
     </div>
-
-    <script>
-    $(document).ready(function () {
-        $('#configureModal').on('show.bs.modal', function (event) {
-            var button = $(event.relatedTarget);
-            var macAddress = button.data('id');
-            var universe = button.data('universe');
-            var dmxAddress = button.data('dmx-address');
-
-            var modal = $(this);
-            modal.find('.modal-title').text('Configure DMX Address and Universe for Tube ID ' + macAddress);
-            modal.find('#dmxAddress').val(dmxAddress);
-            modal.find('#universe').val(universe);
-        });
-
-        $('#configureForm').submit(function (event) {
-            event.preventDefault();
-            $('#configureModal').modal('hide');
-        });
-    });
-    </script>
-
-</div>
 </body>
 </html>
