Seperate table list into seperate template

9 years ago · bc4eaeaae5
2 changed files with 55 additions and 52 deletions
--- a/views/index.html
+++ b/views/index.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Tor Explorer</title>
+  </head>
+  <body>
+
+    <header>
+      <h1>Tor Explorer</h1>
+      <form>
+        <label>
+          Search
+          <input type="search" name="s" value="{{ req.query.s }}">
+        </label>
+      </form>
+    </header>
+
+    <main>
+      {% block main %}{% endblock %}
+    </main>
+
+    <footer>
+      <a target="_blank" href="https://github.com/lukechilds/tor-explorer">Source code</a> - <a target="_blank" href="https://github.com/lukechilds/tor-explorer/issues">Report a bug</a>
+    </footer>
+
+  </body>
+</html>
--- a/views/listing.html
+++ b/views/listing.html
@ -1,53 +1,28 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Tor Explorer</title>
-  </head>
-  <body>
+{% extends 'index.html' %}

-    <header>
-      <h1>Tor Explorer</h1>
-      <form>
-        <label>
-          Search
-          <input type="search" name="s" value="{{ req.query.s }}">
-        </label>
-      </form>
-    </header>
-
-    <main>
-
-      <table>
-        <thead>
-          <tr>
-            <th>Nickname</th>
-            <th>Bandwidth</th>
-            <th>Uptime</th>
-            <th>Country</th>
-            <th>Flags</th>
-            <th>Type</th>
-          </tr>
-        </thead>
-        <tbody>
-        {% for node in nodes %}
-          <tr>
-            <td><a href="/node/{{ node.fingerprint if node.fingerprint else node.hashed_fingerprint }}">{{ node.nickname }}</a></td>
-            <td>{{ node.advertised_bandwidth }}</td>
-            <td>{{ node.last_restarted if node.running else 'Down' }}</td>
-            <td>{{ node.country_name }}</td>
-            <td>{{ node.flags }}</td>
-            <td>{{ node.type }}</td>
-          </tr>
-        {% endfor %}
-        </tbody>
-      </table>
-
-    </main>
-
-    <footer>
-      <a target="_blank" href="https://github.com/lukechilds/tor-explorer">Source code</a> - <a target="_blank" href="https://github.com/lukechilds/tor-explorer/issues">Report a bug</a>
-    </footer>
-
-  </body>
-</html>
+{% block main %}
+<table>
+  <thead>
+    <tr>
+      <th>Nickname</th>
+      <th>Bandwidth</th>
+      <th>Uptime</th>
+      <th>Country</th>
+      <th>Flags</th>
+      <th>Type</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for node in nodes %}
+    <tr>
+      <td><a href="/node/{{ node.fingerprint if node.fingerprint else node.hashed_fingerprint }}">{{ node.nickname }}</a></td>
+      <td>{{ node.advertised_bandwidth }}</td>
+      <td>{{ node.last_restarted if node.running else 'Down' }}</td>
+      <td>{{ node.country_name }}</td>
+      <td>{{ node.flags }}</td>
+      <td>{{ node.type }}</td>
+    </tr>
+    {% endfor %}
+  </tbody>
+</table>
+{% endblock %}