From cf5e30715c699dac93e738c931449b03dcc3d028 Mon Sep 17 00:00:00 2001
From: Terranom674 <thomas_dannenberg@web.de>
Date: Sun, 16 Aug 2026 13:13:13 +0200
Subject: [PATCH] Add asset manager admin UI

---
 template/asset_manager_admin.tpl | 79 ++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 template/asset_manager_admin.tpl

diff --git a/template/asset_manager_admin.tpl b/template/asset_manager_admin.tpl
new file mode 100644
index 0000000..25446b8
--- /dev/null
+++ b/template/asset_manager_admin.tpl
@@ -0,0 +1,79 @@
+<section class="bratonien-section" id="bilddateien">
+  <h3>Bilddateien & Pfade</h3>
+  <p class="bratonien-section__intro">Zentrale Ablage fuer Logos, Hintergruende und andere Bilder, die Piwigo oder Plugins als Pfad relativ zur Installation erwarten.</p>
+
+  <div class="bratonien-grid">
+    <div class="bratonien-card">
+      <h4>Pfadinformation</h4>
+      <div class="bratonien-form-grid">
+        <span class="bratonien-label">Piwigo-Installationspfad</span><code>{$ASSET_ENV.root|escape:html}</code>
+        <span class="bratonien-label">Relativer Asset-Pfad</span><code>{$ASSET_ENV.relative_dir|escape:html}</code>
+        <span class="bratonien-label">Serverpfad der Ablage</span><code>{$ASSET_ENV.absolute_dir|escape:html}</code>
+        <span class="bratonien-label">Beschreibbar</span><strong>{if $ASSET_ENV.writable}Ja{elseif $ASSET_ENV.exists}Nein{else}Wird beim ersten Upload angelegt{/if}</strong>
+        <span class="bratonien-label">PHP Upload-Limit</span><span>{$ASSET_ENV.upload_max|escape:html} (POST: {$ASSET_ENV.post_max|escape:html})</span>
+      </div>
+      <p class="bratonien-base-note">Wenn eine Einstellung einen Pfad „relativ zum Piwigo-Installationsverzeichnis“ verlangt, kopierst du den angezeigten relativen Dateipfad unveraendert.</p>
+    </div>
+
+    <div class="bratonien-card">
+      <h4>Bild hochladen</h4>
+      <form method="post" enctype="multipart/form-data">
+        <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+        <input type="file" name="asset_upload" accept="image/jpeg,image/png,image/gif,image/webp" required>
+        <div class="bratonien-actions">
+          <button class="buttonLike" type="submit" name="bratonien_tool" value="asset_upload">Bild hochladen</button>
+        </div>
+      </form>
+      <p class="bratonien-base-note">Unterstuetzt: JPG, JPEG, PNG, GIF und WEBP. Dateien werden dauerhaft unter <code>{$ASSET_ENV.relative_dir|escape:html}</code> abgelegt und bleiben bei Plugin-Updates erhalten.</p>
+    </div>
+  </div>
+
+  <div class="bratonien-card" style="margin-top:16px;">
+    <h4>Vorhandene Bilddateien</h4>
+    {if $BRATONIEN_ASSETS|@count}
+      <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;">
+        {foreach from=$BRATONIEN_ASSETS item=asset}
+          <div style="border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:12px;min-width:0;">
+            <div style="height:150px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15);overflow:hidden;margin-bottom:10px;">
+              <img src="{$asset.url|escape:html}" alt="{$asset.file|escape:html}" style="max-width:100%;max-height:100%;object-fit:contain;">
+            </div>
+            <strong style="display:block;overflow-wrap:anywhere;">{$asset.file|escape:html}</strong>
+            <div class="bratonien-muted" style="margin:5px 0 8px;">{if $asset.width}{$asset.width} × {$asset.height} px · {/if}{math equation="x/1024" x=$asset.bytes format="%.1f"} KB</div>
+            <label style="display:block;margin-bottom:5px;">Relativer Pfad</label>
+            <div class="bratonien-inline" style="align-items:stretch;">
+              <input type="text" readonly value="{$asset.relative|escape:html}" style="min-width:0;flex:1;" data-asset-path>
+              <button class="buttonLike" type="button" data-copy-asset>Pfad kopieren</button>
+            </div>
+            <form method="post" style="margin-top:10px;">
+              <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+              <input type="hidden" name="asset_file" value="{$asset.file|escape:html}">
+              <button class="buttonLike bratonien-delete-button" type="submit" name="bratonien_tool" value="asset_delete" onclick="return confirm('Diese Bilddatei wirklich dauerhaft loeschen?');">Datei loeschen</button>
+            </form>
+          </div>
+        {/foreach}
+      </div>
+    {else}
+      <p class="bratonien-muted">Noch keine Bilddateien in der zentralen Bratonien-Ablage.</p>
+    {/if}
+  </div>
+</section>
+
+<script>
+document.addEventListener('click', function (event) {
+  var button = event.target.closest('[data-copy-asset]');
+  if (!button) return;
+  var input = button.parentNode.querySelector('[data-asset-path]');
+  if (!input) return;
+  var value = input.value;
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    navigator.clipboard.writeText(value).then(function () {
+      var old = button.textContent;
+      button.textContent = 'Kopiert';
+      setTimeout(function () { button.textContent = old; }, 1200);
+    });
+  } else {
+    input.select();
+    document.execCommand('copy');
+  }
+});
+</script>