Cyber/peartainer
1
0
Fork 0
forked from snxraven/peardock
Code Pull Requests Activity

Feat: auto collapse when connection is made

Browse Source
This commit is contained in:
Raven Scott 2024-11-29 20:27:44 -05:00
parent 956b7ee056
commit 37aa448011
1 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
app.js
View File

@ -33,6 +33,33 @@ collapseSidebarBtn.addEventListener('click', () => {
btn.innerHTML = sidebar.classList.contains('collapsed') ? '>' : '<'; btn.innerHTML = sidebar.classList.contains('collapsed') ? '>' : '<';
}); });
function handlePeerData(data, topicId, peer) {
try {
const response = JSON.parse(data.toString());
console.log(`[DEBUG] Received data from peer (topic: ${topicId}): ${JSON.stringify(response)}`);
if (response.type === 'containers') {
if (window.activePeer === peer) {
renderContainers(response.data);
}
} else if (response.type === 'terminalOutput') {
appendTerminalOutput(response.data, response.containerId, response.encoding);
} else if (response.type === 'containerConfig') {
if (window.inspectContainerCallback) {
window.inspectContainerCallback(response.data);
window.inspectContainerCallback = null; // Reset the callback
}
} else if (response.type === 'stats') {
updateContainerStats(response.data);
} else if (response.error) {
console.error(`[ERROR] Server error: ${response.error}`);
}
} catch (err) {
console.error(`[ERROR] Failed to parse data from peer (topic: ${topicId}): ${err.message}`);
}
}
// Add a new connection // Add a new connection
addConnectionForm.addEventListener('submit', (e) => { addConnectionForm.addEventListener('submit', (e) => {
e.preventDefault(); e.preventDefault();
@ -96,35 +123,7 @@ function addConnection(topicHex) {
connections[topicId].peer = peer; connections[topicId].peer = peer;
updateConnectionStatus(topicId, true); updateConnectionStatus(topicId, true);
function handlePeerData(data, topicId, peer) {
try {
const response = JSON.parse(data.toString());
console.log(`[DEBUG] Received data from peer (topic: ${topicId}): ${JSON.stringify(response)}`);
if (response.type === 'containers') {
if (window.activePeer === peer) {
renderContainers(response.data);
}
} else if (response.type === 'terminalOutput') {
appendTerminalOutput(response.data, response.containerId, response.encoding);
} else if (response.type === 'containerConfig') {
if (window.inspectContainerCallback) {
window.inspectContainerCallback(response.data);
window.inspectContainerCallback = null; // Reset the callback
}
} else if (response.type === 'stats') {
updateContainerStats(response.data);
} else if (response.error) {
console.error(`[ERROR] Server error: ${response.error}`);
}
} catch (err) {
console.error(`[ERROR] Failed to parse data from peer (topic: ${topicId}): ${err.message}`);
}
}
peer.on('data', (data) => { peer.on('data', (data) => {
// Handle incoming data
handlePeerData(data, topicId, peer); handlePeerData(data, topicId, peer);
}); });
@ -145,7 +144,17 @@ function addConnection(topicHex) {
switchConnection(topicId); switchConnection(topicId);
} }
}); });
// Collapse the sidebar after adding a new connection
const sidebar = document.getElementById('sidebar');
const collapseSidebarBtn = document.getElementById('collapse-sidebar-btn');
if (!sidebar.classList.contains('collapsed')) {
sidebar.classList.add('collapsed');
collapseSidebarBtn.innerHTML = '>';
console.log('[INFO] Sidebar collapsed after adding new connection.');
} }
}
function disconnectConnection(topicId, connectionItem) { function disconnectConnection(topicId, connectionItem) {
const connection = connections[topicId]; const connection = connections[topicId];