Jakach/armeech-neptune
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing network
Deploy / deploy (push) Successful in 38s
Details

Browse Source
This commit is contained in:
janis steiner
2026-05-07 20:23:50 +02:00
parent 7d8d56d697
commit ca9ff4aaae
1 changed files with 77 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/js/app.js
+77 -82
View File
@@ -69,14 +69,7 @@ async function performLogin(authToken) {
if (data.role === 'admin') document.getElementById('settingsBtn').classList.remove('d-none');
document.getElementById('loginOverlay').style.display = 'none';
window.history.replaceState({}, '', '/');
// Init canvas if not already
if (!canvas) {
canvas = document.getElementById('networkCanvas');
ctx = canvas.getContext('2d');
resizeCanvas();
}
loadTeams().then(() => loadEvents());
loadNetworkData();
initApp();
} else {
errEl.textContent = data.error || 'Login failed';
errEl.style.display = 'block';
@@ -111,83 +104,85 @@ document.addEventListener('DOMContentLoaded', () => {
if (btn) btn.textContent = 'Authenticating...';
performLogin(authToken);
} else {
checkSession().then(() => {
canvas = document.getElementById('networkCanvas');
ctx = canvas.getContext('2d');
resizeCanvas();
loadTeams().then(() => loadEvents());
loadNetworkData();
document.getElementById('saveEvent').addEventListener('click', saveEvent);
document.getElementById('saveNode').addEventListener('click', saveNode);
document.getElementById('saveLink').addEventListener('click', saveLink);
document.getElementById('saveShape').addEventListener('click', saveShape);
document.getElementById('addUserBtn').addEventListener('click', addUser);
document.getElementById('logoutBtn').addEventListener('click', logout);
document.getElementById('teamFilter').addEventListener('change', renderTimeline);
document.getElementById('searchEvents').addEventListener('input', renderTimeline);
document.getElementById('shapeOpacity').addEventListener('input', (e) => {
document.getElementById('opacityVal').textContent = parseFloat(e.target.value).toFixed(2);
});
canvas.addEventListener('mousedown', onMouseDown);
canvas.addEventListener('mousemove', onMouseMove);
canvas.addEventListener('mouseup', onMouseUp);
canvas.addEventListener('dblclick', onDblClick);
canvas.addEventListener('contextmenu', (e) => e.preventDefault());
window.addEventListener('resize', () => { resizeCanvas(); renderNetwork(); });
document.addEventListener('keydown', (e) => {
if ((e.ctrlKey || e.metaKey) && e.key === 'c') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (selectedNodeId) copyNode(selectedNodeId);
else if (selectedShapeId) copyShape(selectedShapeId);
}
return;
}
if ((e.ctrlKey || e.metaKey) && e.key === 'v') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (copyBuffer) pasteItem();
}
return;
}
if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
e.preventDefault();
selectedNodeIds = canvasNodes.map(n => n.id);
selectedNodeId = selectedNodeIds.length > 0 ? selectedNodeIds[0] : null;
selectedShapeId = null;
renderNodeList(); renderShapeList(); renderNetwork();
}
return;
}
if (e.key === 'Delete') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (selectedNodeIds.length > 0) deleteSelectedNodes();
else if (selectedShapeId) deleteSelectedShape(selectedShapeId);
}
}
if (e.key === 'Escape') {
selectedNodeId = null; selectedNodeIds = [];
selectedShapeId = null;
renderNetwork();
renderNodeList();
renderShapeList();
}
});
document.querySelectorAll('[data-bs-toggle="tab"]').forEach(tab => {
tab.addEventListener('shown.bs.tab', () => {
if (tab.id === 'network-tab') { resizeCanvas(); renderNetwork(); }
});
});
document.documentElement.setAttribute('data-bs-theme', 'dark');
}).catch(() => {});
checkSession().then(initApp).catch(() => {});
}
});
function initApp() {
canvas = document.getElementById('networkCanvas');
ctx = canvas.getContext('2d');
resizeCanvas();
loadTeams().then(() => loadEvents());
loadNetworkData();
document.getElementById('saveEvent').addEventListener('click', saveEvent);
document.getElementById('saveNode').addEventListener('click', saveNode);
document.getElementById('saveLink').addEventListener('click', saveLink);
document.getElementById('saveShape').addEventListener('click', saveShape);
document.getElementById('addUserBtn').addEventListener('click', addUser);
document.getElementById('logoutBtn').addEventListener('click', logout);
document.getElementById('teamFilter').addEventListener('change', renderTimeline);
document.getElementById('searchEvents').addEventListener('input', renderTimeline);
document.getElementById('shapeOpacity').addEventListener('input', (e) => {
document.getElementById('opacityVal').textContent = parseFloat(e.target.value).toFixed(2);
});
canvas.addEventListener('mousedown', onMouseDown);
canvas.addEventListener('mousemove', onMouseMove);
canvas.addEventListener('mouseup', onMouseUp);
canvas.addEventListener('dblclick', onDblClick);
canvas.addEventListener('contextmenu', (e) => e.preventDefault());
window.addEventListener('resize', () => { resizeCanvas(); renderNetwork(); });
document.addEventListener('keydown', (e) => {
if ((e.ctrlKey || e.metaKey) && e.key === 'c') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (selectedNodeId) copyNode(selectedNodeId);
else if (selectedShapeId) copyShape(selectedShapeId);
}
return;
}
if ((e.ctrlKey || e.metaKey) && e.key === 'v') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (copyBuffer) pasteItem();
}
return;
}
if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
e.preventDefault();
selectedNodeIds = canvasNodes.map(n => n.id);
selectedNodeId = selectedNodeIds.length > 0 ? selectedNodeIds[0] : null;
selectedShapeId = null;
renderNodeList(); renderShapeList(); renderNetwork();
}
return;
}
if (e.key === 'Delete') {
if (!document.activeElement || document.activeElement.tagName !== 'INPUT') {
if (selectedNodeIds.length > 0) deleteSelectedNodes();
else if (selectedShapeId) deleteSelectedShape(selectedShapeId);
}
}
if (e.key === 'Escape') {
selectedNodeId = null; selectedNodeIds = [];
selectedShapeId = null;
renderNetwork();
renderNodeList();
renderShapeList();
}
});
document.querySelectorAll('[data-bs-toggle="tab"]').forEach(tab => {
tab.addEventListener('shown.bs.tab', () => {
if (tab.id === 'network-tab') { resizeCanvas(); renderNetwork(); }
});
});
document.documentElement.setAttribute('data-bs-theme', 'dark');
}
function resizeCanvas() {
const wrapper = document.getElementById('networkCanvasWrapper');
canvas.width = wrapper.clientWidth;