diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/metrics.js b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/metrics.js index eb041a6e..5e921e39 100644 --- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/metrics.js +++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/metrics.js @@ -296,9 +296,10 @@ return view.extend({ ]), E('div', { 'class': 'cs-info-box', 'style': 'margin-top: 16px; padding: 12px; background: rgba(0,150,255,0.1); border-left: 4px solid var(--cs-accent-cyan); border-radius: 4px;' }, [ E('p', { 'style': 'margin: 0 0 8px 0; color: var(--cs-text-primary); font-weight: 600;' }, _('About Metrics Export')), - E('p', { 'style': 'margin: 0; color: var(--cs-text-secondary); font-size: 14px;' }, - _('When enabled, CrowdSec exports Prometheus-compatible metrics that can be scraped by monitoring tools. Access metrics at: ') + - E('code', {}, prometheusEndpoint)) + E('p', { 'style': 'margin: 0; color: var(--cs-text-secondary); font-size: 14px;' }, [ + _('When enabled, CrowdSec exports Prometheus-compatible metrics that can be scraped by monitoring tools. Access metrics at: '), + E('code', {}, prometheusEndpoint) + ]) ]) ]) ]); diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/settings.js b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/settings.js index cb85899b..1a3d079e 100644 --- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/settings.js +++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/settings.js @@ -214,8 +214,10 @@ return view.extend({ E('tr', {}, [ E('td', { 'colspan': 5, 'style': 'text-align: center; padding: 2em; color: #999;' }, [ E('p', {}, _('No collections found. Click "Update Hub" to fetch the collection list.')), - E('p', { 'style': 'margin-top: 0.5em; font-size: 0.9em;' }, - _('Or use: ') + E('code', {}, 'cscli hub update')) + E('p', { 'style': 'margin-top: 0.5em; font-size: 0.9em;' }, [ + _('Or use: '), + E('code', {}, 'cscli hub update') + ]) ]) ]) ) diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/waf.js b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/waf.js index d3d2e6cc..db7fa05e 100644 --- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/waf.js +++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/waf.js @@ -120,10 +120,19 @@ return view.extend({ E('p', { 'style': 'margin: 0 0 12px 0; color: var(--cs-text-secondary); font-size: 14px;' }, _('To enable the Web Application Firewall, you need to:')), E('ol', { 'style': 'margin: 0; padding-left: 20px; color: var(--cs-text-secondary); font-size: 14px;' }, [ - E('li', {}, _('Install AppSec collections: ') + E('code', {}, 'cscli collections install crowdsecurity/appsec-*')), + E('li', {}, [ + _('Install AppSec collections: '), + E('code', {}, 'cscli collections install crowdsecurity/appsec-*') + ]), E('li', {}, _('Configure AppSec in your acquis.yaml')), - E('li', {}, _('Restart CrowdSec service: ') + E('code', {}, '/etc/init.d/crowdsec restart')), - E('li', {}, _('Verify status: ') + E('code', {}, 'cscli appsec status')) + E('li', {}, [ + _('Restart CrowdSec service: '), + E('code', {}, '/etc/init.d/crowdsec restart') + ]), + E('li', {}, [ + _('Verify status: '), + E('code', {}, 'cscli appsec status') + ]) ]) ]), E('div', { 'class': 'cs-info-box', 'style': 'margin-top: 16px;' }, [