Kevin Adametz
6c6d683b9a
- Mediathek: Video-Vorschaubilder statt Icons (FFmpeg-Thumbnails + Backfill-Command), Kategorie "Sonstiges" - B2in Media-Picker zeigt alle Medientypen, Typ wird automatisch erkannt; Thumbnail-Preview vor allen Medien-URL-Feldern - B2in Marke/Footer: Footer ein/aus, Logo+Claim frei positionierbar (Ecken) mit Constraints, separate Anzeige-Schalter - Angebote-Modul dynamisch: kein Slide-Typ mehr, einheitliches Detail-Layout mit ein-/ausblendbaren Bloecken, Logo/Brand pro Slide, Streichpreis-Option - Player: leere Module stoppen Endlosschleife, dynamische Layout-Anpassung bei verstecktem Footer/Header - Fix: Script-Ladereihenfolge (Livewire vor Flux), entfernte stale public/flux/flux.js, Modal-Crash beim Aktualisieren behoben Co-authored-by: Cursor <cursoragent@cursor.com>
27 lines
1.2 KiB
PHP
27 lines
1.2 KiB
PHP
@props(['url' => '', 'size' => 'h-10 w-10'])
|
|
|
|
@php
|
|
$url = (string) $url;
|
|
$path = parse_url($url, PHP_URL_PATH) ?? '';
|
|
$ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
|
|
$isVideo = in_array($ext, ['mp4', 'webm', 'mov', 'm4v', 'ogv'], true);
|
|
@endphp
|
|
|
|
<div {{ $attributes->merge(['class' => "relative {$size} shrink-0 flex items-center justify-center overflow-hidden rounded-lg border border-zinc-200 bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-800"]) }}>
|
|
@if($url === '')
|
|
<x-heroicon-o-photo class="h-5 w-5 text-zinc-300 dark:text-zinc-600" />
|
|
@elseif($isVideo)
|
|
<video class="h-full w-full object-cover" preload="metadata" muted playsinline>
|
|
<source src="{{ $url }}#t=1">
|
|
</video>
|
|
<span class="pointer-events-none absolute inset-0 flex items-center justify-center">
|
|
<x-heroicon-s-play class="h-4 w-4 text-white/90 drop-shadow" />
|
|
</span>
|
|
@else
|
|
<img src="{{ $url }}" alt="" class="h-full w-full object-cover" loading="lazy"
|
|
onerror="this.style.display='none';this.nextElementSibling.classList.remove('hidden');" />
|
|
<span class="hidden">
|
|
<x-heroicon-o-link class="h-5 w-5 text-zinc-400" />
|
|
</span>
|
|
@endif
|
|
</div>
|