{% extends "base.html" %}
{% block left_pannel %}logs{% endblock %}
{% block content %}

{%if not current_user.is_authenticated %}
    <h1>Already logged in</h1>
{% else %}

<select name="select" onchange="change_logs(this.value)">
    <option id="null" value="0">Choisir une config</option>
    {% for file in files %}
    <option id="{{ file[0] }}" value="{{ file[1] }}">{{ file[0] }}</option>
    {% endfor %}
</select>
<br><br>
<iframe type="text/html" src="{{url_for('static', filename='logs/1.txt')}}"  width="100%" height="85%" id="embed"></iframe>

<script defer>
    const iframe = document.getElementsByTagName("iframe")[0];
    var script = document.createElement('script');

    // Wait until ansi_up load
    script.onload = function () {
        // Wait until iframe load
        iframe.onload = function() {
            const subdoc = iframe.contentWindow.document;
            const subBody = subdoc.getElementsByTagName("body")[0]
            let ansiOutput = subBody;
            // Depending on the content encoding (and maybe on the browser)
            // a <pre> is added around the content of the file
            if (subBody.getElementsByTagName("pre").length > 0) {
                ansiOutput = subBody.getElementsByTagName("pre")[0];
            }
            const ansi_up = new AnsiUp();
            ansiOutput.innerHTML = ansi_up.ansi_to_html(ansiOutput.innerText);
        }
    };
    
    script.src = "https://cdn.jsdelivr.net/npm/ansi_up@4.0.4/ansi_up.js";
    document.head.appendChild(script);
</script>

{% endif %}
{% endblock %}