feat: Enhance GraphView component with connection creation delegation and fullscreen mode handling, and update ServerManager to support new connection logic
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 5m25s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 5m25s
This commit is contained in:
@@ -765,7 +765,13 @@ function ServerManager() {
|
||||
</div>
|
||||
<GraphView
|
||||
servers={servers.filter(s => (!graphCountryFilter || s.country === graphCountryFilter) && (!graphProviderFilter || s.provider === graphProviderFilter))}
|
||||
connections={connections.filter(c => graphTunnelFilters[c.tunnelType])}
|
||||
connections={connections.filter(c => graphTunnelFilters[c.tunnelType])}
|
||||
onCreateConnection={({ from, to }) => {
|
||||
// Открываем модал добавления связи и проставляем выбранные узлы
|
||||
setNewConnection(prev => ({ ...prev, from, to }));
|
||||
const el = document.querySelector('#add-connection-anchor');
|
||||
if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
}}
|
||||
/>
|
||||
<div className="mt-3">
|
||||
<div className="d-flex align-items-center gap-3 flex-wrap">
|
||||
@@ -777,7 +783,7 @@ function ServerManager() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="card w-100 mb-4">
|
||||
<div id="add-connection-anchor" className="card w-100 mb-4">
|
||||
<div className="card-header">
|
||||
<h3 className="card-title mb-0">Добавить связь между серверами</h3>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user