Spaces:
Sleeping
Sleeping
File size: 2,688 Bytes
83b1ba1 9c052d8 27abd0b 83b1ba1 27abd0b 9c052d8 83b1ba1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parsed Results - {{ filename }}</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.table-container {
overflow-x: auto;
}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
</style>
</head>
<body class="bg-gray-900 text-gray-200 min-h-screen p-8 font-sans">
<div class="max-w-7xl mx-auto bg-gray-800 p-6 rounded-xl shadow-2xl">
<h1 class="text-3xl font-bold text-blue-400 mb-6">Parsed Results: {{ filename }}</h1>
<div class="table-container">
<table class="w-full border-collapse text-sm">
<thead>
<tr class="bg-gray-700 text-blue-300">
<th class="p-4 text-left font-semibold">Part</th>
<th class="p-4 text-left font-semibold">Category</th>
<th class="p-4 text-left font-semibold">Node ID</th>
<th class="p-4 text-left font-semibold">Parent Path</th>
<th class="p-4 text-left font-semibold">Level</th>
<th class="p-4 text-left font-semibold">Location</th>
<th class="p-4 text-left font-semibold">Vector</th>
<th class="p-4 text-left font-semibold">Source</th>
</tr>
</thead>
<tbody>
{% for part in parts %}
<tr class="border-b border-gray-700 hover:bg-gray-600 transition-colors">
<td class="p-4">{{ part.index }}</td>
<td class="p-4">{{ part.category }}</td>
<td class="p-4">{{ part.node_id or '-' }}</td>
<td class="p-4">{{ part.parent_path }}</td>
<td class="p-4">{{ part.level }}</td>
<td class="p-4">Lines {{ part.location[0] }} to {{ part.location[1] }}</td>
<td class="p-4">[{{ part.vector|join(', ') }}]</td>
<td class="p-4">
<pre class="text-xs text-gray-300" style="margin-left: {{ part.level * 1.5 }}rem;">{{ part.source }}</pre>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<a href="/" class="mt-6 inline-block bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 transition-colors">Back to Upload</a>
</div>
</body>
</html> |