wip - show initial image

elections/migrations/0019_electionsarticlepage_show_initial_image.py

+# Generated by Django 4.1.10 on 2024-01-19 18:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('elections', '0018_alter_electionshomepage_content'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='electionsarticlepage',
+            name='show_initial_image',
+            field=models.BooleanField(default=True, help_text='Pokud je tato volba zaškrtnutá, obrázek nastavený u tohoto článku se automaticky vloží do prvního odstavce.', verbose_name='Ukázat obrázek v textu'),
+        ),
+    ]

main/migrations/0072_mainarticlepage_show_initial_image.py

+# Generated by Django 4.1.10 on 2024-01-19 18:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('main', '0071_rename_date_mainarticlepage_timestamp'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='mainarticlepage',
+            name='show_initial_image',
+            field=models.BooleanField(default=True, help_text='Pokud je tato volba zaškrtnutá, obrázek nastavený u tohoto článku se automaticky vloží do prvního odstavce.', verbose_name='Ukázat obrázek v textu'),
+        ),
+    ]

shared/models/main.py

@@ -635,6 +635,12 @@ class MainArticlePageMixin(
     Page,
 ):
     ### FIELDS
+    show_initial_image = models.BooleanField(
+        verbose_name="Ukázat obrázek v textu",
+        help_text="Pokud je tato volba zaškrtnutá, obrázek nastavený u tohoto článku se automaticky vloží do prvního odstavce.",
+        default=True,
+    )
+
     content = StreamField(
         [
             (
@@ -670,6 +676,7 @@ class MainArticlePageMixin(
 
     content_panels = ArticleMixin.content_panels + [
         FieldPanel("author_page"),
+        FieldPanel("show_initial_image"),
         FieldPanel("tags"),
         FieldPanel("shared_tags"),
     ]

shared/templates/styleguide2/article_page.html

 {% extends "styleguide2/base.html" %}
-{% load wagtailcore_tags %}
+{% load wagtailcore_tags wagtailimages_tags %}
 
 {% block content %}
 
@@ -17,6 +17,10 @@
       </p>
     {% endif %}
 
+    {% if page.image %}
+      {% image page.image max-500x500 as initial_image %}
+    {% endif %}
+
     {% for block in page.content %}
       {% include_block block %}
     {% endfor %}

shared/templates/styleguide2/includes/atoms/text/prose_richtext.html

 <div class="prose [&_p]:leading-7 [&_p]:text-black [&_p]:text-lg" style="max-width:100ch">
+  {% if forloop.first and page.show_initial_image and initial_image %}
+    <img
+      src="{{ initial_image.url }}"
+      width="400"
+      class="float-right ml-4 mb-6 max-w-[400px] mt-0 sm:max-w-full object-contain"
+    >
+  {% endif %}
+
   {{ self }}
 </div>