secubox-openwrt/package/secubox/luci-app-media-flow/htdocs/luci-static/resources/view/media-flow/clients.js
CyberMind-FR 31a87c5d7a feat(structure): reorganize luci-app packages into package/secubox/ + appstore migration
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>
2026-01-01 14:59:38 +01:00

73 lines
2.1 KiB
JavaScript

'use strict';
'require view';
'require secubox-theme/theme as Theme';
'require ui';
'require media-flow/api as API';
return L.view.extend({
load: function() {
return Promise.all([
API.getStatsByClient()
]);
},
render: function(data) {
var statsByClient = data[0] || {};
var clients = statsByClient.clients || {};
var v = E('div', { 'class': 'cbi-map' }, [
E('link', { 'rel': 'stylesheet', 'href': L.resource('secubox-theme/secubox-theme.css') }),
E('h2', {}, _('Clients Statistics')),
E('div', { 'class': 'cbi-map-descr' }, _('Streaming activity per client'))
]);
var clientsList = Object.keys(clients);
if (clientsList.length === 0) {
v.appendChild(E('div', { 'class': 'cbi-section' }, [
E('p', { 'style': 'font-style: italic; text-align: center; padding: 20px' },
_('No client data available yet'))
]));
return v;
}
// Sort by total duration
clientsList.sort(function(a, b) {
return (clients[b].total_duration_seconds || 0) - (clients[a].total_duration_seconds || 0);
});
var table = E('table', { 'class': 'table' }, [
E('tr', { 'class': 'tr table-titles' }, [
E('th', { 'class': 'th' }, _('Client IP')),
E('th', { 'class': 'th' }, _('Sessions')),
E('th', { 'class': 'th' }, _('Total Duration')),
E('th', { 'class': 'th' }, _('Total Bandwidth')),
E('th', { 'class': 'th' }, _('Top Service'))
])
]);
clientsList.forEach(function(client) {
var stats = clients[client];
var duration = stats.total_duration_seconds || 0;
var hours = Math.floor(duration / 3600);
var minutes = Math.floor((duration % 3600) / 60);
table.appendChild(E('tr', { 'class': 'tr' }, [
E('td', { 'class': 'td' }, client),
E('td', { 'class': 'td' }, String(stats.sessions)),
E('td', { 'class': 'td' }, hours + 'h ' + minutes + 'm'),
E('td', { 'class': 'td' }, Math.round(stats.total_bandwidth_kbps) + ' kbps'),
E('td', { 'class': 'td' }, stats.top_service || 'N/A')
]));
});
v.appendChild(E('div', { 'class': 'cbi-section' }, table));
return v;
},
handleSaveApply: null,
handleSave: null,
handleReset: null
});