CyberMind-FR
7a9de56ba1
- dashboard.js: KISS stats grid, source chips, type cards, recent devices table - devices.js: KISS filter bar, device table with inline actions, edit/detail modals - emulators.js: KISS emulator cards with status badges, mini tables - mesh.js: KISS peer cards grid, remote devices table Removes external CSS loading (cssLink pattern) and di-* class prefixes. Uses KissTheme.E(), kiss-* classes, and CSS variables throughout. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
127 lines
4.3 KiB
JavaScript
127 lines
4.3 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require dom';
|
|
'require ui';
|
|
'require device-intel/api as api';
|
|
'require secubox/kiss-theme';
|
|
|
|
/**
|
|
* Device Intel - Mesh Network - KISS Style
|
|
* Copyright (C) 2025 CyberMind.fr
|
|
*/
|
|
|
|
return view.extend({
|
|
load: function() {
|
|
return Promise.all([
|
|
api.getMeshDevices(),
|
|
api.getSummary()
|
|
]);
|
|
},
|
|
|
|
render: function(data) {
|
|
var K = KissTheme;
|
|
var meshResult = data[0] || {};
|
|
var meshDevices = meshResult.devices || [];
|
|
|
|
// Separate mesh peers from remote devices
|
|
var peers = meshDevices.filter(function(d) { return d.device_type === 'mesh_peer'; });
|
|
var remoteDevices = meshDevices.filter(function(d) { return d.device_type !== 'mesh_peer'; });
|
|
|
|
// ── Peer Cards ──
|
|
var peerCards;
|
|
if (peers.length > 0) {
|
|
peerCards = K.E('div', { 'class': 'kiss-grid kiss-grid-3', 'style': 'gap: 16px;' },
|
|
peers.map(function(p) {
|
|
return K.E('div', {
|
|
'style': 'background: var(--kiss-bg2, #111827); border: 1px solid var(--kiss-line, #1e293b); border-radius: 12px; padding: 16px;'
|
|
}, [
|
|
K.E('div', { 'style': 'display: flex; align-items: center; gap: 10px; margin-bottom: 8px;' }, [
|
|
K.E('span', {
|
|
'style': 'display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: ' + (p.online ? 'var(--kiss-green, #22c55e)' : 'var(--kiss-muted, #64748b)') + ';'
|
|
}),
|
|
K.E('strong', { 'style': 'font-size: 14px;' }, p.hostname || p.mac)
|
|
]),
|
|
K.E('div', { 'style': 'font-size: 13px; color: var(--kiss-muted);' }, p.ip || '-')
|
|
]);
|
|
})
|
|
);
|
|
} else {
|
|
peerCards = K.E('div', {
|
|
'style': 'text-align: center; padding: 40px 20px; color: var(--kiss-muted);'
|
|
}, [
|
|
K.E('div', { 'style': 'font-size: 48px; margin-bottom: 12px;' }, '🔗'),
|
|
K.E('p', { 'style': 'margin: 0;' }, 'No mesh peers discovered.'),
|
|
K.E('p', { 'style': 'font-size: 13px; margin-top: 8px;' },
|
|
'Ensure SecuBox P2P is running and peers are configured.')
|
|
]);
|
|
}
|
|
|
|
// ── Remote Devices Table ──
|
|
var remoteTable;
|
|
if (remoteDevices.length > 0) {
|
|
var rows = remoteDevices.map(function(d) {
|
|
return K.E('tr', {}, [
|
|
K.E('td', {}, [
|
|
K.E('span', {
|
|
'style': 'display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: ' + (d.online ? 'var(--kiss-green, #22c55e)' : 'var(--kiss-muted, #64748b)') + ';'
|
|
}),
|
|
d.label || d.hostname || d.mac
|
|
]),
|
|
K.E('td', {}, d.ip || '-'),
|
|
K.E('td', {}, d.device_type || '-'),
|
|
K.E('td', {}, d.source_node || '-')
|
|
]);
|
|
});
|
|
|
|
remoteTable = K.E('table', { 'class': 'kiss-table' }, [
|
|
K.E('thead', {}, K.E('tr', {}, [
|
|
K.E('th', {}, 'Device'),
|
|
K.E('th', {}, 'IP'),
|
|
K.E('th', {}, 'Type'),
|
|
K.E('th', {}, 'Source Node')
|
|
])),
|
|
K.E('tbody', {}, rows)
|
|
]);
|
|
} else {
|
|
remoteTable = K.E('p', { 'style': 'color: var(--kiss-muted); font-style: italic; text-align: center; padding: 20px;' },
|
|
'No remote devices available. Peer device inventory sharing is not yet active.');
|
|
}
|
|
|
|
var content = K.E('div', {}, [
|
|
// Page Header
|
|
K.E('div', { 'style': 'margin-bottom: 20px;' }, [
|
|
K.E('h2', { 'style': 'margin: 0; font-size: 24px; display: flex; align-items: center; gap: 10px;' }, [
|
|
K.E('span', {}, '🌐'),
|
|
'Mesh Network'
|
|
]),
|
|
K.E('p', { 'style': 'margin: 4px 0 0; color: var(--kiss-muted, #94a3b8); font-size: 14px;' },
|
|
'P2P mesh peers and shared device inventory')
|
|
]),
|
|
|
|
// Peers Card
|
|
K.E('div', { 'class': 'kiss-card' }, [
|
|
K.E('div', { 'style': 'display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;' }, [
|
|
K.E('div', { 'class': 'kiss-card-title', 'style': 'margin: 0;' }, ['🔗 ', 'Peers']),
|
|
K.E('span', { 'style': 'color: var(--kiss-muted); font-size: 13px;' },
|
|
String(peers.length) + ' peer(s) discovered')
|
|
]),
|
|
peerCards
|
|
]),
|
|
|
|
// Remote Devices Card
|
|
K.E('div', { 'class': 'kiss-card' }, [
|
|
K.E('div', { 'class': 'kiss-card-title' }, ['📡 ', 'Remote Devices']),
|
|
K.E('p', { 'style': 'color: var(--kiss-muted); margin-bottom: 16px; font-size: 13px;' },
|
|
'Devices reported by mesh peers. Requires device-intel on remote nodes.'),
|
|
remoteTable
|
|
])
|
|
]);
|
|
|
|
return KissTheme.wrap(content, 'admin/secubox/services/device-intel/mesh');
|
|
},
|
|
|
|
handleSaveApply: null,
|
|
handleSave: null,
|
|
handleReset: null
|
|
});
|