Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-06-08 14:11:54 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #223 from smittix/fix/meshcore-ux-feedback

Browse Source 
fix(meshcore): layout height, connection polling, and modal visibility
This commit is contained in:
Smittix
2026-05-13 17:33:05 +01:00
committed by GitHub
parent 7c535d7ba8 2cdf156cd0
commit a59d4ec603
2 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/modes/meshcore.css
+5 -1
View File
@@ -20,9 +20,13 @@
max-width: 100% !important;
}
/* ── Container overrides ── */
/* ── Visuals container (base rules duplicated from meshtastic.css — lazy-load safety) ── */
#meshcoreVisuals {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
padding: 0;
gap: 0;
}
static/js/modes/meshcore.js
+30 -9
View File
@@ -86,9 +86,21 @@ const MeshCore = (function () {
body.address = document.getElementById('meshcoreBleSelect').value || null;
}
try {
await fetch('/meshcore/connect', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
_updateStatusUI('connecting');
} catch (e) { console.error('Connect failed:', e); }
await fetch('/meshcore/connect', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
_pollUntilConnected(0);
} catch (e) {
_updateStatusUI('error', 'Connection failed');
console.error('Connect failed:', e);
}
}
function _pollUntilConnected(attempts) {
if (_connected || attempts > 15) return;
setTimeout(async () => {
await _checkStatus();
if (!_connected) _pollUntilConnected(attempts + 1);
}, 2000);
}
async function disconnect() {
@@ -383,23 +395,32 @@ const MeshCore = (function () {
container.appendChild(arrow);
}
});
modal.style.display = 'flex';
_openModal(modal);
}
function closeTraceroute() {
const modal = document.getElementById('meshcoreTracerouteModal');
if (modal) modal.style.display = 'none';
_closeModal(document.getElementById('meshcoreTracerouteModal'));
}
// ── Contacts ───────────────────────────────────────────────────────────
function showAddContact() {
const modal = document.getElementById('meshcoreAddContactModal');
if (modal) modal.style.display = 'flex';
_openModal(document.getElementById('meshcoreAddContactModal'));
}
function closeAddContact() {
const modal = document.getElementById('meshcoreAddContactModal');
if (modal) modal.style.display = 'none';
_closeModal(document.getElementById('meshcoreAddContactModal'));
}
function _openModal(modal) {
if (!modal) return;
modal.style.display = '';
requestAnimationFrame(() => modal.classList.add('show'));
}
function _closeModal(modal) {
if (!modal) return;
modal.classList.remove('show');
setTimeout(() => { modal.style.display = 'none'; }, 200);
}
async function saveContact() {