add program point perex

main/blocks.py

@@ -135,6 +135,10 @@ class ProgramGroupBlock(StructBlock):
         required=False,
         help_text="Není třeba vyplňovat, bude automaticky vyplněno",
     )
+    perex = RichTextBlock(
+        label="Perex části programu",
+        required=False,
+    )
     point_list = ListBlock(ProgramBlock(), label="Jednotlivé články programu")
 
     class Meta:

main/migrations/0041_alter_mainprogrampage_program.py

+# Generated by Django 4.0.7 on 2023-01-04 06:24
+
+from django.db import migrations
+import wagtail.blocks
+import wagtail.fields
+import wagtail.images.blocks
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('main', '0040_alter_mainprogrampage_program'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='mainprogrampage',
+            name='program',
+            field=wagtail.fields.StreamField([('program_group', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(label='Titulek části programu')), ('slug', wagtail.blocks.CharBlock(help_text='Není třeba vyplňovat, bude automaticky vyplněno', label='Slug části programu', required=False)), ('perex', wagtail.blocks.RichTextBlock(label='Perex části programu', required=False)), ('point_list', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('url', wagtail.blocks.URLBlock(label='Odkaz pokrývající celou tuto část', required=False)), ('icon', wagtail.images.blocks.ImageChooserBlock(label='Ikona', required=False)), ('title', wagtail.blocks.CharBlock(label='Titulek článku programu')), ('text', wagtail.blocks.RichTextBlock(label='Obsah'))]), label='Jednotlivé články programu'))], label='Část programu'))], blank=True, use_json_field=None, verbose_name='Program'),
+        ),
+    ]

main/templates/main/main_program_page.html

@@ -21,19 +21,26 @@
         >
           <div class="mb-12 container--medium flex justify-start">
             <ui-horizontal-scrollable>
-            <div class="switch">
-              {% for program_group in page.program %}
-                <a @click="toggleView('{{ program_group.value.slug }}-{{ forloop.counter }}')" class="switch__item"
-                   :class="{'switch__item--active': isCurrentView('{{ program_group.value.slug }}-{{ forloop.counter }}')}">
-                  {{ program_group.value.title }}
-                </a>
-              {% endfor %}
-            </div>
+              <div class="switch">
+                {% for program_group in page.program %}
+                  <a @click="toggleView('{{ program_group.value.slug }}-{{ forloop.counter }}')" class="switch__item"
+                    :class="{'switch__item--active': isCurrentView('{{ program_group.value.slug }}-{{ forloop.counter }}')}">
+                    {{ program_group.value.title }}
+                  </a>
+                {% endfor %}
+              </div>
             </ui-horizontal-scrollable>
           </div>
 
             {% for program_group in page.program %}
               <template v-if="isCurrentView('{{ program_group.value.slug }}-{{ forloop.counter }}')">
+                {% if program_group.value.perex %}
+                  <div class="grid-container mb-12">
+                    <div class="prose grid-left-side-with-content">
+                      {{ program_group.value.perex|richtext }}
+                    </div>
+                  </div>
+                {% endif %}
                 {% for item in program_group.value.point_list %}
                   {% if item.url %}
                     <a href="{{ item.url }}" class="hover:no-underline grid-container mb-12">