dis update

templates/index.html

@@ -12,10 +12,11 @@
         #tree-container { width: 20%; padding: 10px; border-right: 1px solid #ccc; }
         #installs-container { width: 50%; padding: 10px; position: relative; }
         .install-item { padding: 5px; margin: 2px; border: 1px solid #ddd; cursor: move; position: relative; }
+        .install-item.selected { background-color: #e6f7ff; } /* Подсветка выбранного пункта */
         .form-container { margin-bottom: 20px; }
         .jstree-node { position: relative; }
         .folder-actions { display: none; margin-left: 10px; }
-        .jstree-node:hover .folder-actions { display: inline; }
+        .jstree-node:hover .folder-actions { display: inline; } /* Показываем кнопки только для наведенной папки */
         #search-container { position: absolute; top: 10px; right: 10px; text-align: right; }
         #search-input { width: 200px; }
         #installs-list { margin-top: 20px; }
@@ -231,7 +232,7 @@
                 <div class="install-item" data-id="${item.id}" draggable="true" style="display: flex; justify-content: space-between; position: relative;">
                     <div style="flex: 1; text-align: center; position: relative;">
                         <span class="protocol-icon">${protocolIcons[item.protocol]}</span>
-                        <a href="${protocolLinks[item.protocol]}${item.rust_id}" class="connection-link" onclick="openRemote('${item.rust_id}', '${item.protocol}'); return false;">${item.rust_id}</a>
+                        <a href="${protocolLinks[item.protocol]}${item.rust_id}" class="connection-link" onclick="selectInstall(${item.id}, '${item.rust_id}', '${item.protocol}'); return false;">${item.rust_id}</a>
                         <button class="edit-button" onclick="editField(${item.id}, 'rust_id', '${item.rust_id}')">✏️</button>
                     </div>
                     <div style="flex: 1; text-align: center; position: relative;">
@@ -253,6 +254,17 @@
             updateSortArrows();
         }
 
+        function selectInstall(installId, rustId, protocol) {
+            selectedInstallId = installId;
+            $('.install-item').removeClass('selected'); // Убираем подсветку со всех элементов
+            $(`#installs-list .install-item[data-id="${installId}"]`).addClass('selected'); // Добавляем подсветку выбранному элементу
+            updateNotesPanel(); // Обновляем заметку
+            if (confirm(`Подключиться к ${rustId} через ${protocol}?`)) {
+                const link = protocolLinks[protocol] + rustId;
+                window.location.href = link;
+            }
+        }
+
         function filterInstalls() {
             const query = $('#search-input').val().toLowerCase();
             const scope = $('input[name="search-scope"]:checked').val();
@@ -533,6 +545,8 @@
         // Обновляем заметки при клике на подключение
         $('#installs-list').on('click', '.install-item', function () {
             selectedInstallId = $(this).data('id');
+            $('.install-item').removeClass('selected'); // Убираем подсветку со всех элементов
+            $(this).addClass('selected'); // Добавляем подсветку выбранному элементу
             updateNotesPanel();
         });