CyberMind-FR
31a87c5d7a
Major structural reorganization and feature additions: ## Folder Reorganization - Move 17 luci-app-* packages to package/secubox/ (except luci-app-secubox core hub) - Update all tooling to support new structure: - secubox-tools/quick-deploy.sh: search both locations - secubox-tools/validate-modules.sh: validate both directories - secubox-tools/fix-permissions.sh: fix permissions in both locations - .github/workflows/test-validate.yml: build from both paths - Update README.md links to new package/secubox/ paths ## AppStore Migration (Complete) - Add catalog entries for all remaining luci-app packages: - network-tweaks.json: Network optimization tools - secubox-bonus.json: Documentation & demos hub - Total: 24 apps in AppStore catalog (22 existing + 2 new) - New category: 'documentation' for docs/demos/tutorials ## VHost Manager v2.0 Enhancements - Add profile activation system for Internal Services and Redirects - Implement createVHost() API wrapper for template-based deployment - Fix Virtual Hosts view rendering with proper LuCI patterns - Fix RPCD backend shell script errors (remove invalid local declarations) - Extend backend validation for nginx return directives (redirect support) - Add section_id parameter for named VHost profiles - Add Remove button to Redirects page for feature parity - Update README to v2.0 with comprehensive feature documentation ## Network Tweaks Dashboard - Close button added to component details modal Files changed: 340+ (336 renames with preserved git history) Packages affected: 19 luci-app, 2 secubox-app, 1 theme, 4 tools 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
101 lines
3.1 KiB
JavaScript
101 lines
3.1 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require secubox-theme/theme as Theme';
|
|
'require poll';
|
|
'require dom';
|
|
'require ui';
|
|
'require netifyd-dashboard.api as api';
|
|
|
|
return view.extend({
|
|
title: _('Devices'),
|
|
|
|
load: function() {
|
|
return api.getDevices();
|
|
},
|
|
|
|
render: function(data) {
|
|
var devices = (data || {}).devices || [];
|
|
|
|
var view = E('div', { 'class': 'netifyd-dashboard' }, [
|
|
E('link', { 'rel': 'stylesheet', 'href': L.resource('secubox-theme/secubox-theme.css') }),
|
|
// Header
|
|
E('div', { 'class': 'nf-header' }, [
|
|
E('div', { 'class': 'nf-logo' }, [
|
|
E('div', { 'class': 'nf-logo-icon' }, '💻'),
|
|
E('div', { 'class': 'nf-logo-text' }, ['Network ', E('span', {}, 'Devices')])
|
|
]),
|
|
E('div', { 'class': 'nf-header-info' }, [
|
|
E('div', { 'class': 'nf-status-badge' }, [
|
|
E('span', { 'class': 'nf-status-dot' }),
|
|
devices.length + ' Online'
|
|
])
|
|
])
|
|
]),
|
|
|
|
// Search
|
|
E('div', { 'class': 'nf-search' }, [
|
|
E('span', { 'class': 'nf-search-icon' }, '🔍'),
|
|
E('input', {
|
|
'type': 'text',
|
|
'placeholder': 'Search by hostname, IP, or MAC...',
|
|
'id': 'device-search'
|
|
})
|
|
]),
|
|
|
|
// Device Grid
|
|
E('div', { 'class': 'nf-card' }, [
|
|
E('div', { 'class': 'nf-card-header' }, [
|
|
E('div', { 'class': 'nf-card-title' }, [
|
|
E('span', { 'class': 'nf-card-title-icon' }, '📡'),
|
|
'Discovered Devices'
|
|
]),
|
|
E('div', { 'class': 'nf-card-badge' }, devices.length + ' devices')
|
|
]),
|
|
E('div', { 'class': 'nf-card-body' }, [
|
|
E('div', { 'class': 'nf-device-grid' },
|
|
devices.map(function(device) {
|
|
return E('div', { 'class': 'nf-device-card' }, [
|
|
E('div', { 'class': 'nf-device-header' }, [
|
|
E('div', { 'class': 'nf-device-icon' }, api.getDeviceIcon(device.vendor)),
|
|
E('div', { 'class': 'nf-device-info' }, [
|
|
E('h4', {}, device.hostname || 'Unknown Device'),
|
|
E('p', {}, device.vendor || 'Unknown Vendor')
|
|
])
|
|
]),
|
|
E('div', { 'class': 'nf-device-details' }, [
|
|
E('div', { 'class': 'nf-device-detail' }, [
|
|
E('span', { 'class': 'nf-device-detail-label' }, 'IP Address'),
|
|
E('span', { 'class': 'nf-device-detail-value' }, device.ip)
|
|
]),
|
|
E('div', { 'class': 'nf-device-detail' }, [
|
|
E('span', { 'class': 'nf-device-detail-label' }, 'MAC Address'),
|
|
E('span', { 'class': 'nf-device-detail-value' }, device.mac)
|
|
]),
|
|
E('div', { 'class': 'nf-device-detail' }, [
|
|
E('span', { 'class': 'nf-device-detail-label' }, 'Interface'),
|
|
E('span', { 'class': 'nf-device-detail-value' }, device.interface)
|
|
]),
|
|
E('div', { 'class': 'nf-device-detail' }, [
|
|
E('span', { 'class': 'nf-device-detail-label' }, 'Last Seen'),
|
|
E('span', { 'class': 'nf-device-detail-value' }, 'Just now')
|
|
])
|
|
])
|
|
]);
|
|
})
|
|
)
|
|
])
|
|
])
|
|
]);
|
|
|
|
// Include CSS
|
|
var cssLink = E('link', { 'rel': 'stylesheet', 'href': L.resource('netifyd-dashboard/dashboard.css') });
|
|
document.head.appendChild(cssLink);
|
|
|
|
return view;
|
|
},
|
|
|
|
handleSaveApply: null,
|
|
handleSave: null,
|
|
handleReset: null
|
|
});
|