Add articles blocks and lists

district/blocks.py

@@ -339,3 +339,33 @@ class HeroBannerBlock(StructBlock):
         template = "district/blocks/hero_banner_block.html"
         icon = "image"
         label = "Hero banner"
+
+
+class ArticlesBlock(StructBlock):
+    articles = ListBlock(
+        PageChooserBlock(
+            "district.DistrictArticlePage", required=True, label="Aktualita"
+        ),
+        label="Seznam aktualit",
+        required=True,
+    )
+
+    class Meta:
+        template = "district/blocks/articles_block.html"
+        icon = "list-ul"
+        label = "Blok aktualit"
+
+
+class ArticleLinksBlock(StructBlock):
+    articles = ListBlock(
+        PageChooserBlock(
+            "district.DistrictArticlePage", required=True, label="Aktualita"
+        ),
+        label="Seznam aktualit",
+        required=True,
+    )
+
+    class Meta:
+        template = "district/blocks/article_links_block.html"
+        icon = "list-ul"
+        label = "Seznam nadpisů článků"

district/models.py

@@ -59,7 +59,9 @@ from . import blocks
 from .forms import JekyllImportForm
 
 CONTENT_BLOCKS = DEFAULT_CONTENT_BLOCKS + [
-    ("chart", ChartBlock(template="district/blocks/chart.html"))
+    ("chart", ChartBlock(template="district/blocks/chart.html")),
+    ("related", blocks.ArticlesBlock()),
+    ("related_links", blocks.ArticleLinksBlock()),
 ]
 
 
@@ -369,6 +371,13 @@ class DistrictArticlePage(
 ):
     ### FIELDS
 
+    content = StreamField(
+        CONTENT_BLOCKS,
+        verbose_name="Článek",
+        blank=True,
+        use_json_field=True,
+    )
+
     author_page = models.ForeignKey(
         "district.DistrictPersonPage", on_delete=models.SET_NULL, null=True, blank=True
     )

district/templates/district/blocks/article_links_block.html

+<ul class="unordered-list">
+    {% for article in self.articles %}
+        <li>
+            <a href="{{ article.url }}" class="underline">
+                {{ article.title }}
+            </a>
+        </li>
+    {% endfor %}
+</ul>

district/templates/district/blocks/articles_block.html

+<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
+    {% for article in self.articles %}
+        {% include "shared/article_preview.html" with article=article perex_size="h-12" %}
+    {% endfor %}
+</div>

shared/templates/shared/article_preview.html

@@ -69,7 +69,7 @@
         {{ article.title }}
       </h1>
     </a>
-    <p class="card-body-text text-ellipsis overflow-hidden h-64 flex-grow{% if article.is_black %} bg-black{% endif %}">
+    <p class="card-body-text text-ellipsis overflow-hidden {% firstof perex_size 'h-64' %} flex-grow{% if article.is_black %} bg-black{% endif %}">
       {{ article.perex }}
     </p>
     <div class="inline-block-nogap mt-4">