custom background image for programs

district/migrations/0259_districtnewprogrampage_header_image.py

+# Generated by Django 5.0.6 on 2024-07-23 12:26
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('district', '0258_alter_districtnewprogrampage_program'),
+        ('wagtailimages', '0026_delete_uploadedimage'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='districtnewprogrampage',
+            name='header_image',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.PROTECT, related_name='+', to='wagtailimages.image', verbose_name='Obrázek na pozadí hlavičky'),
+        ),
+    ]

district/models.py

@@ -579,11 +579,34 @@ class DistrictNewProgramPage(MainProgramPageMixin):
         use_json_field=True,
     )
 
+    header_image = models.ForeignKey(
+        "wagtailimages.Image",
+        on_delete=models.PROTECT,
+        blank=True,
+        null=True,
+        verbose_name="Obrázek na pozadí hlavičky",
+        related_name="+",
+    )
+
     ### RELATIONS
 
     parent_page_types = ["district.DistrictHomePage"]
     subpage_types = ["district.DistrictCustomPage"]
 
+    ### PANELS
+
+    settings_panels = [
+        FieldPanel("header_image")
+    ]
+
+    edit_handler = TabbedInterface(
+        [
+            ObjectList(MainProgramPageMixin.content_panels, heading="Obsah"),
+            ObjectList(settings_panels, heading="Nastavení"),
+            ObjectList(MainProgramPageMixin.promote_panels, heading="Metadata"),
+        ]
+    )
+
 
 class DistrictCrossroadPage(
     ExtendedMetadataPageMixin, SubpageMixin, MetadataPageMixin, PageInMenuMixin, Page

shared/models/main.py

@@ -2040,6 +2040,13 @@ class MainProgramPageMixin(
 
     settings_panels = []
 
+    edit_handler = TabbedInterface(
+        [
+            ObjectList(content_panels, heading="Obsah"),
+            ObjectList(promote_panels, heading="Metadata"),
+        ]
+    )
+
     ### RELATIONS
 
     # NOTE: Needs to be overridden

shared/templates/styleguide2/includes/organisms/header/simple_header.html

+{% load wagtailimages_tags %}
+
 {% if show_scroll_progress %}
   <div class="__js-root">
     <ui-scroll-indicator></ui-scroll-indicator>
@@ -33,6 +35,10 @@
     "
 
     {% if background_image %}
+      {% if not background_image.url %}
+        {% image background_image fill-1920x1080 as background_image %}
+      {% endif %}
+
       style="background-image:url('{{ background_image.url }}')"
     {% endif %}
   >

shared/templates/styleguide2/program_page.html

@@ -13,7 +13,7 @@
       :sync-location="true"
       v-slot="{ isCurrentView, toggleView }"
     >
-      {% include 'styleguide2/includes/organisms/header/simple_header_with_ui_switch.html' with title=page.title ui_switch_iterable=page.program %}
+      {% include 'styleguide2/includes/organisms/header/simple_header_with_ui_switch.html' with title=page.title ui_switch_iterable=page.program background_image=page.header_image %}
 
       <main role="main">
         {% for program in page.program %}