add lecturer avatar

app/Http/Livewire/Tables/LecturerTable.php

@@ -23,10 +23,10 @@ class LecturerTable extends DataTableComponent
         return [
             ImageColumn::make('')
                        ->location(
-                           fn($row) => 'https://avatars.dicebear.com/api/male/'.fake()->name().'.svg?background=%23000'
+                           fn($row) => $row->getFirstMediaUrl('avatar', 'thumb')
                        )
                        ->attributes(fn($row) => [
-                           'class' => 'rounded-full h-16 w-16',
+                           'class' => 'rounded h-16 w-16',
                            'alt'   => $row->name.' Avatar',
                        ]),
             Column::make("Name", "name")

app/Models/Lecturer.php

@@ -4,20 +4,24 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Spatie\Image\Manipulations;
+use Spatie\MediaLibrary\HasMedia;
+use Spatie\MediaLibrary\InteractsWithMedia;
+use Spatie\MediaLibrary\MediaCollections\Models\Media;
 use Spatie\Sluggable\HasSlug;
 use Spatie\Sluggable\SlugOptions;
 
-class Lecturer extends Model
+class Lecturer extends Model implements HasMedia
 {
     use HasFactory;
     use HasSlug;
+    use InteractsWithMedia;
 
     /**
      * The attributes that aren't mass assignable.
      * @var array
      */
     protected $guarded = [];
-
     /**
      * The attributes that should be cast to native types.
      * @var array
@@ -28,6 +32,24 @@ class Lecturer extends Model
         'active'  => 'boolean',
     ];
 
+    public function registerMediaConversions(Media $media = null): void
+    {
+        $this
+            ->addMediaConversion('preview')
+            ->fit(Manipulations::FIT_CROP, 300, 300)
+            ->nonQueued();
+        $this->addMediaConversion('thumb')
+             ->fit(Manipulations::FIT_CROP, 130, 130)
+             ->width(130)
+             ->height(130);
+    }
+
+    public function registerMediaCollections(): void
+    {
+        $this->addMediaCollection('avatar')
+             ->singleFile();
+    }
+
     /**
      * Get the options for generating the slug.
      */

app/Nova/Lecturer.php

@@ -2,11 +2,11 @@
 
 namespace App\Nova;
 
+use Ebess\AdvancedNovaMediaLibrary\Fields\Images;
 use Illuminate\Http\Request;
 use Laravel\Nova\Fields\BelongsTo;
 use Laravel\Nova\Fields\Boolean;
 use Laravel\Nova\Fields\Field;
-use Laravel\Nova\Fields\ID;
 use Laravel\Nova\Fields\Text;
 use Laravel\Nova\Http\Requests\NovaRequest;
 
@@ -52,8 +52,9 @@ class Lecturer extends Resource
     public function fields(Request $request)
     {
         return [
-            ID::make()
-              ->sortable(),
+            Images::make('Avatar', 'avatar') // second parameter is the media collection name
+                  ->conversionOnIndexView('thumb') // conversion used to display the image
+                  ->rules('required'), // validation rules
 
             Text::make('Name')
                 ->rules('required', 'string'),