--- /dev/null
+{% extends "project_graph_base.html" %}
+
+{% load staticfiles %}
+{% block head_base %}
+ {% with skin_css="AdminLTE/dist/css/skins/skin-purple.min.css"%}
+ {{ block.super }}
+ {% endwith %}
+{% endblock %}
+
+{% block body %}
+ {% with skin="purple"%}
+ {{ block.super }}
+ {% endwith %}
+{% endblock %}
+{% block logo_sidebar %}
+ {% with logo_mini="assets/img/osm_small_logo.png" logo="assets/img/OSM-logo.png"%}
+ {{ block.super }}
+ {% endwith %}
+{% endblock %}
+
+{% block title_header_big %}
+ {{ block.super }}
+{% endblock %}
+
+{% block left_sidebar %}
+ {% include 'osm/osm_project_left_sidebar.html' %}
+{% endblock %}
+
+{% block topology_toolbar %}
+ {{ block.super }}
+ {% include 'osm/topology_toolbar.html' %}
+{% endblock %}
+
+{% block content_body %}
+ {{ block.super }}
+ {% csrf_token %}
+
+
+{% include 'osm/descriptor/modal/create_link_chooser.html' %}
+{% include 'osm/descriptor/modal/choose_node_id.html' %}
+{% include 'osm/modal/modal_keyboard_info.html' %}
+{% endblock %}
+
+{% block resource_block %}
+ {{ block.super }}
+
+ <script src="{% static "topology3D/js/model_graph_editor.js" %}"></script>
+ <!-- osm -->
+ <script src="{% static "src/projecthandler/osm/gui_properties.js" %}"></script>
+ <script src="{% static "src/projecthandler/osm/project_graph.js" %}"></script>
+ <script src="{% static "src/projecthandler/osm/controller.js" %}"></script>
+
+<script>
+ graph_editor.project_id = '{{project_id}}'
+
+</script>
+{% endblock %}
+
+{% block footer %}
+ {% include "footer.html" %}
+{% endblock %}
\ No newline at end of file