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 %}
18 {{ type|upper }} Composer
20 {% block left_sidebar %}
21 {% include 'osm/osm_project_left_sidebar.html' %}
25 {% block breadcrumb_body %}
27 <li><a href=
"{% url 'projects:descriptors:list_descriptors' descriptor_type=type %}">{{ type|upper }} Descriptors
</a></li>
28 <li><a href=
"#"><i class=
"fa fa-sitemap"></i> {{ type|upper }} Composer
</a></li>
31 {% block content_body %}
35 <div class=
"container-fluid">
36 <div id=
"main" class=
"row">
39 <span style=
"font-weight: 500;">Select Element
</span>
47 <div id=
"graph_editor_container" class=
"col">
48 <div class=
"btn-group left-tool-bar-monitoring">
49 <button id=
"topology_force" type=
"button" class=
"btn btn btn-default" onclick=
"handleForce(this)"
50 data-toggle=
"button" aria-pressed=
"false" autocomplete=
"off"><i
51 class=
"fas fa-thumbtack"></i></button>
52 <button id=
"reset_filter" type=
"button" data-container=
"body" data-toggle=
"tooltip" data-placement=
"top" title=
"Text view" class=
"btn btn btn-default" onclick=
"openTextedit(this)"><i
53 class=
"fa fa-edit"></i></button>
54 <button id=
"info_button" type=
"button" data-container=
"body" data-toggle=
"tooltip" data-placement=
"top" title=
"Help" class=
"btn btn btn-default "onclick=
"openHelp(this)" ><i class=
"fa fa-info"></i></button>
60 <form id=
"side_form" method=
"post" enctype=
"multipart/form-data" action=
"">
67 {% include 'modal/modal_keyboard_info_base.html' %}
70 {% block resource_block %}
74 <script src=
"/static/bower_components/d3/d3.js"></script>
75 <script src=
"/static/bower_components/moment/moment.js"></script>
77 <!-- TopologyComposer D3 -->
78 <script src=
"/static/TopologyComposer/js/event.js"></script>
79 <script src=
"/static/TopologyComposer/js/settings.js"></script>
80 <script src=
"/static/TopologyComposer/js/graph_editor.js"></script>
81 <script src=
"/static/TopologyComposer/js/model_graph_editor.js"></script>
82 <script src=
"/static/TopologyComposer/js/d3-context-menu.js"></script>
84 <script src=
"/static/src/osm_gui_properties.js"></script>
85 <script src=
"/static/src/descriptorhandler/controller.js"></script>
86 <script src=
"/static/src/descriptorhandler/composer.js"></script>
91 {% include
"footer.html" %}