1 {% extends
"base.html" %}
10 <!-- TopologyComposer D3 -->
11 <link rel=
"stylesheet" href=
"/static/TopologyComposer/css/composer.css">
12 <link rel=
"stylesheet" href=
"/static/TopologyComposer/css/d3-context-menu.css">
16 {% block title_header_big %}
17 NS Instances topology view
19 {% block left_sidebar %}
20 {% include 'osm/osm_project_left_sidebar.html' %}
24 {% block breadcrumb_body %}
26 <li><a href=
"{% url 'instances:list' type=type %}">{{ type|upper }} Instances
</a></li>
27 <li><a href=
"#"><i class=
"fa fa-sitemap"></i> {{ type|upper }} Topology
</a></li>
30 {% block content_body %}
33 <div class=
"container-fluid">
34 <div id=
"main" class=
"row">
35 <div id=
"graph_editor_container" class=
"col">
36 <div class=
"btn-group left-tool-bar-monitoring">
37 <button id=
"topology_force" type=
"button" class=
"btn btn btn-default" onclick=
"handleForce(this)"
38 data-toggle=
"button" aria-pressed=
"false" autocomplete=
"off"><i
39 class=
"fas fa-thumbtack"></i></button>
40 {% comment %}
<button id=
"reset_filter" type=
"button" data-container=
"body" data-toggle=
"tooltip" data-placement=
"top" title=
"YAML data" class=
"btn btn btn-default" onclick=
"showInstanceDetails(this)"><i
41 class=
"fa fa-edit"></i></button>{% endcomment %}
42 <button id=
"reset_filter" type=
"button" class=
"btn btn btn-default" data-toggle=
"tooltip" data-placement=
"top" title=
"Clear filter" onclick=
"resetFilters(this)"><i
43 class=
"fa fa-backward"></i></button>
56 {% block resource_block %}
59 <script src=
"/static/bower_components/d3/d3.js"></script>
61 <!-- TopologyComposer D3 -->
62 <script src=
"/static/TopologyComposer/js/event.js"></script>
63 <script src=
"/static/TopologyComposer/js/settings.js"></script>
64 <script src=
"/static/TopologyComposer/js/graph_editor.js"></script>
65 <script src=
"/static/TopologyComposer/js/model_graph_editor.js"></script>
66 <script src=
"/static/TopologyComposer/js/d3-context-menu.js"></script>
69 <script src=
"/static/src/osm_gui_properties.js"></script>
70 <script src=
"/static/src/instancehandler/instance_topology_view.js"></script>
75 {% include
"footer.html" %}