instancehandler/template/instance_topology_view.html

   1 {% extends "base.html" %}
   2 {% load get %}
   3 {% load staticfiles %}
   4
   5
   6
   7 {% block head_block %}
   8     {{ block.super }}
   9     <link rel="stylesheet" href="/static/bower_components/select2/dist/css/select2.min.css">
  10     <link rel="stylesheet" href="/static/css/lwuitable.css">
  11
  12     <!-- Topology3D core CSS -->
  13     <link rel="stylesheet" href="/static/topology3D/css/graph_editor_d3js.css">
  14     <link rel="stylesheet" href="/static/topology3D/css/d3-context-menu.css">
  15
  16 {% endblock %}
  17 {% block title_header_big %}
  18     {{ block.super }}
  19 {% endblock %}
  20 {% block left_sidebar %}
  21     {% include 'osm/osm_project_left_sidebar.html' %}
  22 {% endblock %}
  23
  24
  25 {% block breadcrumb_body %}
  26     {{ block.super }}
  27     <li><a href="{% url 'projects:instances:list'  type=type %}">{{ type|upper }} Instances</a></li>
  28     <li><a href="#"><i class="fa fa-sitemap"></i> {{ type|upper }} Topology</a></li>
  29 {% endblock %}
  30
  31 {% block content_body %}
  32     {{ block.super }}
  33     {% csrf_token %}
  34
  35     <div class="row" >
  36         <div class="col-md-12">
  37             {% block topology_toolbar %}
  38                 {{ block.super }}
  39                  {% include 'topology_toolbar_instance.html' %}
  40             {% endblock %}
  41             <div id="graph_ed_container" style="width: 100%; height:100%; background-color: white; border: 2px #3c8dbc solid;">
  42
  43             </div>
  44         </div>
  45     </div>
  46
  47
  48
  49 {% endblock %}
  50
  51 {% block resource_block %}
  52     {{ block.super }}
  53     <script>
  54         var topology_data = {};//{{topology_data|safe }};
  55     </script>
  56     <!-- Utility JS -->
  57     <script src="/static/bower_components/select2/dist/js/select2.js"></script>
  58
  59     <!-- d3.js -->
  60     <script src="https://d3js.org/d3.v4.js"></script>
  61 <!--
  62     <script src="/static/bower_components/d3/d3.js"></script>-->
  63
  64     <!-- topology3D -->
  65     <script src="/static/topology3D/js/d3-context-menu.js"></script>
  66     <script src="/static/topology3D/js/event.js"></script>
  67     <script src="/static/topology3D/js/graph_editor.js"></script>
  68     <script src="/static/topology3D/js/graph_request.js"></script>
  69     <script src="/static/topology3D/js/model_graph_editor.js"></script>
  70
  71
  72     <script src="/static/src/osm_gui_properties.js"></script>
  73     <script src="/static/src/instancehandler/instance_topology_view.js"></script>
  74
  75 {% endblock %}
  76
  77 {% block footer %}
  78     {% include "footer.html" %}
  79 {% endblock %}