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>
45 lines
2.2 KiB
JavaScript
45 lines
2.2 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require secubox-theme/theme as Theme';
|
|
'require bandwidth-manager/api as API';
|
|
|
|
return view.extend({
|
|
load: function() { return API.getUsageRealtime(); },
|
|
render: function(data) {
|
|
var clients = data.clients || [];
|
|
return E('div', {class:'cbi-map'}, [
|
|
E('link', { 'rel': 'stylesheet', 'href': L.resource('secubox-theme/secubox-theme.css') }),
|
|
E('h2', {}, '👥 Connected Clients'),
|
|
E('div', {style:'background:#1e293b;padding:20px;border-radius:12px;margin-top:20px'}, [
|
|
clients.length ? E('table', {style:'width:100%;color:#f1f5f9'}, [
|
|
E('tr', {style:'border-bottom:1px solid #334155'}, [
|
|
E('th', {style:'padding:12px;text-align:left'}, 'Hostname'),
|
|
E('th', {style:'padding:12px'}, 'IP Address'),
|
|
E('th', {style:'padding:12px'}, 'MAC'),
|
|
E('th', {style:'padding:12px'}, 'Download'),
|
|
E('th', {style:'padding:12px'}, 'Upload')
|
|
])
|
|
].concat(clients.map(L.bind(function(c) {
|
|
return E('tr', {}, [
|
|
E('td', {style:'padding:12px;font-weight:600'}, c.hostname),
|
|
E('td', {style:'padding:12px;text-align:center;font-family:monospace'}, c.ip),
|
|
E('td', {style:'padding:12px;text-align:center;font-family:monospace;font-size:12px'}, c.mac),
|
|
E('td', {style:'padding:12px;text-align:center;color:#22c55e'}, this.formatBytes(c.rx_bytes)),
|
|
E('td', {style:'padding:12px;text-align:center;color:#3b82f6'}, this.formatBytes(c.tx_bytes))
|
|
]);
|
|
}, this)))) : E('p', {style:'color:#64748b;text-align:center'}, 'No clients connected')
|
|
])
|
|
]);
|
|
},
|
|
|
|
formatBytes: function(bytes) {
|
|
if (bytes === 0) return '0 B';
|
|
var k = 1024;
|
|
var sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
|
|
var i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
|
},
|
|
|
|
handleSaveApply:null,handleSave:null,handleReset:null
|
|
});
|