From e59920cfd025685a1c87b584f50ac45ed024f44b Mon Sep 17 00:00:00 2001
From: Yasen Pramatarov <yasen@lindeas.com>
Date: Thu, 23 Jan 2025 18:40:55 +0200
Subject: [PATCH] Troubleshoots settings page

---
 app/pages/settings.php     |  3 +--
 app/templates/settings.php | 21 +++++++++++++--------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/app/pages/settings.php b/app/pages/settings.php
index b473144..2092121 100644
--- a/app/pages/settings.php
+++ b/app/pages/settings.php
@@ -139,12 +139,11 @@ if ($_SERVER['REQUEST_METHOD'] == 'POST') {
         } else { // This is an edit of existing platform
             $platform_id = $_POST['platform'];
             $updatedPlatform = [
-                'id'            => $platform_id,
                 'name'          => $_POST['name'],
                 'jitsi_url'     => $_POST['jitsi_url'],
                 'jilo_database' => $_POST['jilo_database'],
             ];
-            $result = $platformObject->editPlatform($updatedPlatform);
+            $result = $platformObject->editPlatform($platform_id, $updatedPlatform);
             if ($result === true) {
                 $_SESSION['notice'] = "Platform edited.";
             } else {
diff --git a/app/templates/settings.php b/app/templates/settings.php
index 4f5111a..bd9b9ae 100644
--- a/app/templates/settings.php
+++ b/app/templates/settings.php
@@ -69,7 +69,7 @@
                                     <tbody>
                                         <?php foreach ($platform as $key => $value): ?>
                                             <?php if ($key === 'id') continue; ?>
-                                            <tr>
+                                            <tr data-key="<?= htmlspecialchars($key) ?>">
                                                 <th style="width: 200px;"><?= htmlspecialchars($key) ?></th>
                                                 <td>
                                                     <div class="view-mode">
@@ -612,10 +612,11 @@ $(function() {
 
         // Collect form data
         const formData = new FormData();
-        formData.append('platform_id', platformId);
-        platformTable.find('.edit-mode input').each(function() {
-            formData.append($(this).attr('name'), $(this).val());
-        });
+        formData.append('item', 'platform');
+        formData.append('platform', platformId);
+        formData.append('name', platformTable.find('input[name="name"]').val());
+        formData.append('jitsi_url', platformTable.find('input[name="jitsi_url"]').val());
+        formData.append('jilo_database', platformTable.find('input[name="jilo_database"]').val());
 
         // Save via AJAX
         fetch('<?= htmlspecialchars($app_root) ?>?page=settings&item=platform&action=save', {
@@ -633,7 +634,6 @@ $(function() {
                 try {
                     return JSON.parse(text);
                 } catch (e) {
-                    console.log('Response text:', text);
                     return { success: true };
                 }
             });
@@ -795,7 +795,6 @@ $(function() {
                 try {
                     return JSON.parse(text);
                 } catch (e) {
-                    console.log('Response text:', text);
                     return { success: true };
                 }
             });
@@ -805,6 +804,10 @@ $(function() {
                 // Update view mode with new values
                 const name = card.find('input[name="name"]').val() || card.find('input[name="address"]').val();
                 const address = card.find('input[name="address"]').val();
+                const platformName = $('#platformTabs .nav-link.active').text().trim();
+
+                // Update card header
+                card.find('.card-header h6').html(`Host "${name || address}" (#${hostId}) in platform "${platformName}"`);
 
                 card.find('.host-view-mode:not(.btn)').first().html(
                     `<div class="row g-2">
@@ -836,6 +839,9 @@ $(function() {
             const name = card.find('input[name="name"]').val() || card.find('input[name="name"]').val();
             const address = card.find('input[name="address"]').val();
 
+            // Update card header
+            card.find('.card-header h6').html(`<i class="fas fa-network-wired me-2 text-secondary"></i>Host "${name}" (#${hostId})`);
+
             card.find('.host-view-mode:not(.btn)').first().html(
                 `<div class="row g-2">
                     <div class="col-md-6">
@@ -922,7 +928,6 @@ $(function() {
                 try {
                     return JSON.parse(text);
                 } catch (e) {
-                    console.log('Response text:', text);
                     return { success: true };
                 }
             });