{% 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 'metaeducation/lib/js.cookie.min.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 src="{% static 'metaeducation/js/mtdc-tracking.js' %}"></script>

  <script src="{% static 'metaeducation/js/mtdc-tracking-worker.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,

              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,

          });

          _renkan.setCurrentUser('{{ user.external_id }}', '{{ user.username }}');

          Rkns.mtdcTracking(_renkan, trackingWorker);

          Rkns.mtdcJsonIO(_renkan, {

              url: "{% url 'v1.0:renkan_detail' renkan_guid=renkan_guid %}?content_only=true",

              user_id: '{{ user.external_id }}',

              user_name: '{{ user.username }}'

          });

      };

  </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>

        <p id="503Error" class="errorMsg">{% trans "There was no response from the server. If the problem persists after a page reload, please contact an administrator." %}</p>

      </div>

      <div class="errorModal-footer">

        <h4 id="renkanErrorReload">{% trans "Reload the page" %}</h4>

      </div>

    </div>

  </div>

{% endblock main_content %}