Make the links and users list scrollable

closes #6
This commit is contained in:
Dietrich 2021-02-09 14:19:48 +01:00
parent 10933dd48b
commit a0a1065295
Signed by: dietrich
GPG Key ID: 9F3C20C0F85DF67C
9 changed files with 195 additions and 181 deletions

View File

@ -21,9 +21,7 @@
</li> </li>
</ol> </ol>
</nav> </nav>
<div class="center"> {% block admin %}
{% block admin %} {% endblock %}
{% endblock %}
</div>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,26 +1,28 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<h1>Link Editieren: {{ link.title }}</h1> <div class="center">
<form action="" method="POST"> <h1>Link Editieren: {{ link.title }}</h1>
<div> <form action="" method="POST">
<label for="title">Beschreibung:</label> <div>
<input type="text" name="title" value="{{ link.title }}"> <label for="title">Beschreibung:</label>
</div> <input type="text" name="title" value="{{ link.title }}">
<div> </div>
<label for="target">Ziel:</label> <div>
<input type="text" name="target" value="{{link.target}}"> <label for="target">Ziel:</label>
</div> <input type="text" name="target" value="{{link.target}}">
<div> </div>
<label for="code">Code:</label> <div>
<input type="text" name="code" value="{{link.code}}"> <label for="code">Code:</label>
</div> <input type="text" name="code" value="{{link.code}}">
<div class="actions danger"> </div>
<h2>Achtung!</h2> <div class="actions danger">
<h3>Werden schon veröffentlichte Links gelöscht oder editiert sind die Links z.B. aus einem Buch <h2>Achtung!</h2>
nicht mehr gültig! UNBEDINGT VERMEIDEN!</h3> <h3>Werden schon veröffentlichte Links gelöscht oder editiert sind die Links z.B. aus einem Buch
<input type="submit" value="Speichern"> nicht mehr gültig! UNBEDINGT VERMEIDEN!</h3>
<a class="button" href="/admin/delete/link/{{link.code}}">Delete</a> <input type="submit" value="Speichern">
</div> <a class="button" href="/admin/delete/link/{{link.code}}">Delete</a>
</form> </div>
</form>
</div>
{% endblock %} {% endblock %}

View File

@ -1,21 +1,23 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<h1>Profil von {{user.username}}</h1> <div class="center">
<form action="" method="POST"> <h1>Profil von {{user.username}}</h1>
<div> <form action="" method="POST">
<label for="username">Benutzername:</label> <div>
<input type="text" name="username" value="{{ user.username }}"> <label for="username">Benutzername:</label>
</div> <input type="text" name="username" value="{{ user.username }}">
<div> </div>
<label for="email">E-mail:</label> <div>
<input type="email" name="email" value="{{ user.email }}"> <label for="email">E-mail:</label>
</div> <input type="email" name="email" value="{{ user.email }}">
<div> </div>
<label for="password">Passwort:</label> <div>
<input type="password" name="password" placeholder="Leer lassen um nichts zu ändern"> <label for="password">Passwort:</label>
</div> <input type="password" name="password" placeholder="Leer lassen um nichts zu ändern">
<input type="submit" value="Speichern"> </div>
</form> <input type="submit" value="Speichern">
<h2>&nbsp;</h2> </form>
<h2>&nbsp;</h2>
</div>
{% endblock %} {% endblock %}

View File

@ -6,37 +6,39 @@
{% endblock %} {% endblock %}
{% block admin %} {% block admin %}
<table class="sortable"> <div class="scrollable">
<table class="sortable">
<tr> <tr>
<th> <th>
Kürzel Kürzel
</th> </th>
<th> <th>
Ziellink Ziellink
</th> </th>
<th> <th>
Benutzername Benutzername
</th> </th>
</tr> </tr>
{% for links_user in links_per_users %} {% for links_user in links_per_users %}
{% set l = links_user[0] %} {% set l = links_user[0] %}
{% set u = links_user[1] %} {% set u = links_user[1] %}
<tr> <tr>
<td> <td>
<a href="/admin/view/link/{{l.code}}"><span>{{l.code}}</span> <a href="/admin/view/link/{{l.code}}"><span>{{l.code}}</span>
</a> </a>
</td> </td>
<td> <td>
<a href="/admin/view/link/{{l.code}}">{{ l.target }} <a href="/admin/view/link/{{l.code}}">{{ l.target }}
</a> </a>
</td> </td>
<td> <td>
<a href="/admin/view/profile/{{u.id}}"><small>{{ u.username }}</small> <a href="/admin/view/profile/{{u.id}}"><small>{{ u.username }}</small>
</a> </a>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>
</div>
{% endblock %} {% endblock %}

View File

@ -6,35 +6,37 @@
{% endblock %} {% endblock %}
{% block admin %} {% block admin %}
<table class="sortable"> <div class="scrollable">
<table class="sortable">
<tr> <tr>
<th> <th>
Kürzel Kürzel
</th> </th>
<th> <th>
Ziellink Ziellink
</th> </th>
<th> <th>
Benutzername Benutzername
</th> </th>
</tr> </tr>
{% for user in users %} {% for user in users %}
<tr> <tr>
<td> <td>
<a href="/admin/view/profile/{{user.id}}"><span>{{user.id}}</span> <a href="/admin/view/profile/{{user.id}}"><span>{{user.id}}</span>
</a> </a>
</td> </td>
<td> <td>
<a href="/admin/view/profile/{{user.id}}">{{ user.email }} <a href="/admin/view/profile/{{user.id}}">{{ user.email }}
</a> </a>
</td> </td>
<td> <td>
<a href="/admin/view/profile/{{user.id}}"><small>{{ user.username }}</small> <a href="/admin/view/profile/{{user.id}}"><small>{{ user.username }}</small>
</a> </a>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>
</div>
{% endblock %} {% endblock %}

View File

@ -1,20 +1,22 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<form action="" method="POST"> <div class="center">
<div> <form action="" method="POST">
<label for="username">Benutzername:</label> <div>
<input type="text" name="username"> <label for="username">Benutzername:</label>
</div> <input type="text" name="username">
<div> </div>
<label for="email">E-mail:</label> <div>
<input type="email" name="email"> <label for="email">E-mail:</label>
</div> <input type="email" name="email">
<div> </div>
<label for="password">Passwort:</label> <div>
<input type="password" name="password"> <label for="password">Passwort:</label>
</div> <input type="password" name="password">
<input type="submit" value="Einladen"> </div>
</form> <input type="submit" value="Einladen">
<h2>&nbsp;</h2> </form>
<h2>&nbsp;</h2>
</div>
{% endblock %} {% endblock %}

View File

@ -1,19 +1,21 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<form action="" method="POST"> <div class="center">
<div> <form action="" method="POST">
<label for="title">Beschreibung:</label> <div>
<input type="text" name="title"> <label for="title">Beschreibung:</label>
</div> <input type="text" name="title">
<div> </div>
<label for="target">Ziel:</label> <div>
<input type="text" name="target"> <label for="target">Ziel:</label>
</div> <input type="text" name="target">
<div> </div>
<label for="code">Code:</label> <div>
<input type="text" name="code"> <label for="code">Code:</label>
</div> <input type="text" name="code">
<input type="submit" value="Submit"> </div>
</form> <input type="submit" value="Submit">
</form>
</div>
{% endblock %} {% endblock %}

View File

@ -1,35 +1,37 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<h1>{{ link.title }}</h1> <div class="center">
<table> <h1>{{ link.title }}</h1>
<tr> <table>
<td>Beschreibung:</td> <tr>
<td>{{ link.title }}</td> <td>Beschreibung:</td>
</tr> <td>{{ link.title }}</td>
<tr> </tr>
<td>Code:</td> <tr>
<td>{{ link.code }}</td> <td>Code:</td>
</tr> <td>{{ link.code }}</td>
<tr> </tr>
<td>Kurzlink:</td> <tr>
<td><a href="https://fhs.li/{{ link.code }}">https://fhs.li/{{ link.code }}</a></td> <td>Kurzlink:</td>
</tr> <td><a href="https://fhs.li/{{ link.code }}">https://fhs.li/{{ link.code }}</a></td>
<tr> </tr>
<td>Ziel:</td> <tr>
<td>{{ link.target }}</td> <td>Ziel:</td>
</tr> <td>{{ link.target }}</td>
<tr> </tr>
<td>QR-Code</td> <tr>
<td><a href="/admin/download/png/{{ link.code }}" download="{{ link.title | slugify }}.png"> <td>QR-Code</td>
{{ qr | trim_start_matches(pat= <td><a href="/admin/download/png/{{ link.code }}" download="{{ link.title | slugify }}.png">
'.*?>') {{ qr | trim_start_matches(pat=
| safe }} '.*?>')
</a> | safe }}
</td> </a>
</tr> </td>
</table> </tr>
<div class="actions"> </table>
<a class="button" href="/admin/edit/link/{{ link.code }}">Editieren</a> <div class="actions">
<a class="button" href="/admin/edit/link/{{ link.code }}">Editieren</a>
</div>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,23 +1,25 @@
{% extends "admin.html" %} {% extends "admin.html" %}
{% block admin %} {% block admin %}
<h1>Profil von {{user.username}}</h1> <div class="center">
<form action="" method="POST"> <h1>Profil von {{user.username}}</h1>
<div> <form action="" method="POST">
<label for="username">Benutzername:</label> <div>
<input type="text" name="username" value="{{ user.username }}" readonly> <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>
<div> <h2>&nbsp;</h2>
<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>
<h2>&nbsp;</h2>
{% endblock %} {% endblock %}