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     {{ type|upper }} Composer
  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: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>
  29 {% endblock %}
  30
  31 {% block content_body %}
  32     {{ block.super }}
  33     {% csrf_token %}
  34
  35     <div class="container-fluid">
  36         <div id="main" class="row">
  37             <div id="leftside">
  38                 <div class="section">
  39                     <span style="font-weight: 500;">Select Element</span>
  40                 </div>
  41                 <div id="palette">
  42
  43
  44                 </div>
  45
  46             </div>
  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>
  55                 </div>
  56                 <div id="legenda">
  57                 </div>
  58             </div>
  59             <div id="side">
  60                 <form id="side_form" method="post" enctype="multipart/form-data" action="">
  61                     {% csrf_token %}
  62                 </form>
  63             </div>
  64         </div>
  65     </div>
  66
  67     {% include 'modal/modal_keyboard_info_base.html' %}
  68 {% endblock %}
  69
  70 {% block resource_block %}
  71     {{ block.super }}
  72
  73     <!-- d3.js -->
  74     <script src="/static/bower_components/d3/d3.js"></script>
  75     <script src="/static/bower_components/moment/moment.js"></script>
  76
  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>
  83
  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>
  87
  88 {% endblock %}
  89
  90 {% block footer %}
  91     {% include "footer.html" %}
  92 {% endblock %}