templates/webfront.html

<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="static/favicon.ico" />
    <link rel="stylesheet" href="static/style.css" />
    <title>LDraw part verification tool</title>
</head>
<body>
<div class="top-form">
    <h1>Check your part here</h1>
    <form method="post" enctype="multipart/form-data">
        <input type="file" name="file"/>
        <input type="submit" />
    </form>
</div>
<div class="report-container">

{% if report %}
    <h1>{{name}}</h1>
    {% if report['problems'] %}
        <ul class="problems-list">
        {% for problem in report['problems'] %}
            <li class="problem-{{problem['severity']}}">
                <img
                    src="static/{{problem['severity']}}.svg"
                    width="32" height="32"
                    class="problem-icon"
                />
                {{problem.severity}}:
                Line {{problem.line_number}}:
                {{problem.message_str}}
                <br />
                <span class="ldraw-code">{{problem.ldraw_code}}</span>
            </li>
        {% endfor %}
        </ul>
    {% else %}
    No problems whatsoever.
    {% endif %}
    <hr />
{% endif %}
<h1>List of reported issue types</h1>
<table>
<thead>
<tr>
<th>Name of issue</th>
<th>Severity</th>
<th>Example message</th>
</tr>
</thead>
<tbody>

{% for problem_type in problem_types %}
    <tr>
    <td>{{ problem_type.name }}</td>
    <td>{{ problem_type.severity }}</td>
    <td>{{ problem_type.placeholder_message() }}</td>
    </tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>