new django app descriptionhandler
[osm/LW-UI.git] / descriptorhandler / template / composer.html
1 {% extends "base.html" %}
2 {% load get %}
3 {% load staticfiles %}
4
5
6
7 {% block head_block %}
8 {{ block.super }}
9
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">
13
14
15 {% endblock %}
16 {% block title_header_big %}
17 {{ block.super }}
18 {% endblock %}
19 {% block left_sidebar %}
20 {% include 'osm/osm_project_left_sidebar.html' %}
21 {% endblock %}
22
23
24 {% block breadcrumb_body %}
25 {{ block.super }}
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 %}
28 {% endblock %}
29
30 {% block content_body %}
31 {{ block.super }}
32 {% csrf_token %}
33 <div class="container-fluid">
34 <div id="main" class="row">
35 <div id="leftside">
36
37 </div>
38 <div id="graph_editor_container" class="col">
39 <div class="btn-group left-tool-bar-monitoring">
40 <button id="topology_force" type="button" class="btn btn btn-default" onclick="handleForce(this)"
41 data-toggle="button" aria-pressed="false" autocomplete="off"><i
42 class="fas fa-thumbtack"></i></button>
43 <button id="reset_filter" type="button" class="btn btn btn-default" onclick="resetFilters(this)"><i
44 class="fa fa-backward"></i></button>
45 </div>
46 <div id="legenda">
47 </div>
48 </div>
49 <div id="side">
50
51 </div>
52 </div>
53 </div>
54
55 {% endblock %}
56
57 {% block resource_block %}
58 {{ block.super }}
59 <script>
60 var topology_data = {};//{{topology_data|safe }};
61 </script>
62 <!-- d3.js -->
63 <script src="/static/bower_components/d3/d3.js"></script>
64
65 <!-- TopologyComposer D3 -->
66 <script src="/static/TopologyComposer/js/event.js"></script>
67 <script src="/static/TopologyComposer/js/settings.js"></script>
68 <script src="/static/TopologyComposer/js/graph_editor.js"></script>
69 <script src="/static/TopologyComposer/js/model_graph_editor.js"></script>
70 <script src="/static/TopologyComposer/js/d3-context-menu.js"></script>
71
72
73 <script src="/static/src/osm_gui_properties.js"></script>
74 {# <script src="/static/src/instancehandler/instance_topology_view.js"></script>#}
75
76 {% endblock %}
77
78 {% block footer %}
79 {% include "footer.html" %}
80 {% endblock %}