{% extends "layout.html" %}
{% load static %}
{% load i18n %}
{% load bootstrap3 %}
{% load osis_document %}

{% comment "License" %}
  * OSIS stands for Open Student Information System. It's an application
  * designed to manage the core business of higher education institutions,
  * such as universities, faculties, institutes and professional schools.
  * The core business involves the administration of students, teachers,
  * courses, programs and so on.
  *
  * Copyright (C) 2015-2019 Université catholique de Louvain (http://www.uclouvain.be)
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * A copy of this license - GNU General Public License - is available
  * at the root of the source code of this program.  If not,
  * see http://www.gnu.org/licenses/.
{% endcomment %}

{% block script %}
  <script type="text/javascript" src="https://unpkg.com/vue"></script>
  <script type="text/javascript" src="https://unpkg.com/vue-i18n"></script>
  <script type="text/javascript" src="{% static "osis_document/osis-document.umd.min.js" %}"></script>
{% endblock %}

{% block content %}
  <h2>Default visualizer</h2>
  {% document_visualizer object.documents %}

  <h2>Custom visualizer</h2>
  <ul>
    {% for file_uuid in object.documents %}
      {% get_metadata file_uuid as metadata %}
      {% get_file_url file_uuid as file_url %}
      <li>
        <a href="{{ file_url }}">
          {{ metadata.name }} ({{ metadata.mimetype }} - {{ metadata.size|filesizeformat }})
        </a>
      </li>
    {% endfor %}
  </ul>
{% endblock %}