diff --git a/main/blocks.py b/main/blocks.py index 02b100d5031c07cd7334d8add669c8085fbb33a3..cb3be9d3a74c235e3d438141f3f6b20c65a41ad1 100644 --- a/main/blocks.py +++ b/main/blocks.py @@ -97,7 +97,12 @@ class HomePageCarouseSlideBlock(StructBlock): mobile_line_2 = TextBlock(label="Druhý mobilní řádek") mobile_line_3 = TextBlock(label="Třetí mobilní řádek") - image = ImageChooserBlock(label="Obrázek nahrazující animaci", required=False) + desktop_image = ImageChooserBlock( + label="Obrázek nahrazující animaci (desktop)", required=False + ) + mobile_image = ImageChooserBlock( + label="Obrázek nahrazující animaci (mobil / tablet)", required=False + ) button_url = URLBlock( label="Odkaz tlačítka", diff --git a/main/migrations/0069_alter_mainhomepage_content.py b/main/migrations/0069_alter_mainhomepage_content.py new file mode 100644 index 0000000000000000000000000000000000000000..9dcb18dd49f734c73aa76ab7be3ff7825348e54b --- /dev/null +++ b/main/migrations/0069_alter_mainhomepage_content.py @@ -0,0 +1,175 @@ +# Generated by Django 4.1.10 on 2024-01-17 15:52 + +from django.db import migrations +import main.blocks +import wagtail.blocks +import wagtail.fields +import wagtail.images.blocks + + +class Migration(migrations.Migration): + dependencies = [ + ("main", "0068_alter_mainhomepage_content"), + ] + + operations = [ + migrations.AlterField( + model_name="mainhomepage", + name="content", + field=wagtail.fields.StreamField( + [ + ( + "carousel", + wagtail.blocks.StructBlock( + [ + ( + "desktop_line_1", + wagtail.blocks.TextBlock( + label="Desktop první řádek" + ), + ), + ( + "desktop_line_2", + wagtail.blocks.TextBlock( + label="Desktop druhý řádek" + ), + ), + ( + "mobile_line_1", + wagtail.blocks.TextBlock( + label="První mobilní řádek" + ), + ), + ( + "mobile_line_2", + wagtail.blocks.TextBlock( + label="Druhý mobilní řádek" + ), + ), + ( + "mobile_line_3", + wagtail.blocks.TextBlock( + label="Třetí mobilní řádek" + ), + ), + ( + "desktop_image", + wagtail.images.blocks.ImageChooserBlock( + label="Obrázek nahrazující animaci (desktop)", + required=False, + ), + ), + ( + "mobile_image", + wagtail.images.blocks.ImageChooserBlock( + label="Obrázek nahrazující animaci (mobil / tablet)", + required=False, + ), + ), + ( + "button_url", + wagtail.blocks.URLBlock( + help_text="Bez odkazu tlačítko nebude viditelné.", + label="Odkaz tlačítka", + required=False, + ), + ), + ( + "button_text", + wagtail.blocks.CharBlock( + label="Text tlačítka", required=False + ), + ), + ] + ), + ), + ( + "news", + wagtail.blocks.StructBlock( + [ + ( + "title", + wagtail.blocks.CharBlock( + help_text="Nejnovější články se načtou automaticky", + label="Titulek", + ), + ), + ( + "description", + wagtail.blocks.TextBlock(label="Popis"), + ), + ], + template="styleguide2/includes/organisms/articles/articles_section.html", + ), + ), + ("europarl_news", wagtail.blocks.StructBlock([])), + ( + "people", + wagtail.blocks.StructBlock( + [ + ( + "title_line_1", + wagtail.blocks.CharBlock( + label="První řádek titulku" + ), + ), + ( + "title_line_2", + wagtail.blocks.CharBlock( + label="Druhý řádek titulku" + ), + ), + ( + "description", + wagtail.blocks.TextBlock(label="Popis"), + ), + ( + "list", + wagtail.blocks.ListBlock( + main.blocks.BoxBlock, label="Boxíky" + ), + ), + ] + ), + ), + ( + "regions", + wagtail.blocks.StructBlock( + [ + ( + "title", + wagtail.blocks.CharBlock( + help_text="Články pro regiony se načtou automaticky", + label="Titulek", + ), + ) + ] + ), + ), + ( + "boxes", + wagtail.blocks.StructBlock( + [ + ("title", wagtail.blocks.CharBlock(label="Nadpis")), + ( + "list", + wagtail.blocks.ListBlock( + main.blocks.BoxBlock, label="Boxíky" + ), + ), + ( + "image", + wagtail.images.blocks.ImageChooserBlock( + label="Obrázek pozadí", required=False + ), + ), + ] + ), + ), + ], + blank=True, + use_json_field=True, + verbose_name="Hlavní obsah", + ), + ), + ] diff --git a/shared/templates/styleguide2/includes/molecules/menus/carousel.html b/shared/templates/styleguide2/includes/molecules/menus/carousel.html index 4e1516f904b5a3d681b9f39e3f6490dca7ae5f0a..1298ed528b0fcef56d4e79ad96eb6438d8693f2e 100644 --- a/shared/templates/styleguide2/includes/molecules/menus/carousel.html +++ b/shared/templates/styleguide2/includes/molecules/menus/carousel.html @@ -20,11 +20,11 @@ lg:hidden " - {% if not self.image %} + {% if not self.mobile_image %} src="{% static 'styleguide2/images/background-images/bg-flag-mobile.gif' %}" {% else %} - {% image self.image original as background_image %} - src="{{ background_image.url }}" + {% image self.mobile_image original as mobile_background_image %} + src="{{ mobile_background_image.url }}" {% endif %} draggable="false" @@ -35,7 +35,14 @@ header-carousel--image hidden lg:block " - src="{% static 'styleguide2/images/background-images/bg-flag.webp' %}" + + {% if not self.desktop_image %} + src="{% static 'styleguide2/images/background-images/bg-flag.webp' %}" + {% else %} + {% image self.desktop_image original as desktop_background_image %} + src="{{ desktop_background_image.url }}" + {% endif %} + draggable="false" >