Open Graph image

Author: sdebacker

database/migrations/create_project_categories_table.php.stub

@@ -14,6 +14,7 @@ return new class() extends Migration {
         Schema::create('project_categories', function (Blueprint $table) {
             $table->id();
             $table->foreignId('image_id')->nullable()->constrained('files')->nullOnDelete();
+            $table->foreignId('og_image_id')->nullable()->constrained('files')->nullOnDelete();
             $table->integer('position')->unsigned()->default(0);
             $table->json('status')->default(new Expression('(JSON_OBJECT())'));
             $table->json('title')->default(new Expression('(JSON_OBJECT())'));

database/migrations/create_projects_table.php.stub

@@ -14,9 +14,10 @@ return new class() extends Migration {
         Schema::create('projects', function (Blueprint $table) {
             $table->id();
             $table->foreignId('category_id')->constrained('project_categories')->onDelete('cascade');
+            $table->foreignId('image_id')->nullable()->constrained('files')->nullOnDelete();
+            $table->foreignId('og_image_id')->nullable()->constrained('files')->nullOnDelete();
             $table->date('date');
             $table->string('website')->nullable();
-            $table->foreignId('image_id')->nullable()->constrained('files')->nullOnDelete();
             $table->json('status')->default(new Expression('(JSON_OBJECT())'));
             $table->json('title')->default(new Expression('(JSON_OBJECT())'));
             $table->json('slug')->default(new Expression('(JSON_OBJECT())'));

resources/views/admin/_form-category.blade.php

@@ -10,6 +10,7 @@
 
     <file-manager related-table="{{ $model->getTable() }}" :related-id="{{ $model->id ?? 0 }}"></file-manager>
     <file-field type="image" field="image_id" :init-file="{{ $model->image ?? 'null' }}"></file-field>
+    <file-field type="image" field="og_image_id" :init-file="{{ $model->ogImage ?? 'null' }}" label="Open Graph image"></file-field>
 
     @include('core::form._title-and-slug')
     <div class="mb-3">

resources/views/admin/_form.blade.php

@@ -15,6 +15,7 @@
 
     <file-manager related-table="{{ $model->getTable() }}" :related-id="{{ $model->id ?? 0 }}"></file-manager>
     <file-field type="image" field="image_id" :init-file="{{ $model->image ?? 'null' }}"></file-field>
+    <file-field type="image" field="og_image_id" :init-file="{{ $model->ogImage ?? 'null' }}" label="Open Graph image"></file-field>
     <files-field :init-files="{{ $model->files }}"></files-field>
 
     @include('core::form._title-and-slug')

resources/views/public/index-of-category.blade.php

@@ -1,5 +1,8 @@
 @extends('pages::public.master')
 
+@section('title', $category->title . ' – ' . __('Projects') . ' – ' . $websiteTitle)
+@section('ogTitle', $category->title)
+@section('ogImage', $category->present()->ogImage())
 @section('bodyClass', 'body-projects body-projects-index body-page body-page-' . $page->id)
 
 @section('page')

src/Http/Requests/CategoryFormRequest.php

@@ -10,6 +10,7 @@ public function rules()
     {
         return [
             'image_id' => 'nullable|integer',
+            'og_image_id' => 'nullable|integer',
             'title.*' => 'nullable|max:255',
             'slug.*' => 'nullable|alpha_dash|max:255|required_if:status.*,1|required_with:title.*',
             'status.*' => 'boolean',

src/Http/Requests/FormRequest.php

@@ -13,6 +13,7 @@ public function rules()
             'date' => 'required|date_format:Y-m-d',
             'website' => 'nullable|url|max:255',
             'image_id' => 'nullable|integer',
+            'og_image_id' => 'nullable|integer',
             'title.*' => 'nullable|max:255',
             'slug.*' => 'nullable|alpha_dash|max:255|required_if:status.*,1|required_with:title.*',
             'status.*' => 'boolean',

src/Models/Project.php

@@ -70,4 +70,9 @@ public function image(): BelongsTo
     {
         return $this->belongsTo(File::class, 'image_id');
     }
+
+    public function ogImage(): BelongsTo
+    {
+        return $this->belongsTo(File::class, 'og_image_id');
+    }
 }

src/Models/ProjectCategory.php

@@ -84,4 +84,9 @@ public function image(): BelongsTo
     {
         return $this->belongsTo(File::class, 'image_id');
     }
+
+    public function ogImage(): BelongsTo
+    {
+        return $this->belongsTo(File::class, 'og_image_id');
+    }
 }