- @if (session('media_uploader_notice'))
-
+{{-- resources/views/vendor/media-uploader/livewire/media-uploader.blade.php --}}
+@php
+ $theme = $theme ?? config('media-uploader.theme', 'tailwind');
+ $map = (array) config('media-uploader.themes', []);
+ $view = $map[$theme] ?? $map['tailwind'] ?? 'media-uploader::themes.tailwind.media-uploader';
+@endphp
+
+@include($view)
diff --git a/resources/views/themes/bootstrap/media-uploader.blade.php b/resources/views/themes/bootstrap/media-uploader.blade.php
new file mode 100644
index 0000000..b8aa591
--- /dev/null
+++ b/resources/views/themes/bootstrap/media-uploader.blade.php
@@ -0,0 +1,506 @@
+
-
- @endif
-
-
- {{ session('media_uploader_notice') }}
-
-
-
-
- Manage gallery
-
-
-
-
-
-
- @if($showList)
-
-
-
-
-
-
-
-
-
-
-
-
- Drag & drop files here
-
- or click to choose from your computer
- @if(!empty($allowedLabel))
- - Allowed file types: {{ $allowedLabel }}
- @endif
-
-
-
-
-
-
- @if(!empty($selected) && count($selected) > 0)
-
-
-
-
-
-
- @endif
- Ready to upload:
-
- @foreach ($selected as $sel)
- @php
- $temp = $uploads[$sel['queue_key']] ?? null;
- $canPreview = ($sel['is_image'] ?? false) && $temp && method_exists($temp, 'temporaryUrl');
- @endphp
-
-
-
-
-
-
- @endforeach
-
- {{ $sel['name'] }}
- {{ number_format(($sel['size'] ?? 0)/1024, 1) }} KB
-
-
-
-
-
-
-
-
-
- @if($canPreview)
-  }})
- @else
-
-
-
-
-
-
- @endif
-
-
-
- @error('pendingMeta.'.$sel['queue_key'].'.caption')
-
-
-
- {{ $message }}
- @enderror -
-
-
- @error('pendingMeta.'.$sel['queue_key'].'.description')
-
-
-
- {{ $message }}
- @enderror -
-
-
- @error('pendingMeta.'.$sel['queue_key'].'.order')
-
-
-
- {{ $message }}
- @enderror -
-
-
-
-
-
-
-
-
-
- @endif
-
-
-
- @if (count($items) === 0)
- {{ $attachedFilesTitle ?? 'Current gallery' }}
-
-
-
- @else
- No gallery images yet.
--
- @foreach ($items as $m)
- @php
- $id = (int) $m['id'];
- $isEditing = isset($editing[$id]);
- $linkText = $m['caption'] ?: ($m['name'] ?: ($m['original_name'] ?? $m['file_name']));
- @endphp
-
-
-
- {{-- Thumbnail / icon --}}
- @if(!empty($m['thumb']))
-
- @else -
- -- @endif - - {{-- Content --}} -- @if (! $isEditing) - @php - $isImage = \Illuminate\Support\Str::startsWith($m['mime'] ?? '', 'image/'); - @endphp - -- -- @if ($isImage) - - @else - - {{ $linkText }} - - @endif -- @if(!empty($m['description'])) -{{ $m['description'] }}- @endif -{{ number_format(($m['size'] ?? 0)/1024, 1) }} KB- @else --- @endif --- -Caption- - @error('editing.'.$id.'.caption') -{{ $message }}
- @enderror --- -Description- - @error('editing.'.$id.'.description') -{{ $message }}
- @enderror ---Order-- -- @error('editing.'.$id.'.order') -{{ $message }}
- @enderror -- @if (! $isEditing) - - - @else --- - -- @endif -
- @endforeach
-
-
-
-
-
-
-
-
-
- {{-- Delete confirmation modal --}}
-
-
-
- ![]()
-
-
-
-
-
- @endif
-
- @php
- $toDelete = null;
- if (!is_null($confirmingDeleteId)) {
- $toDelete = collect($items)->firstWhere('id', $confirmingDeleteId);
- }
- @endphp
-
-
-
-
-
-
- @if($toDelete && !empty($toDelete['thumb']))
- 
- @else
-
-
-
-
-
- @endif
-
-
- - Delete this file? -
-- {{ $toDelete['file_name'] ?? 'This file' }} -
-- This action cannot be undone. -
-
-
-
-
-
+ @if (session('media_uploader_notice'))
+
diff --git a/resources/views/themes/tailwind/media-uploader.blade.php b/resources/views/themes/tailwind/media-uploader.blade.php
new file mode 100644
index 0000000..098a7aa
--- /dev/null
+++ b/resources/views/themes/tailwind/media-uploader.blade.php
@@ -0,0 +1,555 @@
+
+
+ @endif
+
+
+ {{ session('media_uploader_notice') }}
+
+
+
+
+ Manage gallery
+
+
+
+
+
+
+ @if($showList)
+
+
+
+
+
+
+
+
+
+
+
+
+ Drag & drop files here
+
+ or click to choose from your computer
+ @if(!empty($allowedLabel))
+ - Allowed file types: {{ $allowedLabel }}
+ @endif
+
+
+
+
+
+
+ @if(!empty($selected) && count($selected) > 0)
+
+
+
+
+
+
+ @endif
+ Ready to upload:
+
+ @foreach ($selected as $sel)
+ @php
+ $temp = $uploads[$sel['queue_key']] ?? null;
+ $canPreview = ($sel['is_image'] ?? false) && $temp && method_exists($temp, 'temporaryUrl');
+ @endphp
+
+
+
+
+
+
+ @endforeach
+
+ {{ $sel['name'] }}
+ {{ number_format(($sel['size'] ?? 0)/1024, 1) }} KB
+
+
+
+
+
+
+
+
+
+ @if($canPreview)
+
+ @else
+
+
+
+
+
+
+ @endif
+
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.caption')
+
+
+
+ {{ $message }}
+ @enderror
+
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.description')
+
+
+
+ {{ $message }}
+ @enderror
+
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.order')
+
+
+
+ {{ $message }}
+ @enderror
+
+
+
+
+
+
+
+
+
+
+ @endif
+
+
+
+ @if (count($items) === 0)
+ {{ $attachedFilesTitle ?? 'Current gallery' }}
+
+
+
+ @else
+ No gallery images yet.
+-
+ @foreach ($items as $m)
+ @php
+ $id = (int) $m['id'];
+ $isEditing = isset($editing[$id]);
+ $linkText = $m['caption'] ?: ($m['name'] ?: ($m['original_name'] ?? $m['file_name']));
+ @endphp
+
+
-
+ {{-- Thumbnail / icon --}}
+ @if(!empty($m['thumb']))
+ + ++ @endif + + {{-- Content --}} ++ @if (! $isEditing) + @php + $isImage = \Illuminate\Support\Str::startsWith($m['mime'] ?? '', 'image/'); + @endphp + ++ ++ @if ($isImage) + + @else + + {{ $linkText }} + + @endif ++ @if(!empty($m['description'])) +{{ $m['description'] }}+ @endif +{{ number_format(($m['size'] ?? 0)/1024, 1) }} KB+ @else +++ @endif +++ +Caption+ + @error('editing.'.$id.'.caption') +{{ $message }}+ @enderror +++ +Description+ + @error('editing.'.$id.'.description') +{{ $message }}+ @enderror +++Order++ ++ @error('editing.'.$id.'.order') +{{ $message }}+ @enderror ++ @if (! $isEditing) + + + @else +++ + ++ @endif +
+ @endforeach
+
+
+
+
+
+
+
+
+
+ {{-- Delete confirmation modal --}}
+
+
+
+ ![]()
+
+
+
+
+
+ @endif
+
+
+
+ @php
+ $toDelete = null;
+ if (!is_null($confirmingDeleteId)) {
+ $toDelete = collect($items)->firstWhere('id', $confirmingDeleteId);
+ }
+ @endphp
+
+
+
+
+
+
+ @if($toDelete && !empty($toDelete['thumb']))
+
+ @else
+
+
+
+
+
+ @endif
+
+
+ + Delete this file? +
++ {{ $toDelete['file_name'] ?? 'This file' }} +
++ This action cannot be undone. +
+
+
+
+
+
+ @if (session('media_uploader_notice'))
+
diff --git a/src/Livewire/MediaUploader.php b/src/Livewire/MediaUploader.php
index ee08738..4a945c5 100644
--- a/src/Livewire/MediaUploader.php
+++ b/src/Livewire/MediaUploader.php
@@ -18,17 +18,17 @@ class MediaUploader extends Component
{
use WithFileUploads;
- public array $namespaces = ['App\\Models'];
- public array $aliases = [];
- public ?string $collection = 'images';
- public ?string $disk = null;
- public bool $multiple = true;
- public ?string $accept = null;
- public bool $showList = true;
- public int $maxSizeKb = 500;
- public array $uploads = [];
- public array $selected = [];
- public array $items = [];
+ public array $namespaces = ['App\\Models'];
+ public array $aliases = [];
+ public ?string $collection = 'images';
+ public ?string $disk = null;
+ public bool $multiple = true;
+ public ?string $accept = null;
+ public bool $showList = true;
+ public int $maxSizeKb = 500;
+ public array $uploads = [];
+ public array $selected = [];
+ public array $items = [];
public string $onNameConflict = 'rename';
public bool $skipExactDuplicates = false;
public ?string $preset = null;
@@ -39,6 +39,7 @@ class MediaUploader extends Component
public array $pendingMeta = [];
public ?int $confirmingDeleteId = null;
public string $allowedLabel = '';
+ public ?string $theme = null;
#[Locked] public string $resolvedModelClass;
#[Locked] public int|string $resolvedModelId;
+
+ @endif
+
+
+ {{ session('media_uploader_notice') }}
+
+
+
+
+ Manage gallery
+
+
+
+
+
+
+ @if($showList)
+
+
+
+
+
+
+
+
+
+
+
+
+ Drag & drop files here
+
+ or click to choose from your computer
+ @if(!empty($allowedLabel))
+ - Allowed file types: {{ $allowedLabel }}
+ @endif
+
+
+
+
+
+
+ @if(!empty($selected) && count($selected) > 0)
+
+
+
+
+
+
+ @endif
+ Ready to upload:
+
+ @foreach ($selected as $sel)
+ @php
+ $temp = $uploads[$sel['queue_key']] ?? null;
+ $canPreview = ($sel['is_image'] ?? false) && $temp && method_exists($temp, 'temporaryUrl');
+ @endphp
+
+
+
+
+
+
+ @endforeach
+
+ {{ $sel['name'] }}
+ {{ number_format(($sel['size'] ?? 0)/1024, 1) }} KB
+
+
+
+
+
+
+
+
+
+ @if($canPreview)
+
+ @else
+
+
+
+
+
+
+ @endif
+
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.caption')
+
+
+
+ {{ $message }}
+ @enderror +
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.description')
+
+
+
+ {{ $message }}
+ @enderror +
+
+
+ @error('pendingMeta.'.$sel['queue_key'].'.order')
+
+
+
+ {{ $message }}
+ @enderror +
+
+
+
+
+
+
+
+
+
+ @endif
+
+
+
+ @if (count($items) === 0)
+ {{ $attachedFilesTitle ?? 'Current gallery' }}
+
+
+
+ @else
+ No gallery images yet.
+-
+ @foreach ($items as $m)
+ @php
+ $id = (int) $m['id'];
+ $isEditing = isset($editing[$id]);
+ $linkText = $m['caption'] ?: ($m['name'] ?: ($m['original_name'] ?? $m['file_name']));
+ @endphp
+
+
-
+ {{-- Thumbnail / icon --}}
+ @if(!empty($m['thumb']))
+ + ++ @endif + + {{-- Content --}} ++ @if (! $isEditing) + @php + $isImage = \Illuminate\Support\Str::startsWith($m['mime'] ?? '', 'image/'); + @endphp + ++ ++ @if ($isImage) + + @else + + {{ $linkText }} + + @endif ++ @if(!empty($m['description'])) +{{ $m['description'] }}+ @endif +{{ number_format(($m['size'] ?? 0)/1024, 1) }} KB+ @else +++ @endif +++ +Caption+ + @error('editing.'.$id.'.caption') +
{{ $message }}
+ @enderror +++ +Description+ + @error('editing.'.$id.'.description') +{{ $message }}
+ @enderror +++Order++ ++ @error('editing.'.$id.'.order') +{{ $message }}
+ @enderror ++ @if (! $isEditing) + + + @else +++ + ++ @endif +
+ @endforeach
+
+
+
+
+
+
+
+
+
+ {{-- Delete confirmation modal --}}
+
+
+
+ ![]()
+
+
+
+
+
+ @endif
+
+ @php
+ $toDelete = null;
+ if (!is_null($confirmingDeleteId)) {
+ $toDelete = collect($items)->firstWhere('id', $confirmingDeleteId);
+ }
+ @endphp
+
+
+
+
+
+
+ @if($toDelete && !empty($toDelete['thumb']))
+
+ @else
+
+
+
+
+
+ @endif
+
+
+ + Delete this file? +
++ {{ $toDelete['file_name'] ?? 'This file' }} +
++ This action cannot be undone. +
+
+
+
+
+