{% extends "/base.html" %}
{% block title %}Scanning {{ target }} - Nercone TLS Test{% endblock %}
{% block title_suffix %}TLS Test{% endblock %}
{% block description %}スキャンの進捗を表示しています。{% endblock %}
{% block header_desc %}スキャン中です...{% endblock %}
{% block extra_head %}
        <link rel="stylesheet" href="/tools/tls-test/assets/tls-test.css">
{% endblock %}
{% block content %}
            <div class="block">
                <h1>Scanning <span class="text-bright-blue">{{ target }}</span></h1>
                <p class="font-small text-tx-alt">Test ID: <code>{{ test_id }}</code></p>
                <div class="tls-progress-track">
                    <div id="tls-progress-bar" class="tls-progress-bar" style="width: 0%"></div>
                </div>
                <p id="tls-phase" class="font-small text-tx-alt">waiting for queue…</p>
            </div>
            <div class="block">
                <h2>Log</h2>
                <div id="tls-log" class="tls-log">
                    {% for entry in progress_entries %}
                    <div class="tls-log-row">
                        <span class="text-tx-alt font-small">[{{ entry.phase }}]</span>
                        <span class="text-{{ {'good':'bright-green','normal':'bright-yellow','notgood':'bright-orange','bad':'bright-red','serious':'magenta','info':'tx'}.get(entry.severity, 'tx') }}">{{ entry.detail }}</span>
                    </div>
                    {% endfor %}
                </div>
            </div>
            <script>
                window.__TLS_INIT__ = {
                    id: "{{ test_id }}",
                    target: "{{ target }}",
                    status: "{{ status }}",
                    wsUrl: (location.protocol === "https:" ? "wss://" : "ws://") + location.host + "/tools/tls-test/ws/{{ test_id }}",
                    resultsUrl: "/tools/tls-test/results/{{ test_id }}/",
                };
            </script>
            <script src="/tools/tls-test/assets/tls-test.js" defer></script>
{% endblock %}
