{% extends "base.html" %}
{% load staticfiles %}
{% 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>Le serveur Renkan a renvoyé une erreur.</h2>
    </div>
    <div class="errorModal-body">
      <p class="errorMsg"></p>
    </div>
    <div class="errorModal-footer">
      <h4 id="renkanErrorReload">Recharger la page</h4>
    </div>
  </div>
  </div>
{% endblock main_content %}