pcvolkmer/etl-processor
1
0
Fork 0
mirror of https://github.com/pcvolkmer/etl-processor.git synced 2025-04-20 17:56:50 +00:00
Code Issues Releases Activity

style: fixed first column width

Browse Source
This commit is contained in:
Paul-Christian Volkmer 2024-03-04 17:03:41 +01:00
parent b1a83510a6
commit 0aec5e4479
4 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/resources/static/style.css
View File

@ -257,6 +257,10 @@ form.samplecode-input input:focus-visible {
display: block; display: block;
} }
.userrole-form {
display: inline-block;
}
.userrole-form form { .userrole-form form {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -321,6 +325,15 @@ table {
font-family: sans-serif; font-family: sans-serif;
} }
table.config-table td:first-child {
width: 24em;
min-width: fit-content;
}
table.config-table td > button:last-of-type {
float: right;
}
.border > table { .border > table {
padding: 0; padding: 0;
border: none; border: none;

4
src/main/resources/templates/configs.html
View File

@ -12,7 +12,7 @@
<section> <section>
<h2>🔧 Allgemeine Konfiguration</h2> <h2>🔧 Allgemeine Konfiguration</h2>
<table> <table class="config-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
@ -69,7 +69,7 @@
Hier sehen Sie eine Übersicht der konfigurierten Transformationen. Hier sehen Sie eine Übersicht der konfigurierten Transformationen.
</p> </p>
<table> <table class="config-table">
<thead> <thead>
<tr> <tr>
<th>JSON-Path</th> <th>JSON-Path</th>

9
src/main/resources/templates/configs/tokens.html
View File

@ -7,19 +7,20 @@
<h2><span>✅</span> Tokens</h2> <h2><span>✅</span> Tokens</h2>
<div class="border"> <div class="border">
<div th:if="${tokens.isEmpty()}">Noch keine Tokens vorhanden.</div> <div th:if="${tokens.isEmpty()}">Noch keine Tokens vorhanden.</div>
<table th:if="${not tokens.isEmpty()}"> <table th:if="${not tokens.isEmpty()}" class="config-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Erstellt</th> <th>Erstellt</th>
<th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr th:each="token : ${tokens}"> <tr th:each="token : ${tokens}">
<td>[[ ${token.name} ]]</td> <td>[[ ${token.name} ]]</td>
<td><time th:datetime="${token.createdAt}">[[ ${token.createdAt} ]]</time></td> <td>
<td><button class="btn btn-red" th:hx-delete="@{/configs/tokens/{id}(id=${token.id})}" hx-target="#tokens">Löschen</button></td> <time th:datetime="${token.createdAt}">[[ ${token.createdAt} ]]</time>
<button class="btn btn-red" th:hx-delete="@{/configs/tokens/{id}(id=${token.id})}" hx-target="#tokens">Löschen</button>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

5
src/main/resources/templates/configs/userroles.html
View File

@ -7,12 +7,11 @@
<h2><span>✅</span> Benutzerberechtigungen</h2> <h2><span>✅</span> Benutzerberechtigungen</h2>
<div class="border"> <div class="border">
<div th:if="${userRoles.isEmpty()}">Noch keine Benutzerberechtigungen vorhanden.</div> <div th:if="${userRoles.isEmpty()}">Noch keine Benutzerberechtigungen vorhanden.</div>
<table th:if="${not userRoles.isEmpty()}"> <table th:if="${not userRoles.isEmpty()}" class="config-table">
<thead> <thead>
<tr> <tr>
<th>Benutzername</th> <th>Benutzername</th>
<th>Rolle</th> <th>Rolle</th>
<th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -29,8 +28,6 @@
<button class="btn btn-blue" th:disabled="${#authorization.authentication.getName() == userRole.username}">Übernehmen</button> <button class="btn btn-blue" th:disabled="${#authorization.authentication.getName() == userRole.username}">Übernehmen</button>
</form> </form>
</div> </div>
</td>
<td>
<button class="btn btn-red" th:hx-delete="@{/configs/userroles/{id}(id=${userRole.id})}" hx-target="#userroles" th:disabled="${#authorization.authentication.getName() == userRole.username}">Löschen</button> <button class="btn btn-red" th:hx-delete="@{/configs/userroles/{id}(id=${userRole.id})}" hx-target="#userroles" th:disabled="${#authorization.authentication.getName() == userRole.username}">Löschen</button>
</td> </td>
</tr> </tr>