Checkbox für Playliste hinzugefügt

templates/admin.html

@@ -64,6 +64,7 @@
   .playlist-row {
     display: grid;
     grid-template-columns:
+      28px       /* Enabled */
       1fr        /* Name */
       90px       /* Typ */
       80px       /* Größe */
@@ -198,6 +199,11 @@
             <li class="list-group-item playlist-row"
                 data-file="{{ file.name }}">
 
+              <input class="form-check-input playlist-enabled"
+                     type="checkbox"
+                     {% if file.enabled %}checked{% endif %}
+                     title="Element aktivieren">
+
               <span class="playlist-name"
                     {% if file.type == "image" %}
                       data-bs-toggle="tooltip"
@@ -248,7 +254,7 @@
 
           <button class="btn btn-primary"
                   onclick="savePlaylist('priority')">
-            Priority-Reihenfolge speichern
+            Priority-Playlist speichern
           </button>
 
         </div>
@@ -354,6 +360,11 @@
             <li class="list-group-item playlist-row"
                 data-file="{{ file.name }}">
 
+              <input class="form-check-input playlist-enabled"
+                     type="checkbox"
+                     {% if file.enabled %}checked{% endif %}
+                     title="Element aktivieren">
+
               <span class="playlist-name"
                     {% if file.type == "image" %}
                       data-bs-toggle="tooltip"
@@ -400,7 +411,7 @@
 
           <button class="btn btn-primary"
                   onclick="savePlaylist('{{ screen }}')">
-            Reihenfolge speichern
+            Playlist speichern
           </button>
 
         </div>
@@ -448,12 +459,22 @@ document.addEventListener("DOMContentLoaded", function () {
     const items = document.querySelectorAll(
       "#playlist-" + screen + " li"
     );
+    const playlist = [];
+
+    const enabled = {};
+    items.forEach((item) => {
+      const checkbox = item.querySelector(".playlist-enabled");
+      const fileName = item.dataset.file;
+      enabled[fileName] = !!(checkbox && checkbox.checked);
+      playlist.push(fileName);
+    });
 
     fetch("/admin/playlist/" + screen, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
-        playlist: Array.from(items).map(i => i.dataset.file)
+        playlist: playlist,
+        enabled: enabled
       })
     }).then(() => location.reload());
   }
@@ -471,5 +492,3 @@ document.addEventListener("DOMContentLoaded", function () {
 
 </body>
 </html>
-
-