{% extends "base.html" %}
{% load staticfiles %}
{% load i18n %}
{% block js_import %}
  {{block.super}}
  <script src="{% static 'renkanmanager/lib/jquery-mousewheel/jquery.mousewheel.js' %}"></script>
  <script src="{% static 'renkanmanager/lib/lodash/lodash.js' %}"></script>
  <script src="{% static 'renkanmanager/lib/backbone/backbone.js' %}"></script>
  <script src="{% static 'renkanmanager/lib/backbone-relational/backbone-relational.js' %}"></script>
  <script src="{% static 'renkanmanager/lib/paper/paper-full.js' %}"></script>
  <script type="text/javascript">
      var require = {
          baseUrl: "{% static 'renkanmanager/lib/' %}"
      };
  </script>
  <script src="{% static 'renkanmanager/lib/requirejs/require.js' %}"></script>
  <script src="{% static 'renkanmanager/lib/renkan/js/renkan.js' %}"></script>
  <script src="{% static 'metaeducation/js/mtdc-save.js' %}"></script>
  <script type="text/javascript">
      
      function startRenkan(){
          var _renkan = new Rkns.Renkan({
              static_url : "{% static 'renkanmanager/lib/renkan/' %}",
              show_bins: false,
              language: "{{ LANGUAGE_CODE }}",
              url_parameters: false,
              update_url: false,
              user_authenticated: true,
              user_id: "{{ user.id }}",       
              user_name: "{{ user.username }}",
              url_parameters: false,
              update_url: false,
              user_color_editable: false,
              show_user_color: false,
              show_search_field: true,
              show_user_list: false,
              user_name_editable: false,
              user_color_editable: false,
              show_user_color: false,
              show_save_button: true,
              show_export_button: false,
              show_open_button: false,
              show_addnode_button: true,
              show_addedge_button: true,
              show_bookmarklet: false,
              show_fullscreen_button: false,
              home_button_url: false,
              popup_editor: true,
          });
          Rkns.mtdcJsonIO(_renkan, {
              url: "{% url 'v1.0:renkan_detail' renkan_guid=renkan_guid %}?content_only=true"
          });
      };
  </script>
{% endblock js_import %}
{% block css_import %}
  <link rel="stylesheet" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
  <link rel="stylesheet" href="{% static 'metaeducation/css/style.css' %}" />
{% endblock css_import %}
{% block navbar %}
{% endblock navbar %}
{% block main_content %}
  <div id="renkan"></div>
  <div id="renkanErrorModal" class="errorModal">
    <div class="errorModal-cnt">
      <div class="errorModal-header">
        <h2>{% trans "The Renkan server has reported an error" %}</h2>
      </div>
      <div class="errorModal-body">
        <p id="400Error_timestamp" class="errorMsg">{% trans "The Renkan graph you are trying to edit is currently being edited by another user. We advise you to reload the page." %}</p>
        <p id="400Error_other" class="errorMsg">{% trans "There was an error with the graph data sent to the Renkan server. If the problem persists after a page reload, please contact an administrator. Error message was : " %} </p>
        <p id="403Error" class="errorMsg">{% trans "You don't have the permission to edit this Renkan graph." %}</p>
        <p id="404Error" class="errorMsg">{% trans "The Renkan graph you are trying to edit or view doesn't exist" %}</p>
        <p id="500Error" class="errorMsg">{% trans "There was an error with the Renkan server. If the problem persists after a page reload, please contact an administrator. The error message was : " %}</p>
      </div>
      <div class="errorModal-footer">
        <h4 id="renkanErrorReload">{% trans "Reload the page" %}</h4>
      </div>
    </div>
  </div>
{% endblock main_content %}