Hugging Face's logo

Spaces:
broadfield-dev
/
parse_py
Running

App Files Community
broadfield-dev commited on
Commit
27abd0b
·
verified ·
1 Parent(s): 4d5c304

Update templates/results.html

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