{% 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 i in data %}
    <option id="{{data[i]['name']}}" value="{{i}}">{{data[i]['name']}}</option>
    {% endfor %}
</select>
<br><br>
<iframe type="text/html" src="{{url_for('static', filename='logs/1.txt')}}"  width="100%" height="85%" id="embed">

<script type="text/javascript">
    const subdoc = document.getElementsByTagName("iframe")[0].contentWindow.document;
    var script = document.createElement('script');
    script.onload = function () {
        const ansiOutput = subdoc.getElementsByTagName("body")[0].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 %}