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
  34     <div class="container-fluid">
  35         <div id="main" class="row">
  36             <div id="leftside">
  37                 <div class="section">
  38                     <span style="font-weight: 500;">Select Element</span>
  39                 </div>
  40                 <div id="palette">
  41                     <div class="node" draggable="true">
  42                         <div class="icon" style="background-color: #cf1c24" ></div>
  43                         <div class="name">VDU</div>
  44                     </div>
  45                     <div class="node" draggable="true">
  46                         <div class="icon" style="background-color: #f8a800" ></div>
  47                         <div class="name">VL</div>
  48                     </div>
  49                     <div class="node" draggable="true">
  50                         <div class="icon" style="background-color: #e3bfad" ></div>
  51                         <div class="name">intCP</div>
  52                     </div>
  53                     <div class="node" draggable="true">
  54                         <div class="icon" style="background-color: #c6b63f" ></div>
  55                         <div class="name">extCp</div>
  56                     </div>
  57
  58                 </div>
  59
  60             </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>
  68                 </div>
  69                 <div id="legenda">
  70                 </div>
  71             </div>
  72             <div id="side">
  73
  74             </div>
  75         </div>
  76     </div>
  77
  78 {% endblock %}
  79
  80 {% block resource_block %}
  81     {{ block.super }}
  82     <script>
  83         var topology_data = {};//{{topology_data|safe }};
  84     </script>
  85     <!-- d3.js -->
  86     <script src="/static/bower_components/d3/d3.js"></script>
  87     <script src="/static/bower_components/moment/moment.js"></script>
  88
  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>
  95
  96
  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>#}
 100
 101 {% endblock %}
 102
 103 {% block footer %}
 104     {% include "footer.html" %}
 105 {% endblock %}