Spaces:

broadfield-dev
/

parse_py

Sleeping

App Files Files Community

broadfield-dev commited on Mar 4

Commit

9c052d8

verified ·

1 Parent(s): 6c36389

Update templates/results.html

Browse files

Files changed (1) hide show

templates/results.html +29 -33

templates/results.html CHANGED Viewed

@@ -3,39 +3,35 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Parsed Python File</title>
-    <style>
-        table {
-            border-collapse: collapse;
-            width: 100%;
-        }
-        th, td {
-            border: 1px solid black;
-            padding: 8px;
-            text-align: left;
-        }
-        th {
-            background-color: #f2f2f2;
-        }
-    </style>
 </head>
-<body>
-    <h1>Parsed Python File</h1>
-    <table>
-        <tr>
-            <th>Part</th>
-            <th>Category</th>
-            <th>Location</th>
-            <th>Source</th>
-        </tr>
-        {% for i, part in enumerate(parts, 1) %}
-        <tr>
-            <td>{{ i }}</td>
-            <td>{{ part.category }}</td>
-            <td>Lines {{ part.location[0] }} to {{ part.location[1] }}</td>
-            <td><pre>{{ part.source }}</pre></td>
-        </tr>
-        {% endfor %}
-    </table>
 </body>
 </html>

 <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>
 </head>
+<body class="bg-gray-100 min-h-screen p-8">
+    <div class="max-w-4xl mx-auto bg-white p-6 rounded-lg shadow-lg">
+        <h1 class="text-2xl font-bold text-gray-800 mb-4">Parsed Results: {{ filename }}</h1>
+        <table class="w-full border-collapse">
+            <thead>
+                <tr class="bg-gray-200">
+                    <th class="p-3 text-left">Part</th>
+                    <th class="p-3 text-left">Category</th>
+                    <th class="p-3 text-left">Location</th>
+                    <th class="p-3 text-left">Source</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for i, part in enumerate(parts, 1) %}
+                <tr class="border-b hover:bg-gray-50">
+                    <td class="p-3">{{ i }}</td>
+                    <td class="p-3">{{ part.category }}</td>
+                    <td class="p-3">Lines {{ part.location[0] }} to {{ part.location[1] }}</td>
+                    <td class="p-3">
+                        <pre class="text-sm" style="margin-left: {{ part.level * 1.5 }}rem;">{{ part.source }}</pre>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+        <a href="/" class="mt-4 inline-block bg-blue-600 text-white p-2 rounded-lg hover:bg-blue-700 transition">Back</a>
+    </div>
 </body>
 </html>