Query-Parameter-Passthrough per URL steuerbar (Checkbox im Edit-Modal), Standard aus, sichtbar via Link-Icon in Playlist

- Neue Config-Felder: passthrough_params (true/false) pro URL-Item
- Edit-Modal in admin.html + priority.html mit Checkbox
- Player checkt item.passthrough === true vor appendParams()
- Default: false (keine Parameter-Übergabe ohne Checkbox)
- Link-Icon (ti-link / ti-link-off) in Playlist-Zeile als Status-Indikator
- Doku: help.html, README.md, AGENTS.md

templates/admin.html

@@ -250,7 +250,7 @@
                           data-bs-toggle="tooltip"
                           title="URL: {{ file.name }}{% if file.zoom %} (Zoom: {{ file.zoom }}x){% endif %}"
                         {% endif %}>
-                    {{ file.name }}{% if file.type == "url" and file.zoom != 1.0 %} <strong style="color: #DA002D;">[{{ file.zoom }}x]</strong>{% endif %}
+                    {{ file.name }}{% if file.type == "url" and file.zoom != 1.0 %} <strong style="color: #DA002D;">[{{ file.zoom }}x]</strong>{% endif %}{% if file.type == "url" %}{% if file.get('passthrough', False) %} <i class="ti ti-link" style="color:#6c757d;" title="Query-Parameter werden übergeben"></i>{% else %} <i class="ti ti-link-off" style="color:#adb5bd;" title="Query-Parameter werden nicht übergeben"></i>{% endif %}{% endif %}
                   </span>
 
                   <!-- Typ-Badge -->
@@ -290,7 +290,8 @@
                           data-zoom="{{ file.zoom | default(1.0) }}"
                           data-site="{{ current_site }}"
                           data-screen="{{ screen }}"
-                          data-oldname="{{ file.name | e }}">
+                          data-oldname="{{ file.name | e }}"
+                           data-passthrough="{{ 'true' if file.get('passthrough', False) else 'false' }}">
                     Edit
                   </button>
                   {% else %}
@@ -552,6 +553,7 @@ document.addEventListener("click", function (e) {
   editState.oldName = btn.dataset.oldname;
   document.getElementById("edit-url-input").value = btn.dataset.oldname;
   document.getElementById("edit-zoom-input").value = btn.dataset.zoom;
+  document.getElementById("edit-passthrough-input").checked = btn.dataset.passthrough === "true";
   document.getElementById("edit-url-error").style.display = "none";
   new bootstrap.Modal(document.getElementById("edit-url-modal")).show();
 });
@@ -629,7 +631,8 @@ document.addEventListener("DOMContentLoaded", function () {
       body: JSON.stringify({
         old_name: editState.oldName,
         new_url: newUrl,
-        zoom: zoom
+        zoom: zoom,
+        passthrough: document.getElementById("edit-passthrough-input").checked
       })
     }).then(function (r) {
       if (r.ok) {
@@ -666,6 +669,10 @@ document.addEventListener("DOMContentLoaded", function () {
           <label class="form-label">Zoom Faktor (z.B. 1.0, 1.5, 2.0)</label>
           <input type="number" class="form-control" id="edit-zoom-input" step="0.1" min="0.1" value="1.0">
         </div>
+        <div class="mb-3 form-check">
+          <input type="checkbox" class="form-check-input" id="edit-passthrough-input">
+          <label class="form-check-label" for="edit-passthrough-input">Query-Parameter an diese URL übergeben</label>
+        </div>
         <div class="alert alert-danger py-2" id="edit-url-error" style="display:none"></div>
       </div>
       <div class="modal-footer">

templates/help.html

@@ -105,6 +105,7 @@
           <li><strong>Sortieren:</strong> Per Drag & Drop die Reihenfolge der Playlist-Einträge ändern (Ziehgriff links).</li>
           <li><strong>Deaktivieren:</strong> Mit der Checkbox einzelne Einträge temporär ausblenden.</li>
           <li><strong>Löschen:</strong> Über den roten Papierkorb-Button.</li>
+          <li><strong>Query-Parameter-Passthrough:</strong> Per URL-Edit-Button (Stift-Icon) im Playlist-Eintrag kann pro URL gesteuert werden, ob Query-Parameter von der Player-URL an die Playlist-URL übergeben werden. Standardmäßig <strong>aus</strong> – Checkbox "Query-Parameter an diese URL übergeben" aktivieren wenn gewünscht.</li>
         </ul>
         <p class="text-muted small mb-0"><i class="ti ti-info-circle me-1"></i>Änderungen an der Playlist werden automatisch gespeichert. Der Player lädt die Seite automatisch neu (via Hash-Prüfung).</p>
       </div>

templates/player.html

@@ -456,7 +456,7 @@ function playNext() {
   // URL im iframe anzeigen (mit Zoom-Unterstützung)
   if (item.kind === "url") {
     iframe.style.display = "block";
-    iframe.src = appendParams(item.url, playerParams);
+    iframe.src = (item.passthrough === true) ? appendParams(item.url, playerParams) : item.url;
     const zoom = item.zoom || 1.0;
     if (zoom !== 1.0) {
       const scale = 1 / zoom;

templates/priority.html

@@ -152,7 +152,7 @@
                       data-bs-toggle="tooltip"
                       title="URL: {{ file.name }}{% if file.zoom %} (Zoom: {{ file.zoom }}x){% endif %}"
                     {% endif %}>
-                {{ file.name }}{% if file.type == "url" and file.zoom != 1.0 %} <strong style="color: #DA002D;">[{{ file.zoom }}x]</strong>{% endif %}
+                {{ file.name }}{% if file.type == "url" and file.zoom != 1.0 %} <strong style="color: #DA002D;">[{{ file.zoom }}x]</strong>{% endif %}{% if file.type == "url" %}{% if file.get('passthrough', False) %} <i class="ti ti-link" style="color:#6c757d;" title="Query-Parameter werden übergeben"></i>{% else %} <i class="ti ti-link-off" style="color:#adb5bd;" title="Query-Parameter werden nicht übergeben"></i>{% endif %}{% endif %}
               </span>
 
               {% if file.type == "image" %}
@@ -192,7 +192,8 @@
                       data-zoom="{{ file.zoom | default(1.0) }}"
                       data-site="{{ current_site }}"
                       data-screen="priority"
-                      data-oldname="{{ file.name | e }}">
+                      data-oldname="{{ file.name | e }}"
+                       data-passthrough="{{ 'true' if file.get('passthrough', False) else 'false' }}">
                 Edit
               </button>
               {% else %}
@@ -265,6 +266,7 @@ document.addEventListener("click", function (e) {
   editState.oldName = btn.dataset.oldname;
   document.getElementById("edit-url-input").value = btn.dataset.oldname;
   document.getElementById("edit-zoom-input").value = btn.dataset.zoom;
+  document.getElementById("edit-passthrough-input").checked = btn.dataset.passthrough === "true";
   document.getElementById("edit-url-error").style.display = "none";
   new bootstrap.Modal(document.getElementById("edit-url-modal")).show();
 });
@@ -337,7 +339,8 @@ document.addEventListener("DOMContentLoaded", function () {
       body: JSON.stringify({
         old_name: editState.oldName,
         new_url: newUrl,
-        zoom: zoom
+        zoom: zoom,
+        passthrough: document.getElementById("edit-passthrough-input").checked
       })
     }).then(function (r) {
       if (r.ok) {
@@ -374,6 +377,10 @@ document.addEventListener("DOMContentLoaded", function () {
           <label class="form-label">Zoom Faktor (z.B. 1.0, 1.5, 2.0)</label>
           <input type="number" class="form-control" id="edit-zoom-input" step="0.1" min="0.1" value="1.0">
         </div>
+        <div class="mb-3 form-check">
+          <input type="checkbox" class="form-check-input" id="edit-passthrough-input">
+          <label class="form-check-label" for="edit-passthrough-input">Query-Parameter an diese URL übergeben</label>
+        </div>
         <div class="alert alert-danger py-2" id="edit-url-error" style="display:none"></div>
       </div>
       <div class="modal-footer">