{% extends "base.html" %}
{% block left_pannel %}override{% endblock %}

{% block content %}

{%if not current_user.is_authenticated %}
    <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %}
<table>
    <tr>
        <td width="20%" height="90%">
            <div id="console"></div>
        </td>
        <td width="80%">
            <iframe src="/novnc/vnc.html?resize=scale&path=novnc/websockify&autoconnect=true&view_only" width="100%" height="100%" frameborder="0"></iframe>
        </td>
    </tr>
</table>



<script>
    const consoleElement = document.getElementById('console');
    const eventSource = new EventSource('/stream');

    eventSource.onmessage = (event) => {
        const newOutput = document.createElement('div');
        newOutput.textContent = event.data;
        consoleElement.appendChild(newOutput);
    };
    
</script>

{% endif %}

{%endblock %}