Skip to content

Commit dbf04b8

Browse files
committed
Refactoring - topology visualization support for segments and service paths
- Introduce topology visualization cards in segment and service path templates - Include shared topology visualization partial for code reuse - Extend SegmentView to build topology data via build_segment_topology and build_service_path_topology - Register new topology builder utilities in utils.__init__ - Simplify servicepath.html by replacing inline Cytoscape.js code with reusable include
1 parent c247635 commit dbf04b8

File tree

8 files changed

+950
-740
lines changed

8 files changed

+950
-740
lines changed

cesnet_service_path_plugin/templates/cesnet_service_path_plugin/inc/topology_visualization.html

Lines changed: 496 additions & 0 deletions
Large diffs are not rendered by default.

cesnet_service_path_plugin/templates/cesnet_service_path_plugin/segment.html

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -302,6 +302,29 @@ <h5 class="card-header">
302302
</div>
303303
</div>
304304
{% endif %}
305+
306+
{# Service Path Topology Visualization Card #}
307+
<div class="row mb-3">
308+
<div class="col col-12">
309+
<div class="card">
310+
<h5 class="card-header">
311+
{{ topology_title }}
312+
<div class="card-actions">
313+
<button id="fit-topology" class="btn btn-ghost-primary btn-sm" title="Fit to screen">
314+
<i class="mdi mdi-fit-to-screen" aria-hidden="true"></i>
315+
</button>
316+
<button id="reset-topology" class="btn btn-ghost-primary btn-sm" title="Reset layout">
317+
<i class="mdi mdi-refresh" aria-hidden="true"></i>
318+
</button>
319+
</div>
320+
</h5>
321+
<div class="card-body">
322+
<div id="cy-topology" style="width: 100%; height: 600px; border: 1px solid rgba(59, 130, 246, 0.08); border-radius: 20px;"></div>
323+
</div>
324+
</div>
325+
</div>
326+
</div>
327+
{% include './inc/topology_visualization.html' %}
305328

306329
<!-- A and B cards in full width row -->
307330
<div class="row mb-3">
@@ -399,4 +422,4 @@ <h5 class="card-header">
399422
<div class="row">
400423
<div class="col col-md-12">{% plugin_full_width_page object %}</div>
401424
</div>
402-
{% endblock content %}
425+
{% endblock content %}

0 commit comments

Comments
 (0)