schema([ // Section::make("新增 文章")->schema([ Group::make()->schema([ Select::make("news_category_id") ->options(NewsCategory::get()->pluck("name","id")) ->label("文章分類") ->columnSpan(1) ->native(false) ->Live(), ])->columnSpanFull()->columns(2), Group::make()->schema([ DatePicker::make('post_date') ->label("發布日期") ->closeOnDateSelection(), ])->columnSpanFull()->columns(2), FileUpload::make('news_img_pc')->label("列表圖(desktop)") ->disk("public") // ->helperText('建議寬高限制為:1280*720px,檔案大小限制為1M以下')->maxSize('1024') ->directory("news"), FileUpload::make('news_img_mobile')->label("列表圖(mobile)") ->disk("public") // ->helperText('建議寬高限制為:600*896px,檔案大小限制為1M以下')->maxSize('1024') ->directory("news"), Translate::make()->schema(fn (string $locale) => [ TextInput::make('title') ->label("標題") ->columnSpan(1), TextInput::make('written_by') ->label("發佈者")->columnSpan(1), Textarea::make("description")->rows(5)->columnSpanFull()->label("短文"), ])->locales(["zh_TW", "en"]) ->id("main") ->columnSpanFull()->columns(3), TextInput::make('order')->label("排序")->integer()->default(0), ])->columns(3), Section::make("SEO")->schema([ // SEO::make(), Translate::make()->schema(fn (string $locale) => [ TextInput::make('meta_title')->label("SEO 標題")->columnSpan(1), Textarea::make("meta_keyword")->rows(5)->columnSpanFull()->label("SEO 關鍵字"), Textarea::make("meta_description")->rows(5)->columnSpanFull()->label("SEO 短文"), ]) ->locales(["zh_TW", "en"]) ->id("seo"), FileUpload::make('meta_img')->label("放大預覽圖")->disk("public") // ->helperText('建議寬高限制為:1200*630px,檔案大小限制為1M以下')->maxSize('1024') ->directory("seo/news"), ])->columnSpanFull(), Section::make("文章內容")->schema([ Repeater::make("paragraphs")->schema([ TextInput::make('item_key') ->default(fn () => Str::random()) ->hidden() ->afterStateHydrated(function (TextInput $component, $state) { if (empty($state)) { $component->state(Str::random()); } }), Radio::make("paragraph_type")->options([ 1 => "圖片", 2 => "文字", 3 => "影音", ])->label("")->default(1)->Live(), Group::make()->schema([ Section::make('')->schema([ Repeater::make("multiple_images")->schema([ TextInput::make('para_img_item_key') ->default(fn () => Str::random()) ->hidden() ->afterStateHydrated(function (TextInput $component, $state) { if (empty($state)) { $component->state(Str::random()); } }), Translate::make()->schema(fn (string $locale) => [ TextInput::make('image_alt')->label("圖片註文"), ])->locales(["zh_TW", "en"]) ->id(fn ($get) => "para_img_mul_" . $get('para_img_item_key')), FileUpload::make('image_url')->label("")->disk("public") // ->helperText('建議寬高限制為:1080*675px,檔案大小限制為1M以下')->maxSize('1024') ->directory("news/extraPhoto") ->maxFiles(10), ]) ->relationship("photos") ->label("") ->orderColumn('order') ]) ])->visible(fn (Get $get):bool => $get("paragraph_type") == 1), Group::make()->schema([ Translate::make()->schema(fn (string $locale) => [ RichEditor::make('text_content') ->toolbarButtons([ 'blockquote', 'bold', 'bulletList', 'h2', 'h3', 'italic', 'link', 'orderedList', 'redo', 'strike', 'underline', 'undo', ]) ->disableToolbarButtons([ 'blockquote', 'strike', 'attachFiles', ]) ->fileAttachmentsDirectory('attachments') ->fileAttachmentsVisibility('private'), ]) ->locales(["zh_TW", "en"]) ->id(fn ($get) => "para_text_" . $get('item_key')), ])->visible(fn (Get $get):bool => $get("paragraph_type") == 2), Group::make()->schema([ Section::make("")->schema([ FileUpload::make('video_img')->label("影片底圖") ->disk("public") ->directory("news/paragraph/video"), // ->helperText('建議寬高限制為:2000*720px,出血寬度720px,主要圖像範圍為:1280*720px,檔案大小限制為1M以下')->maxSize('1024'), Translate::make()->schema(fn (string $locale) => [ TextInput::make('video_img_alt')->label("圖片註文")->columnSpan(1), ])->locales(["zh_TW", "en"]) ->id(fn ($get) => "para_video_img_alt_" . $get('item_key')), Radio::make("video_type")->label("")->options([ 1 => "網址", 2 => "檔案" ])->columnSpanFull()->default(1)->Live(), Group::make()->schema([ TextInput::make('link')->label("網址")->nullable(), ])->visible(fn (Get $get):bool => $get("video_type") == 1)->columnSpanFull(), Group::make()->schema([ FileUpload::make('video_url')->label("")->disk("public")->directory("news/paragraph/video") // ->helperText('建議影片寬高限制為:1920*1080px,出血寬度720px,大小限制為:100M以下') // ->maxSize(102400) ->nullable(), ])->visible(fn (Get $get):bool => $get("video_type") == 2)->columnSpanFull(), ]), ])->visible(fn (Get $get):bool => $get("paragraph_type") == 3), ]) ->relationship("paragraphs") ->label("段落") ->collapsible() ->reorderableWithButtons() ->orderColumn('order') ->cloneable() ]), ]); } public static function table(Table $table): Table { return $table ->columns([ // TextColumn::make("newsCategory.name")->label("分類")->alignCenter(), TextColumn::make("title")->label("標題")->alignCenter(), TextColumn::make("written_by")->label("發佈者")->alignCenter(), TextColumn::make("post_date")->label("發佈時間")->dateTime('Y/m/d')->alignCenter(), ImageColumn::make("news_img_pc_url")->label("列表圖")->alignCenter(), TextColumn::make("list_audit_state")->label("狀態")->badge() ->color(fn (string $state): string => match ($state) { '暫存' => 'warning', '已發佈' => 'success', }), IconColumn::make("on_top")->label("置頂") ->color(fn (string $state): string => match ($state) { 1 => 'success', default => '' }) ->icon(fn (string $state): string => match ($state) { 1 => 'heroicon-o-check-circle', default => '' }) ->action(function ($record): void { $record->on_top = !$record->on_top; $record->save(); }), TextColumn::make("created_at")->label("建立時間")->dateTime('Y/m/d H:i:s')->alignCenter(), TextColumn::make("updated_at")->label("更新時間")->dateTime()->alignCenter(), ]) ->filters([ SelectFilter::make('news_category_id')->label("分類") ->options(NewsCategory::orderBy("order")->pluck("name", "id")) ->attribute('news_category_id'), SelectFilter::make('post_date')->label("年份") ->options(News::select(DB::raw("DATE_FORMAT(post_date, '%Y') as year"))->whereNotNull("post_date")->distinct()->pluck("year","year")->toArray()) ->query( fn (array $data, Builder $query): Builder => $query->when( $data['value'], fn (Builder $query, $value): Builder => $query->where('post_date', 'like', $data['value']. "%") ) ), SelectFilter::make('visible')->label("狀態") ->options([ 0 => "暫存", 1 => "已發佈", ]) ->query( fn (array $data, Builder $query): Builder => $query->when( $data['value'], fn (Builder $query, $value): Builder => $query->where('visible', $data['value']) ) ), ]) ->actions([ Tables\Actions\EditAction::make(), Tables\Actions\DeleteAction::make(), \Filament\Tables\Actions\Action::make("audit") ->label(fn ($record) => match ($record->visible) { 0 => '發佈', 1 => '下架', }) ->color(fn ($record) => match ($record->visible) { 0 => 'warning', 1 => 'gray', }) ->icon(fn ($record) => match ($record->visible) { 0 => 'heroicon-m-chevron-double-up', 1 => 'heroicon-m-chevron-double-down', }) ->action(function ($record): void { $record->visible = !$record->visible; $record->save(); }) ->outlined() ->requiresConfirmation(), ]) ->bulkActions([ Tables\Actions\BulkActionGroup::make([ Tables\Actions\DeleteBulkAction::make(), ]), ]) ->defaultSort('order', 'desc') ->defaultSort('created_at', 'desc'); } public static function getRelations(): array { return [ // ]; } public static function getPages(): array { return [ 'index' => Pages\ListNews::route('/'), 'create' => Pages\CreateNews::route('/create'), 'edit' => Pages\EditNews::route('/{record}/edit'), 'view' => Pages\ViewNews::route('/{record}/view'), ]; } }