'outside']); $this->canCreate = Auth::user()?->can('song-edit') ?? false; $this->canEdit = Auth::user()?->can('song-edit') ?? false; $this->canDownload=Auth::user()?->can('song-delete') ?? false; $this->canDelect = Auth::user()?->can('song-delete') ?? false; } public function setUp(): array { if($this->canDownload || $this->canDelect){ $this->showCheckBox(); } $actions = []; if($this->canDownload){ $actions[]=PowerGrid::exportable(fileName: 'song-file') ->type(Exportable::TYPE_XLS, Exportable::TYPE_CSV); } $header = PowerGrid::header()->showSoftDeletes()->showToggleColumns(); if($this->canCreate){ $header->includeViewOnTop('livewire.admin.song-header'); } $actions[]=$header; $actions[]=PowerGrid::footer()->showPerPage()->showRecordCount(); return $actions; } public function header(): array { $actions = []; if ($this->canDelect) { $actions[]=Button::add('bulk-delete') ->slot('Bulk delete ()') ->icon('solid-trash',['id' => 'my-custom-icon-id', 'class' => 'font-bold']) ->class('inline-flex items-center gap-1 px-3 py-1 rounded ') ->dispatch('bulkDelete.' . $this->tableName, []); } return $actions; } public function datasource(): Builder { return Song::query()->with([ 'artists:id,name' ]); } public function relationSearch(): array { return []; } public function fields(): PowerGridFields { return PowerGrid::fields() ->add('id') ->add('name') ->add('simplified') ->add('phonetic_abbr') ->add('pinyin_abbr') ->add('strokes_abbr') ->add('filename') ->add('adddate_formatted', fn (Song $model) => Carbon::parse($model->adddate)->format('Y-m-d')) ->add('song_artists' ,fn(Song $model)=> $model->str_artists()) //->add('language_type_str', fn (Song $model) => SongLanguageType::from($model->language_type->value)->labels()) ->add('language_type_str', function (Song $model) { return Blade::render( '', [ 'options' => SongLanguageType::options(), 'modelId' => intval($model->id), 'fieldName'=>'language_type', 'selected' => $model->language_type->value ]); } ) ->add('song_categories', fn(Song $model) => $model->str_categories()) ->add('db_change') ->add('vocal') //->add('situation_str', fn (Song $model) => SongSituation::from($model->situation->value)->labels()) ->add('situation_str', function (Song $model){ return Blade::render( '', [ 'options' => SongSituation::options(), 'modelId' => intval($model->id), 'fieldName'=>'situation', 'selected' => $model->situation->value ]); } ) ->add('copyright01') ->add('copyright02') ->add('note01') ->add('note02') ->add('note03') ->add('note04') ->add('enable') ->add('created_at_formatted', fn (Song $model) => Carbon::parse($model->created_at)->format('Y-m-d H:i:s')); } public function columns(): array { $column=[]; $column[]=Column::make(__('songs.id'), 'id') ->editOnClick(hasPermission: $this->canEdit, dataField: 'id', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.name'), 'name')->sortable()->searchable() ->editOnClick(hasPermission: $this->canEdit, dataField: 'name', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.simplified'), 'simplified')->sortable()->searchable()->hidden(true, false); $column[]=Column::make(__('songs.name.phinetic'), 'phonetic_abbr')->sortable()->searchable()->hidden(true, false); $column[]=Column::make(__('songs.name.pinyin'), 'pinyin_abbr')->sortable()->searchable()->hidden(true, false); $column[]=Column::make(__('songs.name.strokes'), 'strokes_abbr')->sortable()->searchable()->hidden(true, false); $column[]=Column::make(__('songs.filename'), 'filename')->sortable()->searchable() ->editOnClick(hasPermission: $this->canEdit, dataField: 'filename', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.adddate'), 'adddate_formatted', 'adddate')->sortable(); $column[]=Column::make(__('songs.artists'), 'song_artists'); $column[]=Column::make(__('songs.language_type'),'language_type_str', 'songs.language_type')->searchable(); $column[]=Column::make(__('songs.categorys'), 'song_categories'); $column[]=Column::make('Db change', 'db_change') ->editOnClick(hasPermission: $this->canEdit, dataField: 'db_change', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.vocal'), 'vocal')->toggleable(hasPermission: true, trueLabel: 'yes', falseLabel: 'no'); $column[]=Column::make(__('songs.situation'), 'situation_str','songs.situation')->searchable(); $column[]=Column::make(__('songs.copyright01'), 'copyright01')->sortable()->searchable() ->editOnClick(hasPermission: $this->canEdit, dataField: 'copyright01', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.copyright02'), 'copyright02')->sortable()->searchable()->hidden(true, false) ->editOnClick(hasPermission: $this->canEdit, dataField: 'copyright02', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.note01'), 'note01')->sortable()->searchable() ->editOnClick(hasPermission: $this->canEdit, dataField: 'note01', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.note02'), 'note02')->sortable()->searchable()->hidden(true, false) ->editOnClick(hasPermission: $this->canEdit, dataField: 'note02', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.note03'), 'note03')->sortable()->searchable()->hidden(true, false) ->editOnClick(hasPermission: $this->canEdit, dataField: 'note03', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.note04'), 'note04')->sortable()->searchable()->hidden(true, false) ->editOnClick(hasPermission: $this->canEdit, dataField: 'note04', fallback: 'N/A', saveOnMouseOut: true); $column[]=Column::make(__('songs.enable'), 'enable')->toggleable(hasPermission: true, trueLabel: 'yes', falseLabel: 'no'); $column[]=Column::make('Created at', 'created_at_formatted', 'created_at')->sortable()->hidden(true, false); $column[]=Column::action(__('songs.actions')); return $column; } public function filters(): array { return [ Filter::number('id')->placeholder(0,9999999), Filter::inputText('name')->placeholder(__('songs.name')), Filter::inputText('phonetic_abbr')->placeholder(__('songs.name.phinetic')), Filter::inputText('pinyin_abbr')->placeholder(__('songs.name.pinyin_abbr')), Filter::number('strokes_abbr'), Filter::inputText('filename')->placeholder(__('songs.filename')), Filter::datepicker('adddate'), Filter::enumSelect('language_type_str','songs.language_type') ->datasource(SongLanguageType::cases()) ->optionLabel('songs.language_type'), Filter::inputText('copyright01')->placeholder(__('songs.copyright01')), Filter::inputText('copyright02')->placeholder(__('songs.copyright02')), Filter::inputText('note01')->placeholder(__('songs.note01')), Filter::inputText('note02')->placeholder(__('songs.note02')), Filter::inputText('note03')->placeholder(__('songs.note03')), Filter::inputText('note04')->placeholder(__('songs.note04')), Filter::boolean('enable')->label('✅', '❌'), Filter::datetimepicker('created_at'), ]; } #[On('bulkDelete.{tableName}')] public function bulkDelete(): void { $this->js('alert(window.pgBulkActions.get(\'' . $this->tableName . '\'))'); if($this->checkboxValues){ Song::destroy($this->checkboxValues); $this->js('window.pgBulkActions.clearAll()'); // clear the count on the interface. } } #[On('categoryChanged')] public function categoryChanged($value,$fieldName, $modelId): void { // dd($value,$fieldName, $modelId); if (in_array($fieldName, ['language_type', 'situation'])) { $this->noUpdated($modelId,$fieldName,$value); } } #[On('onUpdatedEditable')] public function onUpdatedEditable($id, $field, $value): void { if (in_array($field,[ 'name','filename','db_change', 'copyright01','copyright02','note01','note02','note03','note04' ]) && $this->canEdit) { $this->noUpdated($id,$field,$value); } } #[On('onUpdatedToggleable')] public function onUpdatedToggleable($id, $field, $value): void { if (in_array($field,['vocal','enable']) && $this->canEdit) { $this->noUpdated($id,$field,$value); } } private function noUpdated($id,$field,$value){ $song = Song::find($id); if ($song) { $song->{$field} = $value; $song->save(); // 明確觸發 saving } } public function actions(Song $row): array { $actions = []; if ($this->canEdit) { $actions[]=Button::add('edit') ->slot(__('songs.edit')) ->icon('solid-pencil-square') ->class('inline-flex items-center gap-1 px-3 py-1 rounded ') ->dispatchTo('admin.song-form', 'openEditSongModal', ['id' => $row->id]); } if($this->canDelect){ $actions[]=Button::add('delete') ->slot(__('songs.delete')) ->icon('solid-trash') ->class('inline-flex items-center gap-1 px-3 py-1 rounded ') ->dispatchTo('admin.song-form', 'deleteSong', ['id' => $row->id]); } return $actions; } /* public function actionRules($row): array { return [ // Hide button edit for ID 1 Rule::button('edit') ->when(fn($row) => $row->id === 1) ->hide(), ]; } */ }