secubox-openwrt/package/secubox/luci-app-media-flow/htdocs/luci-static/resources/view/media-flow/alerts.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

77 lines
2.1 KiB
JavaScript

'use strict';
'require view';
'require secubox-theme/theme as Theme';
'require form';
'require ui';
'require media-flow/api as API';
return L.view.extend({
load: function() {
return Promise.all([
API.listAlerts()
]);
},
render: function(data) {
var alerts = data[0] || [];
var m = new form.Map('media_flow', _('Streaming Alerts'),
_('Configure alerts based on streaming service usage'));
var s = m.section(form.TypedSection, 'alert', _('Alerts'));
s.anonymous = false;
s.addremove = true;
s.sortable = true;
var o;
o = s.option(form.Value, 'service', _('Service Name'));
o.placeholder = 'Netflix';
o.rmempty = false;
o = s.option(form.Value, 'threshold_hours', _('Threshold (hours)'));
o.datatype = 'uinteger';
o.placeholder = '2';
o.rmempty = false;
o.description = _('Trigger alert if usage exceeds this many hours per day');
o = s.option(form.ListValue, 'action', _('Action'));
o.value('notify', _('Notification only'));
o.value('limit', _('Limit bandwidth'));
o.value('block', _('Block service'));
o.default = 'notify';
o.rmempty = false;
o = s.option(form.Flag, 'enabled', _('Enabled'));
o.default = o.enabled;
// Custom add button handler
s.addModalOptions = function(s, section_id, ev) {
var serviceName = this.section.getUIElement(section_id, 'service');
var thresholdInput = this.section.getUIElement(section_id, 'threshold_hours');
var actionInput = this.section.getUIElement(section_id, 'action');
if (serviceName && thresholdInput && actionInput) {
var service = serviceName.getValue();
var threshold = parseInt(thresholdInput.getValue());
var action = actionInput.getValue();
if (service && threshold) {
API.setAlert(service, threshold, action).then(function(result) {
if (result.success) {
ui.addNotification(null, E('p', _('Alert created successfully')), 'info');
}
});
}
}
};
return m.render().then(function(rendered) {
return E('div', {}, [
E('link', { 'rel': 'stylesheet', 'href': L.resource('secubox-theme/secubox-theme.css') }),
rendered
]);
});
}
});