- Bild(er) wurden konvertiert und
- Datenbank-Verweis(e) aktualisiert.
- Originaldatei(en) konnten nicht entfernt werden und werden erneut angeboten.
-
-
-
- Migration abgeschlossen: Bild(er) konvertiert und
- Datenbank-Verweis(e) aktualisiert.
-
-
-
-
-
-
-
WebP-Migration verfügbar
-
- vorhandene(s) Upload-Bild(er) sind noch nicht als WebP gespeichert.
- Die Veranstaltungseinträge werden automatisch aktualisiert.
+
+
+
+
WebP-Migration verfügbar
+
+ vorhandene(s) Upload-Bild(er) sind noch nicht als WebP gespeichert.
+ Die Veranstaltungseinträge werden automatisch aktualisiert.
+
-
-
+
+
+
+
Migration wird vorbereitet …
+
@@ -491,6 +514,106 @@ if ($loggedIn) {
toggle.addEventListener('change', apply);
apply();
})();
+
+ // Bestandsmigration: ein Bild pro Request, damit der Fortschritt sichtbar
+ // bleibt und die Migration nach Abbruch gefahrlos fortgesetzt werden kann.
+ (function () {
+ const panel = document.getElementById('webp-migration-panel');
+ const button = document.getElementById('webp-migration-start');
+ const wrap = document.getElementById('webp-migration-progress-wrap');
+ const progress = document.getElementById('webp-migration-progress');
+ const progressBox = progress ? progress.parentElement : null;
+ const status = document.getElementById('webp-migration-status');
+ const summary = document.getElementById('webp-migration-summary');
+ if (!panel || !button || !wrap || !progress || !progressBox || !status || !summary) return;
+
+ let total = Number.parseInt(panel.dataset.total || '0', 10);
+ let completed = 0;
+ let running = false;
+
+ const setProgress = (percent) => {
+ const bounded = Math.max(0, Math.min(100, percent));
+ progress.style.width = `${bounded}%`;
+ progress.textContent = `${bounded}%`;
+ progressBox.setAttribute('aria-valuenow', String(bounded));
+ };
+
+ const finish = () => {
+ setProgress(100);
+ progress.classList.remove('progress-bar-animated');
+ panel.classList.remove('alert-warning', 'alert-danger');
+ panel.classList.add('alert-success');
+ summary.textContent = 'WebP-Migration abgeschlossen.';
+ status.textContent = 'Alle Bestandsbilder wurden konvertiert und ihre Datenbank-Verweise aktualisiert.';
+ button.classList.add('d-none');
+ running = false;
+ };
+
+ const runMigration = async () => {
+ if (running) return;
+ if (completed === 0 && !window.confirm('Alle erkannten Bestandsbilder jetzt nach WebP konvertieren?')) return;
+
+ running = true;
+ button.disabled = true;
+ button.textContent = 'Migration läuft …';
+ wrap.classList.remove('d-none');
+ panel.classList.remove('alert-danger');
+ panel.classList.add('alert-warning');
+ progress.classList.add('progress-bar-animated');
+
+ try {
+ while (true) {
+ status.textContent = `Konvertiere Bild ${Math.min(completed + 1, total)} von ${total} …`;
+ const body = new URLSearchParams({
+ migration_step: '1',
+ migration_csrf: panel.dataset.csrf || ''
+ });
+ const response = await fetch('admin.php', {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},
+ body: body.toString()
+ });
+ const responseText = await response.text();
+ let payload;
+ try {
+ payload = JSON.parse(responseText);
+ } catch (error) {
+ throw new Error(`Ungültige Serverantwort (HTTP ${response.status}).`);
+ }
+ if (!response.ok || !payload.ok) {
+ throw new Error(payload.error || `Serverfehler (HTTP ${response.status}).`);
+ }
+
+ const result = payload.result;
+ if (result.processed === 0 || result.remaining_count === 0) {
+ finish();
+ return;
+ }
+
+ completed += result.processed;
+ total = Math.max(total, completed + result.remaining_count);
+ setProgress(Math.round((completed / total) * 100));
+ status.textContent = `${result.source} wurde konvertiert. Noch ${result.remaining_count} Bild(er).`;
+
+ if (result.deletion_failed) {
+ throw new Error(`Die Originaldatei ${result.source} konnte nicht entfernt werden.`);
+ }
+ }
+ } catch (error) {
+ running = false;
+ button.disabled = false;
+ button.textContent = 'Migration fortsetzen';
+ progress.classList.remove('progress-bar-animated');
+ panel.classList.remove('alert-warning');
+ panel.classList.add('alert-danger');
+ summary.textContent = 'Die Migration wurde unterbrochen.';
+ status.textContent = error instanceof Error ? error.message : 'Unbekannter Fehler.';
+ }
+ };
+
+ button.addEventListener('click', runMigration);
+ })();