migrate district-specific blocks

district/blocks.py

@@ -517,7 +517,7 @@ class ArticlesBlock(StructBlock):
     )
 
     class Meta:
-        template = "district/blocks/articles_block.html"
+        template = "styleguide2/includes/organisms/articles/article_list_block.html"
         icon = "list-ul"
         label = "Blok aktualit"
 
@@ -532,6 +532,6 @@ class ArticleLinksBlock(StructBlock):
     )
 
     class Meta:
-        template = "district/blocks/article_links_block.html"
+        template = "styleguide2/includes/organisms/articles/article_links_block.html"
         icon = "list-ul"
         label = "Seznam nadpisů článků"

district/templates/district/blocks/chart.html

@@ -6,8 +6,8 @@
 <div class="py-4">
     <canvas
         class="lg:h-120 lg:w-auto w-full mx-auto"
-        id="{{ block_id }}"
+        id="{{ block.id }}"
     ></canvas>
 </div>
 
-{% include "shared/chart_script_snippet.html" with value=value block_id=block_id %}
+{% include "shared/chart_script_snippet.html" with value=value block_id=block.id %}

shared/templates/styleguide2/includes/molecules/articles/article_timeline_preview.html

@@ -26,9 +26,11 @@
       <h2 class="font-alt text-4xl">{{ article.title }}</h2>
     </a>
 
+    {% if article.tags %}
       <div class="mb-6">
         {% include 'styleguide2/includes/molecules/tags/inline_tags.html' with tags=article.get_tags tags_are_selectable=True %}
       </div>
+    {% endif %}
 
     <div class="flex flex-col justify-between h-full">
       <p class="mb-8 text-lg">

shared/templates/styleguide2/includes/molecules/articles/article_title_preview.html

+<div
+  class="
+    flex flex-col bg-grey-180 drop-shadow
+
+    {{ classes }}
+  "
+>
+  <div class="flex flex-col px-8 pb-6 pt-6 h-full">
+    <div class="text-xl text-grey-350 mb-2">
+      {{ article.date }}
+    </div>
+
+    <a href="{{ article.url }}" class="underline-offset-4">
+      <h2 class="font-alt text-4xl">{{ article.title }}</h2>
+    </a>
+
+    {% if article.get_tags %}
+      <div class="mt-2">
+        {% include 'styleguide2/includes/molecules/tags/inline_tags.html' with tags=article.get_tags tags_are_selectable=True %}
+      </div>
+    {% endif %}
+  </div>
+</div>

shared/templates/styleguide2/includes/organisms/articles/article_links_block.html

+{% if self.articles|length != 0 %}
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
+    {% for article in self.articles %}
+      {% include 'styleguide2/includes/molecules/articles/article_title_preview.html' %}
+    {% endfor %}
+  </div>
+{% endif %}

shared/templates/styleguide2/includes/organisms/articles/article_list_block.html

+{% if self.articles|length != 0 %}
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
+    {% for article in self.articles %}
+      {% include 'styleguide2/includes/molecules/articles/article_timeline_preview.html' %}
+    {% endfor %}
+  </div>
+{% endif %}