Add blog post summary

AchillesKal · Apr 7, 2024 · 9d629bd · 9d629bd
1 parent da5ee09
commit 9d629bd
Show file tree

Hide file tree

Showing 8 changed files with 68 additions and 6 deletions.
diff --git a/migrations/Version20240407081339.php b/migrations/Version20240407081339.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20240407081339 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE blog_post ADD summary VARCHAR(1000) DEFAULT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE blog_post DROP summary');
+    }
+}
diff --git a/src/Entity/BlogPost.php b/src/Entity/BlogPost.php
@@ -39,6 +39,9 @@ class BlogPost
     #[ORM\Column(length: 255, nullable: true)]
     private ?string $banner = null;
 
+    #[ORM\Column(length: 1000, nullable: true)]
+    private ?string $summary = null;
+
     public function __construct()
     {
         $this->tags = new ArrayCollection();
@@ -135,4 +138,16 @@ public function setBanner(?string $banner): static
 
         return $this;
     }
+
+    public function getSummary(): ?string
+    {
+        return $this->summary;
+    }
+
+    public function setSummary(?string $summary): static
+    {
+        $this->summary = $summary;
+
+        return $this;
+    }
 }
diff --git a/src/Factory/BlogPostFactory.php b/src/Factory/BlogPostFactory.php
@@ -56,7 +56,8 @@ protected function getDefaults(): array
         $file = new UploadedFile($temporaryImagePath, $filename);
         return [
             'title' => ucfirst(self::faker()->words(5, true)),
-            'content' => self::faker()->paragraphs(10, true),
+            'summary' => self::faker()->text,
+            'content' => self::faker()->randomHtml(3, 6),
             'banner' => $file->getFilename(),
         ];
     }

diff --git a/src/Form/BlogPostType.php b/src/Form/BlogPostType.php
@@ -36,6 +36,11 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     ])
                 ],
             ])
+            ->add('summary', TextareaType::class, [
+                'required' => false,
+                'attr' => ['class' => 'tinymce'],
+                'purify_html' => true,
+            ])
             ->add('content', TextareaType::class, [
                 'required' => false,
                 'attr' => ['class' => 'tinymce'],

diff --git a/templates/blog_post/_form.html.twig b/templates/blog_post/_form.html.twig
@@ -21,6 +21,11 @@
         {{ form_widget(form.banner) }}
     </div>
 
+    <div>
+        <label for="blog_post_summary" class="text-sm font-medium">Summary</label>
+        {{ form_widget(form.summary, {'attr': {'class': 'shadow-inner w-full bg-gray-100 hover:border-gray-900 transition-all border text-gray-900 mt-2 p-4 rounded-xl focus:outline-none focus:shadow-outline', 'rows': '20', 'placeholder': 'Add summary'}}) }}
+    </div>
+
     <div>
         <label for="blog_post_content" class="text-sm font-medium">Content</label>
         {{ form_widget(form.content, {'attr': {'class': 'shadow-inner w-full bg-gray-100 hover:border-gray-900 transition-all border text-gray-900 mt-2 p-4 rounded-xl focus:outline-none focus:shadow-outline', 'rows': '20', 'placeholder': 'Add content'}}) }}

diff --git a/templates/blog_post/edit.html.twig b/templates/blog_post/edit.html.twig
@@ -25,6 +25,11 @@
                 .catch( error => {
                     console.error( error );
                 } );
+            ClassicEditor
+                .create( document.querySelector( '#blog_post_summary' ) )
+                .catch( error => {
+                    console.error( error );
+                } );
         });
 
     </script>

diff --git a/templates/blog_post/index.html.twig b/templates/blog_post/index.html.twig
@@ -36,7 +36,7 @@
                                     <h2 class="text-balance @xl:leading-tight text-2xl font-bold @xl:text-5xl text-black">{{ blog_post.title }}</h2>
                                 </a>
                                 <p class="@xl:text-2xl text-md font-light text-black max-w-4xl line-clamp-3 @xl:leading-9 leading-relaxed">
-                                    {{ blog_post.content|purify }}
+                                    {{ blog_post.summary|purify }}
                                 </p>
                             </div>
 

diff --git a/templates/blog_post/new.html.twig b/templates/blog_post/new.html.twig
@@ -15,10 +15,15 @@
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             ClassicEditor
-                .create( document.querySelector( '#blog_post_content' ) )
-                .catch( error => {
-                    console.error( error );
-                } );
+                .create(document.querySelector('#blog_post_content'))
+                .catch(error => {
+                    console.error(error);
+                });
+            ClassicEditor
+                .create(document.querySelector('#blog_post_summary'))
+                .catch(error => {
+                    console.error(error);
+                });
         });
     </script>
 {% endblock %}