gsadmin/BetterDesk
1
0
Fork 0
mirror of https://github.com/UNITRONIX/BetterDesk.git synced 2026-09-10 17:45:42 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
dev
BetterDesk/web-nodejs/views/network.ejs
T
UNITRONIX bbf839754e Harden bd-mgmt, API key, and WS security 
Add multiple security hardenings across the server and web console: enforce proof-of-possession for /ws/bd-mgmt using Ed25519-signed headers with timestamp/nonce and replay protection (public key binding, canonicalization, storage, verification, and tests); remove legacy API key query param and config-table fallback in favor of scoped api_keys (migrate bootstrap key into api_keys); tighten WebSocket origin handling for relay and signal servers to allow only localhost origins by default unless an explicit allowlist is set; update auth middleware public paths and test helpers to use X-API-Key header; add ensureScopedAPIKey migration and related helpers; add a GitHub Secret Scan workflow and an audit report. Misc: propagate audit logging on bd-mgmt connect/disconnect and validate enrollment public keys during device register.
2026-03-29 01:48:14 +01:00

185 lines
8.3 KiB
HTML
Raw Permalink Blame History

<%- include('layouts/main', {
title: typeof title !== 'undefined' ? title : 'Network Monitor',
pageStyles: ['network'],
pageScripts: ['network'],
currentPage: 'network',
breadcrumb: [{ label: _('nav.management') }, { label: _('network.title') }],
body: `
<div class="page-header">
<h1>${_('network.title')}</h1>
</div>
<!-- Stats -->
<div class="stat-cards">
<div class="stat-card">
<div class="stat-icon"><span class="material-icons">dns</span></div>
<div class="stat-info">
<span class="stat-value" id="stat-total">0</span>
<span class="stat-label">${_('network.total_targets')}</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon online"><span class="material-icons">check_circle</span></div>
<div class="stat-info">
<span class="stat-value" id="stat-up">0</span>
<span class="stat-label">${_('network.targets_up')}</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon offline"><span class="material-icons">error</span></div>
<div class="stat-info">
<span class="stat-value" id="stat-down">0</span>
<span class="stat-label">${_('network.targets_down')}</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon"><span class="material-icons">speed</span></div>
<div class="stat-info">
<span class="stat-value" id="stat-avg-latency">—</span>
<span class="stat-label">${_('network.avg_latency')}</span>
</div>
</div>
</div>
<!-- Tab bar -->
<div class="tab-bar">
<button class="tab-btn active" data-tab="targets">${_('network.tab_targets')}</button>
<button class="tab-btn" data-tab="tools">${_('network.tab_tools')}</button>
</div>
<!-- Targets panel -->
<div class="tab-panel active" id="tab-targets">
<div class="panel-actions">
<div class="search-wrapper">
<span class="material-icons">search</span>
<input type="text" id="target-search" placeholder="${_('network.search_targets')}" />
</div>
<div class="panel-actions-right">
<button class="btn btn-secondary" id="monitor-toggle-btn">
<span class="material-icons">play_arrow</span> ${_('network.monitor_start')}
</button>
<button class="btn btn-primary" id="create-target-btn">
<span class="material-icons">add</span> ${_('network.add_target')}
</button>
</div>
</div>
<div class="table-wrapper">
<table class="data-table">
<thead>
<tr>
<th>${_('network.name')}</th>
<th>${_('network.host')}</th>
<th>${_('network.type')}</th>
<th>${_('network.port')}</th>
<th>${_('network.interval')}</th>
<th>${_('network.status')}</th>
<th>${_('network.latency')}</th>
<th>${_('common.actions')}</th>
</tr>
</thead>
<tbody id="targets-body"></tbody>
</table>
</div>
</div>
<!-- Tools panel -->
<div class="tab-panel" id="tab-tools">
<div class="tools-grid">
<div class="tool-card">
<h3><span class="material-icons">cell_tower</span> Ping</h3>
<div class="tool-form">
<input type="text" id="tool-ping-host" placeholder="${_('network.host')}" />
<button class="btn btn-primary" id="tool-ping-btn">Ping</button>
</div>
<div class="tool-result" id="tool-ping-result"></div>
</div>
<div class="tool-card">
<h3><span class="material-icons">cable</span> TCP</h3>
<div class="tool-form">
<input type="text" id="tool-tcp-host" placeholder="${_('network.host')}" />
<input type="number" id="tool-tcp-port" placeholder="${_('network.port')}" value="80" style="width:100px" />
<button class="btn btn-primary" id="tool-tcp-btn">Check</button>
</div>
<div class="tool-result" id="tool-tcp-result"></div>
</div>
<div class="tool-card">
<h3><span class="material-icons">http</span> HTTP</h3>
<div class="tool-form">
<input type="text" id="tool-http-url" placeholder="https://example.com" />
<button class="btn btn-primary" id="tool-http-btn">Check</button>
</div>
<div class="tool-result" id="tool-http-result"></div>
</div>
<div class="tool-card">
<h3><span class="material-icons">dns</span> DNS</h3>
<div class="tool-form">
<input type="text" id="tool-dns-host" placeholder="${_('network.host')}" />
<button class="btn btn-primary" id="tool-dns-btn">Resolve</button>
</div>
<div class="tool-result" id="tool-dns-result"></div>
</div>
</div>
</div>
<!-- History modal -->
<div class="modal-overlay" id="history-modal" style="display:none">
<div class="modal modal-lg">
<div class="modal-header">
<h2 id="history-modal-title">${_('network.check_history')}</h2>
<button class="modal-close" data-modal="history-modal"><span class="material-icons">close</span></button>
</div>
<div class="modal-body" id="history-body"></div>
</div>
</div>
<!-- Target modal -->
<div class="modal-overlay" id="target-modal" style="display:none">
<div class="modal">
<div class="modal-header">
<h2 id="target-modal-title">${_('network.add_target')}</h2>
<button class="modal-close" data-modal="target-modal"><span class="material-icons">close</span></button>
</div>
<div class="modal-body">
<input type="hidden" id="target-id" />
<div class="form-row">
<label for="target-name">${_('network.name')}</label>
<input type="text" id="target-name" />
</div>
<div class="form-row">
<label for="target-host">${_('network.host')}</label>
<input type="text" id="target-host" placeholder="192.168.1.1 or example.com" />
</div>
<div class="form-row">
<label for="target-type">${_('network.type')}</label>
<select id="target-type">
<option value="ping">Ping (ICMP)</option>
<option value="tcp">TCP Port</option>
<option value="http">HTTP(S)</option>
</select>
</div>
<div class="form-row">
<label for="target-port">${_('network.port')}</label>
<input type="number" id="target-port" value="80" />
</div>
<div class="form-row">
<label for="target-interval">${_('network.interval')}</label>
<select id="target-interval">
<option value="30">30s</option>
<option value="60" selected>60s</option>
<option value="300">5m</option>
<option value="600">10m</option>
</select>
</div>
<div class="form-row">
<label><input type="checkbox" id="target-enabled" checked /> ${_('network.enabled')}</label>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" id="target-cancel-btn">${_('common.cancel')}</button>
<button class="btn btn-primary" id="target-save-btn">${_('common.save')}</button>
</div>
</div>
</div>
`
}) %>
Reference in New Issue View Git Blame Copy Permalink