9f01d44c9d
edit form now has image upload for featured image table view for entries shows featured image view entry shows featured image
87 lines
4 KiB
PHP
87 lines
4 KiB
PHP
<?php
|
|
|
|
namespace App\Filament\Resources\Entries\Schemas;
|
|
|
|
use Filament\Actions\Action;
|
|
use Filament\Forms\Components\DatePicker;
|
|
use Filament\Forms\Components\RichEditor;
|
|
use Filament\Forms\Components\Select;
|
|
use Filament\Forms\Components\SpatieMediaLibraryFileUpload;
|
|
use Filament\Forms\Components\Textarea;
|
|
use Filament\Forms\Components\TextInput;
|
|
use Filament\Forms\Components\Toggle;
|
|
use Filament\Schemas\Schema;
|
|
use Illuminate\Support\Str;
|
|
use Spatie\MediaLibrary\MediaCollections\Models\Media;
|
|
|
|
class EntryForm
|
|
{
|
|
public static function configure(Schema $schema): Schema
|
|
{
|
|
return $schema
|
|
->components([
|
|
TextInput::make('title')
|
|
->required()
|
|
->live(onBlur: true)
|
|
->afterStateUpdated(function ($state, $set): void {
|
|
$set('slug', Str::slug((string) $state));
|
|
}),
|
|
TextInput::make('slug')
|
|
->required()
|
|
->dehydrated()
|
|
->readOnly(),
|
|
Textarea::make('description')
|
|
->columnSpanFull(),
|
|
SpatieMediaLibraryFileUpload::make('featured_image')
|
|
->collection('featured-image')
|
|
->image()
|
|
->imageEditor()
|
|
->columnSpanFull(),
|
|
Toggle::make('is_published')
|
|
->required(),
|
|
Toggle::make('is_featured')
|
|
->required(),
|
|
DatePicker::make('published_at'),
|
|
RichEditor::make('content')
|
|
->columnSpanFull()
|
|
->hintAction(
|
|
Action::make('picker')
|
|
->label('Gallery Picker')
|
|
->icon('heroicon-m-photo')
|
|
->schema([
|
|
Select::make('image_url')
|
|
->label('Select an existing image')
|
|
->allowHtml()
|
|
->options(function () {
|
|
// We must 'get' the collection first so we can call getUrl()
|
|
// because 'url' is not a column in the Spatie database table.
|
|
return Media::latest()
|
|
->get()
|
|
->mapWithKeys(function (Media $item) {
|
|
$url = $item->getUrl();
|
|
|
|
$fileName = e($item->file_name);
|
|
$name = e($item->name ?? '');
|
|
|
|
$html = "<div class='flex items-center gap-2 w-full'>".
|
|
"<img src=\"{$url}\" class=\"rounded\" style=\"max-width:200px;max-height:200px;object-fit:cover;width:auto;height:auto;\" alt=\"{$fileName}\"/>".
|
|
"<span class=\"ml-2 truncate\">{$name} — {$fileName}</span></div>";
|
|
|
|
return [$url => $html];
|
|
})->toArray();
|
|
})
|
|
->searchable()
|
|
->required(),
|
|
])
|
|
->action(function (array $data, RichEditor $component) {
|
|
// We dispatch the URL to the browser to be inserted into TipTap
|
|
$component->getLivewire()->dispatch('insert-editor-content', [
|
|
'statePath' => $component->getStatePath(),
|
|
'html' => "<img src='{$data['image_url']}' alt=''>",
|
|
]);
|
|
})
|
|
),
|
|
|
|
]);
|
|
}
|
|
}
|