From a0a106529536b94dd4a865f0a0e875940d805b14 Mon Sep 17 00:00:00 2001
From: Dietrich <dietrich@teilgedanken.de>
Date: Tue, 9 Feb 2021 14:19:48 +0100
Subject: [PATCH] Make the links and users list scrollable

closes #6
---
 templates/admin.html        |  6 ++--
 templates/edit_link.html    | 46 +++++++++++++-------------
 templates/edit_profile.html | 36 +++++++++++----------
 templates/index.html        | 64 +++++++++++++++++++------------------
 templates/index_users.html  | 60 +++++++++++++++++-----------------
 templates/signup.html       | 34 ++++++++++----------
 templates/submission.html   | 32 ++++++++++---------
 templates/view_link.html    | 62 ++++++++++++++++++-----------------
 templates/view_profile.html | 36 +++++++++++----------
 9 files changed, 195 insertions(+), 181 deletions(-)

diff --git a/templates/admin.html b/templates/admin.html
index 1cdf997..b0b0464 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -21,9 +21,7 @@
             </li>
         </ol>
     </nav>
-    <div class="center">
-        {% block admin %}
-        {% endblock %}
-    </div>
+    {% block admin %}
+    {% endblock %}
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/edit_link.html b/templates/edit_link.html
index ea9b19f..b2f95b2 100644
--- a/templates/edit_link.html
+++ b/templates/edit_link.html
@@ -1,26 +1,28 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<h1>Link Editieren: {{ link.title }}</h1>
-<form action="" method="POST">
-    <div>
-        <label for="title">Beschreibung:</label>
-        <input type="text" name="title" value="{{ link.title }}">
-    </div>
-    <div>
-        <label for="target">Ziel:</label>
-        <input type="text" name="target" value="{{link.target}}">
-    </div>
-    <div>
-        <label for="code">Code:</label>
-        <input type="text" name="code" value="{{link.code}}">
-    </div>
-    <div class="actions danger">
-        <h2>Achtung!</h2>
-        <h3>Werden schon veröffentlichte Links gelöscht oder editiert sind die Links z.B. aus einem Buch
-            nicht mehr gültig! UNBEDINGT VERMEIDEN!</h3>
-        <input type="submit" value="Speichern">
-        <a class="button" href="/admin/delete/link/{{link.code}}">Delete</a>
-    </div>
-</form>
+<div class="center">
+    <h1>Link Editieren: {{ link.title }}</h1>
+    <form action="" method="POST">
+        <div>
+            <label for="title">Beschreibung:</label>
+            <input type="text" name="title" value="{{ link.title }}">
+        </div>
+        <div>
+            <label for="target">Ziel:</label>
+            <input type="text" name="target" value="{{link.target}}">
+        </div>
+        <div>
+            <label for="code">Code:</label>
+            <input type="text" name="code" value="{{link.code}}">
+        </div>
+        <div class="actions danger">
+            <h2>Achtung!</h2>
+            <h3>Werden schon veröffentlichte Links gelöscht oder editiert sind die Links z.B. aus einem Buch
+                nicht mehr gültig! UNBEDINGT VERMEIDEN!</h3>
+            <input type="submit" value="Speichern">
+            <a class="button" href="/admin/delete/link/{{link.code}}">Delete</a>
+        </div>
+    </form>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/edit_profile.html b/templates/edit_profile.html
index 99ed0a8..60e5861 100644
--- a/templates/edit_profile.html
+++ b/templates/edit_profile.html
@@ -1,21 +1,23 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<h1>Profil von {{user.username}}</h1>
-<form action="" method="POST">
-    <div>
-        <label for="username">Benutzername:</label>
-        <input type="text" name="username" value="{{ user.username }}">
-    </div>
-    <div>
-        <label for="email">E-mail:</label>
-        <input type="email" name="email" value="{{ user.email }}">
-    </div>
-    <div>
-        <label for="password">Passwort:</label>
-        <input type="password" name="password" placeholder="Leer lassen um nichts zu ändern">
-    </div>
-    <input type="submit" value="Speichern">
-</form>
-<h2>&nbsp;</h2>
+<div class="center">
+    <h1>Profil von {{user.username}}</h1>
+    <form action="" method="POST">
+        <div>
+            <label for="username">Benutzername:</label>
+            <input type="text" name="username" value="{{ user.username }}">
+        </div>
+        <div>
+            <label for="email">E-mail:</label>
+            <input type="email" name="email" value="{{ user.email }}">
+        </div>
+        <div>
+            <label for="password">Passwort:</label>
+            <input type="password" name="password" placeholder="Leer lassen um nichts zu ändern">
+        </div>
+        <input type="submit" value="Speichern">
+    </form>
+    <h2>&nbsp;</h2>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 85a4f32..58ba119 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,37 +6,39 @@
 {% endblock %}
 
 {% block admin %}
-<table class="sortable">
+<div class="scrollable">
+    <table class="sortable">
 
-    <tr>
-        <th>
-            Kürzel
-        </th>
-        <th>
-            Ziellink
-        </th>
-        <th>
-            Benutzername
-        </th>
-    </tr>
-    {% for links_user in links_per_users %}
-    {% set l = links_user[0] %}
-    {% set u = links_user[1] %}
-    <tr>
-        <td>
-            <a href="/admin/view/link/{{l.code}}"><span>{{l.code}}</span>
-            </a>
-        </td>
-        <td>
-            <a href="/admin/view/link/{{l.code}}">{{ l.target }}
-            </a>
-        </td>
-        <td>
+        <tr>
+            <th>
+                Kürzel
+            </th>
+            <th>
+                Ziellink
+            </th>
+            <th>
+                Benutzername
+            </th>
+        </tr>
+        {% for links_user in links_per_users %}
+        {% set l = links_user[0] %}
+        {% set u = links_user[1] %}
+        <tr>
+            <td>
+                <a href="/admin/view/link/{{l.code}}"><span>{{l.code}}</span>
+                </a>
+            </td>
+            <td>
+                <a href="/admin/view/link/{{l.code}}">{{ l.target }}
+                </a>
+            </td>
+            <td>
 
-            <a href="/admin/view/profile/{{u.id}}"><small>{{ u.username }}</small>
-            </a>
-        </td>
-    </tr>
-    {% endfor %}
-</table>
+                <a href="/admin/view/profile/{{u.id}}"><small>{{ u.username }}</small>
+                </a>
+            </td>
+        </tr>
+        {% endfor %}
+    </table>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/index_users.html b/templates/index_users.html
index bbf454e..ddcf4ed 100644
--- a/templates/index_users.html
+++ b/templates/index_users.html
@@ -6,35 +6,37 @@
 {% endblock %}
 
 {% block admin %}
-<table class="sortable">
+<div class="scrollable">
+    <table class="sortable">
 
-    <tr>
-        <th>
-            Kürzel
-        </th>
-        <th>
-            Ziellink
-        </th>
-        <th>
-            Benutzername
-        </th>
-    </tr>
-    {% for user in users %}
-    <tr>
-        <td>
-            <a href="/admin/view/profile/{{user.id}}"><span>{{user.id}}</span>
-            </a>
-        </td>
-        <td>
-            <a href="/admin/view/profile/{{user.id}}">{{ user.email }}
-            </a>
-        </td>
-        <td>
+        <tr>
+            <th>
+                Kürzel
+            </th>
+            <th>
+                Ziellink
+            </th>
+            <th>
+                Benutzername
+            </th>
+        </tr>
+        {% for user in users %}
+        <tr>
+            <td>
+                <a href="/admin/view/profile/{{user.id}}"><span>{{user.id}}</span>
+                </a>
+            </td>
+            <td>
+                <a href="/admin/view/profile/{{user.id}}">{{ user.email }}
+                </a>
+            </td>
+            <td>
 
-            <a href="/admin/view/profile/{{user.id}}"><small>{{ user.username }}</small>
-            </a>
-        </td>
-    </tr>
-    {% endfor %}
-</table>
+                <a href="/admin/view/profile/{{user.id}}"><small>{{ user.username }}</small>
+                </a>
+            </td>
+        </tr>
+        {% endfor %}
+    </table>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/signup.html b/templates/signup.html
index 09bcfb3..e41beb1 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -1,20 +1,22 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<form action="" method="POST">
-    <div>
-        <label for="username">Benutzername:</label>
-        <input type="text" name="username">
-    </div>
-    <div>
-        <label for="email">E-mail:</label>
-        <input type="email" name="email">
-    </div>
-    <div>
-        <label for="password">Passwort:</label>
-        <input type="password" name="password">
-    </div>
-    <input type="submit" value="Einladen">
-</form>
-<h2>&nbsp;</h2>
+<div class="center">
+    <form action="" method="POST">
+        <div>
+            <label for="username">Benutzername:</label>
+            <input type="text" name="username">
+        </div>
+        <div>
+            <label for="email">E-mail:</label>
+            <input type="email" name="email">
+        </div>
+        <div>
+            <label for="password">Passwort:</label>
+            <input type="password" name="password">
+        </div>
+        <input type="submit" value="Einladen">
+    </form>
+    <h2>&nbsp;</h2>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/submission.html b/templates/submission.html
index be13268..aeda5f8 100644
--- a/templates/submission.html
+++ b/templates/submission.html
@@ -1,19 +1,21 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<form action="" method="POST">
-    <div>
-        <label for="title">Beschreibung:</label>
-        <input type="text" name="title">
-    </div>
-    <div>
-        <label for="target">Ziel:</label>
-        <input type="text" name="target">
-    </div>
-    <div>
-        <label for="code">Code:</label>
-        <input type="text" name="code">
-    </div>
-    <input type="submit" value="Submit">
-</form>
+<div class="center">
+    <form action="" method="POST">
+        <div>
+            <label for="title">Beschreibung:</label>
+            <input type="text" name="title">
+        </div>
+        <div>
+            <label for="target">Ziel:</label>
+            <input type="text" name="target">
+        </div>
+        <div>
+            <label for="code">Code:</label>
+            <input type="text" name="code">
+        </div>
+        <input type="submit" value="Submit">
+    </form>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/view_link.html b/templates/view_link.html
index b198ba5..69d83a7 100644
--- a/templates/view_link.html
+++ b/templates/view_link.html
@@ -1,35 +1,37 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<h1>{{ link.title }}</h1>
-<table>
-    <tr>
-        <td>Beschreibung:</td>
-        <td>{{ link.title }}</td>
-    </tr>
-    <tr>
-        <td>Code:</td>
-        <td>{{ link.code }}</td>
-    </tr>
-    <tr>
-        <td>Kurzlink:</td>
-        <td><a href="https://fhs.li/{{ link.code }}">https://fhs.li/{{ link.code }}</a></td>
-    </tr>
-    <tr>
-        <td>Ziel:</td>
-        <td>{{ link.target }}</td>
-    </tr>
-    <tr>
-        <td>QR-Code</td>
-        <td><a href="/admin/download/png/{{ link.code }}" download="{{ link.title | slugify }}.png">
-                {{ qr | trim_start_matches(pat=
-                '.*?>')
-                | safe }}
-            </a>
-        </td>
-    </tr>
-</table>
-<div class="actions">
-    <a class="button" href="/admin/edit/link/{{ link.code }}">Editieren</a>
+<div class="center">
+    <h1>{{ link.title }}</h1>
+    <table>
+        <tr>
+            <td>Beschreibung:</td>
+            <td>{{ link.title }}</td>
+        </tr>
+        <tr>
+            <td>Code:</td>
+            <td>{{ link.code }}</td>
+        </tr>
+        <tr>
+            <td>Kurzlink:</td>
+            <td><a href="https://fhs.li/{{ link.code }}">https://fhs.li/{{ link.code }}</a></td>
+        </tr>
+        <tr>
+            <td>Ziel:</td>
+            <td>{{ link.target }}</td>
+        </tr>
+        <tr>
+            <td>QR-Code</td>
+            <td><a href="/admin/download/png/{{ link.code }}" download="{{ link.title | slugify }}.png">
+                    {{ qr | trim_start_matches(pat=
+                    '.*?>')
+                    | safe }}
+                </a>
+            </td>
+        </tr>
+    </table>
+    <div class="actions">
+        <a class="button" href="/admin/edit/link/{{ link.code }}">Editieren</a>
+    </div>
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/view_profile.html b/templates/view_profile.html
index 4613f1b..3b219db 100644
--- a/templates/view_profile.html
+++ b/templates/view_profile.html
@@ -1,23 +1,25 @@
 {% extends "admin.html" %}
 
 {% block admin %}
-<h1>Profil von {{user.username}}</h1>
-<form action="" method="POST">
-    <div>
-        <label for="username">Benutzername:</label>
-        <input type="text" name="username" value="{{ user.username }}" readonly>
+<div class="center">
+    <h1>Profil von {{user.username}}</h1>
+    <form action="" method="POST">
+        <div>
+            <label for="username">Benutzername:</label>
+            <input type="text" name="username" value="{{ user.username }}" readonly>
+        </div>
+        <div>
+            <label for="email">E-mail:</label>
+            <input type="email" name="email" value="{{ user.email }}" readonly>
+        </div>
+        <div>
+            <label for="password">Passwort:</label>
+            <input type="password" name="password" value="verschlüsselt" readonly>
+        </div>
+    </form>
+    <div class="actions">
+        <a class="button" href="/admin/edit/profile/{{ user.id }}">Editieren</a>
     </div>
-    <div>
-        <label for="email">E-mail:</label>
-        <input type="email" name="email" value="{{ user.email }}" readonly>
-    </div>
-    <div>
-        <label for="password">Passwort:</label>
-        <input type="password" name="password" value="verschlüsselt" readonly>
-    </div>
-</form>
-<div class="actions">
-    <a class="button" href="/admin/edit/profile/{{ user.id }}">Editieren</a>
+    <h2>&nbsp;</h2>
 </div>
-<h2>&nbsp;</h2>
 {% endblock %}
\ No newline at end of file