Button-Reihenfolge: Löschen vor Edit in der Playlist-Zeile

This commit is contained in:
Erik Thiele
2026-07-10 16:47:41 +02:00
parent b8093521a0
commit 1480960801
3 changed files with 25 additions and 30 deletions

View File

@@ -99,11 +99,6 @@
{ {
"name": "welcome.html", "name": "welcome.html",
"enabled": true "enabled": true
},
{
"url": "https://dva-stage.cancom-ds.de/",
"zoom": 1.0,
"enabled": true
} }
], ],
"interval": 10, "interval": 10,

View File

@@ -43,11 +43,11 @@
background-color: #ffffff; background-color: #ffffff;
} }
/* ─── Playlist-Zeile als Grid (Checkbox | Name | Typ | Größe | Edit | Löschen | Drag) ─── */ /* ─── Playlist-Zeile als Grid (Checkbox | Name | Typ | Größe | Löschen | Edit | Drag) ─── */
.playlist-row { .playlist-row {
display: grid; display: grid;
grid-template-columns: grid-template-columns:
28px 1fr 90px 80px 40px 50px 32px; 28px 1fr 90px 80px 50px 40px 32px;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
} }
@@ -271,6 +271,16 @@
{% endif %} {% endif %}
</span> </span>
<!-- Löschen -->
<form action="{{ url_for('delete_file', site=current_site, screen=screen, filename=file.name) }}"
method="post">
<button type="submit"
class="btn btn-outline-danger btn-sm"
onclick="return confirm('Datei wirklich löschen?')">
Löschen
</button>
</form>
<!-- Bearbeiten (nur URLs) --> <!-- Bearbeiten (nur URLs) -->
{% if file.type == "url" %} {% if file.type == "url" %}
<button type="button" <button type="button"
@@ -285,16 +295,6 @@
</button> </button>
{% endif %} {% endif %}
<!-- Löschen -->
<form action="{{ url_for('delete_file', site=current_site, screen=screen, filename=file.name) }}"
method="post">
<button type="submit"
class="btn btn-outline-danger btn-sm"
onclick="return confirm('Datei wirklich löschen?')">
Löschen
</button>
</form>
<!-- Drag-Handle (SortableJS) --> <!-- Drag-Handle (SortableJS) -->
<span class="drag-handle" title="Reihenfolge ändern"></span> <span class="drag-handle" title="Reihenfolge ändern"></span>
</li> </li>

View File

@@ -29,7 +29,7 @@
.playlist-row { .playlist-row {
display: grid; display: grid;
grid-template-columns: grid-template-columns:
28px 1fr 90px 80px 40px 50px 32px; 28px 1fr 90px 80px 50px 40px 32px;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
} }
@@ -171,6 +171,18 @@
{% endif %} {% endif %}
</span> </span>
<!-- Delete -->
<form action="{{ url_for('delete_file', site=current_site, screen='priority', filename=file.name) }}"
method="post"
class="d-inline"
onmousedown="event.stopPropagation()">
<button type="submit"
class="btn btn-outline-danger btn-sm"
onclick="return confirm('Datei wirklich löschen?')">
Löschen
</button>
</form>
<!-- Bearbeiten (nur URLs) --> <!-- Bearbeiten (nur URLs) -->
{% if file.type == "url" %} {% if file.type == "url" %}
<button type="button" <button type="button"
@@ -185,18 +197,6 @@
</button> </button>
{% endif %} {% endif %}
<!-- Delete -->
<form action="{{ url_for('delete_file', site=current_site, screen='priority', filename=file.name) }}"
method="post"
class="d-inline"
onmousedown="event.stopPropagation()">
<button type="submit"
class="btn btn-outline-danger btn-sm"
onclick="return confirm('Datei wirklich löschen?')">
Löschen
</button>
</form>
<!-- Drag --> <!-- Drag -->
<span class="drag-handle" title="Reihenfolge ändern"></span> <span class="drag-handle" title="Reihenfolge ändern"></span>
</li> </li>