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 %}
19 {% block left_sidebar %}
20 {% include 'osm/osm_project_left_sidebar.html' %}
24 {% block breadcrumb_body %}
26 {% comment %}
<li><a href=
"{% url 'projects:descriptors:list_descriptors' type=type %}">{{ type|upper }} Descriptors
</a></li>
27 <li><a href=
"#"><i class=
"fa fa-sitemap"></i> {{ type|upper }} Topology
</a></li>{% endcomment %}
30 {% block content_body %}
34 <div class=
"container-fluid">
35 <div id=
"main" class=
"row">
38 <span style=
"font-weight: 500;">Select Element
</span>
41 <div class=
"node" draggable=
"true">
42 <div class=
"icon" style=
"background-color: #cf1c24" ></div>
43 <div class=
"name">VDU
</div>
45 <div class=
"node" draggable=
"true">
46 <div class=
"icon" style=
"background-color: #f8a800" ></div>
47 <div class=
"name">VL
</div>
49 <div class=
"node" draggable=
"true">
50 <div class=
"icon" style=
"background-color: #e3bfad" ></div>
51 <div class=
"name">intCP
</div>
53 <div class=
"node" draggable=
"true">
54 <div class=
"icon" style=
"background-color: #c6b63f" ></div>
55 <div class=
"name">extCp
</div>
61 <div id=
"graph_editor_container" class=
"col">
62 <div class=
"btn-group left-tool-bar-monitoring">
63 <button id=
"topology_force" type=
"button" class=
"btn btn btn-default" onclick=
"handleForce(this)"
64 data-toggle=
"button" aria-pressed=
"false" autocomplete=
"off"><i
65 class=
"fas fa-thumbtack"></i></button>
66 <button id=
"reset_filter" type=
"button" class=
"btn btn btn-default" onclick=
"resetFilters(this)"><i
67 class=
"fa fa-backward"></i></button>
80 {% block resource_block %}
83 var topology_data = {};//{{topology_data|safe }};
86 <script src=
"/static/bower_components/d3/d3.js"></script>
87 <script src=
"/static/bower_components/moment/moment.js"></script>
89 <!-- TopologyComposer D3 -->
90 <script src=
"/static/TopologyComposer/js/event.js"></script>
91 <script src=
"/static/TopologyComposer/js/settings.js"></script>
92 <script src=
"/static/TopologyComposer/js/graph_editor.js"></script>
93 <script src=
"/static/TopologyComposer/js/model_graph_editor.js"></script>
94 <script src=
"/static/TopologyComposer/js/d3-context-menu.js"></script>
97 <script src=
"/static/src/osm_gui_properties.js"></script>
98 <script src=
"/static/src/descriptorhandler/composer.js"></script>
99 {#
<script src=
"/static/src/instancehandler/instance_topology_view.js"></script>#}
104 {% include
"footer.html" %}